@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/turnaround-times.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="cuerpo">
    <div id="title-background">
        <div id="title-body-turn">
            <div id="column" class="row">
                <div class="col-md-1">
                    <p id="text-left-body-turn">
                        City
                    </p>
                </div>
                <div class="col-md-2">
                    <select name="city" id="city" class="form-control">
                        <option value="0">ALL</option>
                        @foreach($cities as $row)
                        <option value="{{$row->CityID}}">{{strtoupper($row->CityName)}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-1">
                    <p id="text-left-body-turn">
                        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-turn">
                    TURNAROUND TIMES
                </p>
            </div>
        </div>
    </div>
    {{--<div id="new-element">
        <a href="#modal-new-turnaround" data-toggle="modal" class="new-turnaround-element">
        <p><img src="{{asset('admin/template/images/new.png')}}" alt="" class="img-actions new"/>Add New</p></a>
    </div>--}}
    <div id="container-center-turn">
        <div id="container-table-turn">
            <div id="show-table-turn">
                <table class="table table-striped table-hover tablesorter" id="table-results">
                    <thead>
                        <tr>
                            <th id="table-top" class="mouse-pointer">CITY</th>
                            <th id="table-top" class="mouse-pointer">COUNTY</th>
                            <th id="table-top" class="mouse-pointer">TURNAROUND TIMES</th>
                        </tr>
                    </thead>
                    <tbody id="table-content">
                        @include('site.turnaround-times-elements')
                    </tbody>
                </table>
            </div>
            @include('site.pagination')
        </div>
    </div>
    @include('helpers.footer')
</div>
@stop

@section ('modalPageBottom')
@include('site.modal-windows.turnaround')
@stop