@extends('smartadmin.layout')

@section('title', 'List • Visits')

@section('content')
    <section id="widget-grid" class="">
        <div class="row">
            <article class="col-xs-12">
                
                <div class="well">
                    <legend>Schedule date filters</legend>

                    <div id="date-filter" class="btn-group btn-block btn-group-justified">
                        @foreach ($dateFilters as $dateFilter => $display)
                            <a href="{{ route('visits.index', ['date-filter' => $dateFilter]) }}" 
                                class="btn {{ (request('date-filter', null) == $dateFilter) ? 'btn-success' : 'btn-primary' }}">
                                {{ $display }}
                            </a>
                        @endforeach
                        <a href="{{ route('visits.index') }}" 
                            class="btn btn-danger">
                            Clear Filters
                        </a>
                    </div>
                </div>

                <div id="visitsListWidget" class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false" data-widget-custombutton="false"
                     data-widget-togglebutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-list"></i> </span>
                        <h2>Visits List</h2>
                    </header>
                    <div>
                        <div class="jarviswidget-editbox"></div>
                        <div class="widget-body no-padding">
                            {!! $dataTable->table() !!}
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </section>
@stop

@section('pr-scripts')
    <!-- PAGE RELATED PLUGIN(S) -->
@stop

@section('scripts')
    {!! $dataTable->scripts() !!}

    <script>
        $(window).resize(function() {
            if ($(window).width() < 768) {
                $('#date-filter').removeClass('btn-group btn-group-justified');
                $('#date-filter').addClass('btn-group-vertical');
            } else {
                $('#date-filter').removeClass('btn-group-vertical');
                $('#date-filter').addClass('btn-group btn-group-justified');
            }
        });
    </script>
@stop