@extends('layouts.main')

@section('breadcrumb')

    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Activity Dashboard</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Activity Dashboard</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection
@section('content')

        @include('flash::message')
        <div class="card-box">
            <div class="box-header with-border">
                <h4 class="box-title">Filters</h4>
            </div>
            <div class="box-body" style="">
                {!! Form::open(['route' => ['report-clients-detail'], 'method' => 'get']) !!}
                <div class="row">
                  <div class="col-sm-2">
                    <div class="form-group">
                        <label>Month:</label>
                        {!! Form::select('month', \App\Models\Timeoff::$month, date('m'), ['class' => 'standards_id_input form-control', 'placeholder' => 'All Month']) !!}
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label>Year:</label>
                          {!! Form::number('year', date('Y'), ['min'=>2000,'max'=>2290,'class' => 'form-control', 'id' => 'end_date']) !!}
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label>Status:</label>
                        {!! Form::select('status',['all'=>'All']+\App\Models\Cases::$statuses, null, ['class' => 'standards_id_input form-control', 'placeholder' => 'Open: New + Answered']) !!}
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label>Queue:</label>
                        {!! Form::select('queue', App\Models\Queue::where('default',1)->pluck('name','id')->toArray(), null, [ 'placeholder' => 'All','class' => 'standards_id_input form-control']) !!}
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <label>Priority:</label>
                        {!! Form::select('priority', \App\Models\Cases::$priority, null, ['class' => 'standards_id_input form-control', 'placeholder' => 'All']) !!}
                    </div>
                </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <a href="/report-clients-detail" class="btn btn-danger waves-effect">Reset</a>
                            {!! Form::submit('Submit', ['class' => 'btn btn-success']) !!}
                        </div>
                    </div>
                </div>

                {!! Form::close() !!}
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="box box-primary">
            <div class="card-box data-table-padding">
                @include('report_clients_detail.table')
            </div>
        </div>
        <div class="col-md-12 m-t-15">
            <div class="portlet">
                <div class="portlet-heading">
                    <h3 class="portlet-title text-dark">
                        Opened & Closed Cases
                    </h3>
                    <div class="clearfix"></div>
                </div>
                <div class="portlet-body">
                    @include('report_clients_detail.cases')
                </div>
                <!-- /.box-body-->
            </div>
        </div>
@endsection
@section('scripts')
<script type="text/javascript">
var myTable = document.querySelector('#cases-table');
var dataTable = new DataTable(myTable, {perPageSelect: [5, 15, 25, 50, 100],perPage: 15,});
</script>
@endsection