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 Report</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 Report</li>
                <li>Location Approval</li>
            </ol>
        </div>
    </div>

    <ul class="nav nav-tabs" style="margin-bottom:15px;">
        <li><a href="javascript:void(0);" class="beat-report"><i class="fa fa-list"></i> Beat Status</a></li>
        <li class="active"><a href="javascript:void(0);" class="beat-report-approval"><i class="fa fa-map-marker"></i>
            Location Approval</a></li>
    </ul>

    <div class="row col-lg-12">
        <div class="col-lg-2">
            <label>Category</label>
            <select id="bra-category" class="form-control">
                <option value="$categoryId">Sales</option>
            </select>
        </div>
        <div class="col-lg-2">
            <label>Level</label>
            <select id="bra-level" class="form-control">
                <option value="">All Levels</option>
                #foreach($lvl in $escalationTypes)
                    <option value="$lvl">$lvl</option>
                #end
            </select>
        </div>
        <div class="col-lg-2">
            <label>From</label>
            <input type="date" id="bra-from" class="form-control" value="$fromDate">
        </div>
        <div class="col-lg-2">
            <label>To</label>
            <input type="date" id="bra-to" class="form-control" value="$toDate">
        </div>
        <div class="col-lg-2" style="padding-top:24px;">
            <button type="button" class="btn btn-info" id="bra-fetch"><i class="fa fa-search"></i> Load</button>
        </div>
        <div class="col-lg-12" style="margin-top:8px;">
            <small style="color:#666;">
                Shows only off-site check-ins (&gt;50&nbsp;m between user's actual lat/lng and the visit target's
                lat/lng) that haven't been approved yet.
                Limited to your downline.
            </small>
        </div>
    </div>

    <br>
    <div class="row col-lg-12" style="margin-bottom:8px;">
        <div class="col-lg-12" style="text-align:right;">
            <button type="button" class="btn btn-success" id="bra-approve-selected" disabled>
                <i class="fa fa-check"></i> Approve selected (<span id="bra-sel-count">0</span>)
            </button>
        </div>
    </div>

    <div class="row col-lg-12">
        <table id="bra-table" class="table table-striped table-bordered" style="width:100%">
            <thead>
            <tr>
                <th style="width:30px;"><input type="checkbox" id="bra-select-all"></th>
                <th>User</th>
                <th>Date / Time</th>
                <th>Type</th>
                <th>Target</th>
                <th>Expected (visit location)</th>
                <th>Actual (check-in)</th>
                <th>Distance</th>
                <th>Attachment</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>

    <div class="modal fade" id="bra-attach-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Attachment</h4>
                </div>
                <div class="modal-body" style="text-align:center;">
                    <img id="bra-attach-img" src="" style="max-width:100%;">
                </div>
            </div>
        </div>
    </div>
</section>

<script src="${rc.contextPath}/resources/js/beat-report-approval.js?v=20260612a"></script>