Subversion Repositories SmartDukaan

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i> COMPANY OFFICES</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>Company Offices</li>
                        </ol>
                </div>
        </div>

        <div class="row">
                <div class="col-lg-12">
                        <div class="panel panel-default">
                                <div class="panel-heading">
                                        <strong>Office Directory</strong>
                                        <span class="pull-right" style="color:#777; font-size:12px;">
                                                Use the <strong>code</strong> column in the Beat Plan Bulk sheet to add an office as a stop.
                                        </span>
                                </div>
                                <div class="panel-body" style="padding:6px;">
                                        <table id="officeTable" class="table table-bordered table-striped table-condensed"
                                                   style="width:100%;">
                                                <thead>
                                                <tr>
                                                        <th>Status</th>
                                                        <th>Code</th>
                                                        <th>Name</th>
                                                        <th>Type</th>
                                                        <th>Address</th>
                                                        <th>City</th>
                                                        <th>State</th>
                                                        <th>Lat / Lng</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                        #foreach($o in $offices)
                                                        <tr>
                                                                <td style="white-space:nowrap;">
                                                                        #if($o.isActive())
                                                                                <span class="label label-success">Active</span>
                                                                        #else
                                                                                <span class="label label-default">Inactive</span>
                                                                        #end
                                                                </td>
                                                                <td><strong>$!o.getCode()</strong></td>
                                                                <td>$!o.getName()</td>
                                                                <td>$!o.getType()</td>
                                                                <td style="font-size:11px; color:#555;">$!o.getAddress()</td>
                                                                <td>$!o.getCity()</td>
                                                                <td>$!o.getState()</td>
                                                                <td style="font-size:11px; color:#777; white-space:nowrap;">$!o.getLat()
                                                                        , $!o.getLng()</td>
                                                        </tr>
                                                        #end
                                                </tbody>
                                        </table>
                                </div>
                        </div>
                </div>
        </div>
</section>

<script>
        $(function () {
                if ($.fn.DataTable) {
                        $('#officeTable').DataTable({
                                "pageLength": 50,
                                "order": [[0, 'asc'], [1, 'asc']]
                        });
                }
        });
</script>