@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/tax-collector.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-taxCollector">
            <div id="column" class="row">
                <div class="col-md-1">
                    <p id="text-left-body-taxCollector">
                        County:
                    </p>
                </div>
                <div class="col-md-3">
                    <select name="county" id="county" class="form-control" required>
                        <option value="0">ALL</option>
                        @foreach($counties as $row)
                        <option value="{{$row->CountyID}}">{{strtoupper($row->CountyName)}}</option>
                        @endforeach
                    </select>
                </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-taxCollector">
                    TAX COLLECTOR INFORMATION
                </p>
            </div>
        </div>
    </div>
    <div id="container-center-taxCollector">
        <div id="container-table-taxCollector">
            <div id="show-table-taxCollector">
                <table class="table table-striped table-hover tablesorter" id="table-results">
                    <thead>
                        <tr>
                            <th id="table-top" class="mouse-pointer">COUNTY</th>
                            <th id="table-top" class="mouse-pointer">ADDRESS</th>
                            <th id="table-top" class="mouse-pointer">PHONE</th>
                            <th id="table-top" class="mouse-pointer website">WEBSITE</th>
                        </tr>
                    </thead>
                    <tbody id="table-content">
                        @include('site.tax-collector-elements')
                    </tbody>
                </table>
            </div> 
        @include('site.pagination')
        </div>
        @include('helpers.footer')
    </div>
</div>
@stop