Subversion Repositories SmartDukaan

    <!-- Date-wise Called Partner Filter -->

    <div class="card mb-3" style="max-width: 500px;">

        <div class="card-body py-2">

            <div class="d-flex align-items-center">

                <label for="historyDate" class="mb-0 mr-2" style="font-size: 14px; white-space: nowrap;">Date:</label>

                <input type="date" id="historyDate" class="form-control form-control-sm mr-2" style="width: 140px;">

                <label for="historyRbm" class="mb-0 mr-2" style="font-size: 14px; white-space: nowrap;">RBM:</label>

                <select id="historyRbm" class="form-control form-control-sm mr-2" style="width: 150px;">

                    <option value="">Select RBM</option>

                    #foreach($model in $rbmCallTargetModels)

                        <option value="$model.getAuthId()">$model.getRbmName()</option>

                    #end

                </select>

                <button type="button" class="btn btn-primary btn-sm" onclick="showHistoryCalledPartners()">View</button>

            </div>

        </div>

    </div>

    }

    // Date-wise Called Partner History

    function showHistoryCalledPartners() {

        var selectedDate = document.getElementById('historyDate').value;

        var selectedRbm = document.getElementById('historyRbm');

        var authId = selectedRbm.value;

        var rbmName = selectedRbm.options[selectedRbm.selectedIndex].text;

        if (!selectedDate) {

            alert('Please select a date');

            return;

        }

        if (!authId) {

            alert('Please select an RBM');

            return;

        }

        document.getElementById('calledModalLabel').textContent = 'Called Partners - ' + rbmName + ' (' + selectedDate + ')';

        document.getElementById('calledDetailsContent').innerHTML = '<p>Loading...</p>';

        $('#calledModal').modal('show');

        fetch('/indent/rbm_call_target/called_details?authId=' + authId + '&date=' + selectedDate)

                .then(function (response) {

                    return response.json();

                })

                .then(function (data) {

                    if (data && data.length > 0) {

                        var html = '<table class="table table-bordered table-sm"><thead><tr><th>S.No</th><th style="width: 200px;">Party Name</th><th>Code</th><th style="width: 350px;">Remark</th><th>Remark Time</th><th>Call Status</th><th>Call Duration</th><th>Call Date/Time</th><th>Recording</th></tr></thead><tbody>';

                        for (var i = 0; i < data.length; i++) {

                            var recordingHtml = '-';

                            if (data[i].recordingUrl) {

                                recordingHtml = '<a href="' + data[i].recordingUrl + '" target="_blank" class="btn btn-sm btn-outline-primary">Play</a>';

                            }

                            html += '<tr><td>' + (i + 1) + '</td><td>' + data[i].partyName + '</td><td>' + data[i].code + '</td><td>' + data[i].remark + '- &nbsp;' + (data[i].message || '-') + '</td><td>' + data[i].time + '</td><td>' + (data[i].callStatus || '-') + '</td><td>' + (data[i].callDuration || '-') + '</td><td>' + (data[i].callDateTime || '-') + '</td><td>' + recordingHtml + '</td></tr>';

                        }

                        html += '</tbody></table>';

                        document.getElementById('calledDetailsContent').innerHTML = html;

                    } else {

                        document.getElementById('calledDetailsContent').innerHTML = '<p>No called partners found for selected date.</p>';

                    }

                })

                .catch(function () {

                    document.getElementById('calledDetailsContent').innerHTML = '<p>Error loading details. Please try again.</p>';

                });