@extends ('helpers.base')

@section ('jsPage')
{{ HTML::script('admin/template/plugin/jquery-latest.js')}}
{{ HTML::script('admin/template/plugin/jquery.tablesorter.js')}}
{{ HTML::script('admin/template/js/municipal-numbers.js')}}
{{ HTML::script('admin/template/js/actions-lists.js')}}
@stop

@section ('jsPageBottom')
<script>
    $(document).ready(function () {
        $("#table-results").tablesorter();
    });
</script>
@stop

@section ('pageContent')

<div id="center-body">
    <div id="title-background">
        <div id="title-body-municipal">
            <div id="column" class="row">
                <div class="col-md-2">
                    <p id="text-left-body-municipal">
                        City / County:
                    </p>
                </div>
                <div class="col-md-3">
                    {{ Form::select('municipal_county', ['0'=>'All'] + $counties, null, ['class'=>'form-control', 'id'=>'municipal_county']) }}
                </div>
                <div class="col-md-1">
                    <button id="button-submit-form-go" name="button-submit-form" type="submit" class="btn btn-default">
                        GO
                    </button>
                </div>
                <p id="text-right-body-municipal">
                    MUNICIPAL NUMBERS
                </p>
            </div>
        </div>
    </div>
    {{--<div id="new-element">
        <a href="#modal-new-municipal" data-toggle="modal" class="new-municipal-element">
            <p><img src="{{asset('admin/template/images/new.png')}}" alt="" class="img-actions new"/>Add New</p>
        </a>
    </div>--}}
    <div id="container-center-municipal">
        <div id="container-table-municipal">
            <div id="show-table-municipal">
                <table class="table table-striped table-hover tablesorter" id="table-results">
                    <thead>
                        <tr>
                            <th id="table-top" class="mouse-pointer">CITY / COUNTY</th>
                            <th id="table-top" class="mouse-pointer">WATER</th>
                            <th id="table-top" class="mouse-pointer">BUILDING</th>
                            <th id="table-top" class="mouse-pointer">CODE</th>
                        </tr>
                    </thead>
                    <tbody id="table-content">
                        @include('site.municipal-numbers-elements')
                    </tbody>
                </table>
            </div>
            @include('site.pagination')
        </div>
    </div>
    @include('helpers.footer')
</div>
@stop

@section ('modalPageBottom')
{{--@include('site.modal-windows.municipal-numbers') --}}
@stop