Subversion Repositories SmartDukaan

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i> BEAT PLAN — BULK UPLOAD</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>Beat Plan Bulk Upload</li>
                        </ol>
                </div>
        </div>

        <div class="row">
                <div class="col-lg-8">
                        <div class="panel panel-default">
                                <div class="panel-heading">
                                        <strong>Upload Beat Plans CSV</strong>
                                        <a href="${rc.contextPath}/beatPlan/downloadTemplate" class="btn btn-xs btn-info pull-right">Download
                                                Template</a>
                                </div>
                                <div class="panel-body">
                                        <p style="margin-bottom:15px;color:#666;">
                                                Upload a CSV file to create beat plans and schedule them on the calendar in one go.<br>
                                                Each row defines one partner visit within a beat. Beats are grouped by <strong>beat_name +
                                                auth_user_id</strong>.
                                        </p>

                                        <div class="well" style="background:#f9f9f9;">
                                                <strong>CSV Format (one row = one day):</strong>
                                                <table class="table table-bordered table-condensed" style="margin-top:10px;font-size:12px;">
                                                        <thead>
                                                        <tr style="background:#eee;">
                                                                <th>beat_name</th>
                                                                <th>auth_user_id</th>
                                                                <th>start_date</th>
                                                                <th>day_number</th>
                                                                <th>partner_codes</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                                <td>Jaipur East Route</td>
                                                                <td>280</td>
                                                                <td>2026-06-02</td>
                                                                <td>1</td>
                                                                <td>RJKAI1478,RJBUN1449,RJDEG1443</td>
                                                        </tr>
                                                        <tr>
                                                                <td>Jaipur East Route</td>
                                                                <td>280</td>
                                                                <td></td>
                                                                <td>2</td>
                                                                <td>RJALR1362,RJBTR1388</td>
                                                        </tr>
                                                        <tr>
                                                                <td>Jaipur East Route</td>
                                                                <td>280</td>
                                                                <td></td>
                                                                <td>3</td>
                                                                <td>RJRSD1518,RJSML356</td>
                                                        </tr>
                                                        <tr style="border-top:2px solid #ccc;">
                                                                <td>Agra Circuit</td>
                                                                <td>145</td>
                                                                <td>2026-06-05</td>
                                                                <td>1</td>
                                                                <td>UPAGR101,UPAGR102,UPAGR103</td>
                                                        </tr>
                                                        </tbody>
                                                </table>
                                                <p style="font-size:11px;color:#888;">
                                                        <strong>beat_name</strong>: Name for the beat — <strong>only needed on day 1</strong>. Leave
                                                        blank for day 2, 3 etc (auto-uses day 1's name). Extra spaces are normalized
                                                        automatically.<br>
                                                        <strong>auth_user_id</strong>: ID of the sales user<br>
                                                        <strong>start_date</strong>: Start date (YYYY-MM-DD) — <strong>only needed on day 1</strong>.
                                                        System auto-calculates day 2, 3 etc skipping holidays. Leave empty for unscheduled beat.<br>
                                                        <strong>day_number</strong>: Day within the beat (1, 2, 3...)<br>
                                                        <strong>partner_codes</strong>: Comma-separated partner codes for this day (in visit
                                                        order)<br><br>
                                                        Multiple users &amp; beats in one file — just use different auth_user_id.
                                                </p>
                                        </div>

                                        <form id="beat-bulk-form" enctype="multipart/form-data" style="margin-top:15px;">
                                                <div class="form-group">
                                                        <label>Select CSV File</label>
                                                        <input type="file" id="beat-bulk-file" name="file" accept=".csv" class="form-control">
                                                </div>
                                                <div class="checkbox" style="margin-bottom:10px;">
                                                        <label><input type="checkbox" id="beat-bulk-include-sundays"> Include Sundays (don't skip
                                                                Sundays when scheduling)</label>
                                                </div>
                                                <button type="button" class="btn btn-primary beat-bulk-submit">Upload & Process</button>
                                        </form>

                                        <div id="beat-bulk-result" style="display:none;margin-top:15px;"></div>
                                </div>
                        </div>
                </div>
        </div>
</section>

<script>
        $(document).on('click', '.beat-bulk-submit', function () {
                var fileInput = document.getElementById('beat-bulk-file');
                if (!fileInput.files || !fileInput.files[0]) {
                        alert('Please select a CSV file');
                        return;
                }

                var formData = new FormData();
                formData.append('file', fileInput.files[0]);
                formData.append('includeSundays', $('#beat-bulk-include-sundays').is(':checked'));

                var $btn = $(this);
                        $btn.prop('disabled', true).text('Processing...');

                $.ajax({
                        url: context + '/beatPlan/bulkUploadProcess',
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        success: function (response) {
                                        $btn.prop('disabled', false).text('Upload & Process');
                                var data = response.response || response;
                                var html = '<div class="alert alert-' + (data.errors > 0 ? 'warning' : 'success') + '">';
                                html += '<strong>Done!</strong> ' + data.beatsCreated + ' beat(s) created.';
                                if (data.errors > 0) {
                                        html += ' ' + data.errors + ' error(s).';
                                        html += '<ul style="margin-top:8px;font-size:12px;">';
                                        (data.errorMessages || []).forEach(function (msg) {
                                                html += '<li>' + msg + '</li>';
                                        });
                                        html += '</ul>';
                                }
                                html += '</div>';
                                $('#beat-bulk-result').html(html).show();
                        },
                        error: function (xhr) {
                                        $btn.prop('disabled', false).text('Upload & Process');
                                $('#beat-bulk-result').html('<div class="alert alert-danger">Error: ' + (xhr.responseText || xhr.statusText) + '</div>').show();
                        }
                });
        });
</script>