@include('cabMeAdmin.datatable.datatable_script')
<div class="row">
    <div class="col-md-12">
        <div class="box box-info">
            <div class="box-header">
                Search Cities/Areas...
                <br><br>
                <div class="box-tools">
                    <div class="btn-group pull-right" style="margin-right: 5px">
                        <a href="{{ url('/') }}/admin/utility/location/cities/add_city" class="btn btn-sm btn-success" title="Add"><i class="fa fa-plus"></i><span class="hidden-xs">&nbsp;Add New</span></a>
                    </div>
                </div>
            </div>
            <br>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="fields-group">
                    <div class="form-group  ">
                        <div class="col-lg-12">
                            <table class="table" id="table">
                                <thead>
                                <tr>
                                    <th class="text-center">Id</th>
                                    <th class="text-center">City/Area</th>
                                    <th class="text-center">State</th>
                                    <th class="text-center">State Code</th>
                                    <th class="text-center">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-footer">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        loadDataTable();
    } );
    function resetData()
    {
        loadDataTable();
    }
    function loadDataTable()
    {
        var base_url = '