@extends('layouts.admin')

@section('header-content')
    <style>

    </style>
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <div class="panel-title text-semibold">
                <i class="icon-search4 text-size-base position-left"></i>
                Filter
            </div>
        </div>

        <div class="panel-body">
            <form method="GET" action="{{ Request::url() }}">
                <div class="row">
                    {{--<div class="col-md-3 col-sm-3">--}}
                        {{--<div class="form-group ">--}}
                            {{--<label> Select Sale Officer  </label>--}}
                            {{--<select class="select-search selector" name="sale_officer"  >--}}
                                {{--@foreach($sales_officers as $so)--}}
                                    {{--<option value="{{$so->id}}" {{ Request::get('sale_officer') == $so->id ? 'selected="selected"':'' }}--}}
                                    {{-->{{$so->firstname.' '. $so->lastname}}--}}
                                    {{--</option>--}}
                                {{--@endforeach--}}
                            {{--</select>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-2 col-sm-2">--}}
                        {{--<div class="form-group ">--}}
                            {{--<label> Select Tenure  </label>--}}
                            {{--<select class="select-search selector" name="tenure" id="tenure"  >--}}
                                {{--<option value="last_week" {{ Request::get('tenure') == "last_week" ? 'selected="selected"':'' }}> Last Week </option>--}}
                                {{--<option value="last_month" {{ Request::get('tenure') == "last_month"? 'selected="selected"':'' }}> Last Month </option>--}}
                                {{--<option value="specific_date" {{ Request::get('tenure') == "specific_date"? 'selected="selected"':'' }}> Single Date </option>--}}
                                {{--<option value="date_range" {{ Request::get('tenure') == "date_range"? 'selected="selected"':'' }}> Date Range </option>--}}
                            {{--</select>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-2 col-sm-2" style="display: none" id="specific_date">--}}
                        {{--<div class="form-group ">--}}
                            {{--<label> Select Date  </label>--}}
                            {{--<input type="date"  class="form-control" name="specific_date" value="{{old('specific_date', @Request::get('specific_date'))}}">--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    <div >
                        <div class="col-md-2 col-sm-2" >
                            <div class="form-group ">
                                <label>  Start Date  </label>
                                <input type="date"  class="form-control" name="start_date" value="{{old('start_date', @Request::get('start_date'))}}">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2" >
                            <div class="form-group ">
                                <label>  End Date  </label>
                                <input type="date"  class="form-control" name="end_date" value="{{old('end_date', @Request::get('end_date'))}}">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-3 ">

                        <br>
                        <button type="submit" class="btn btn-danger" id="clear">
                            <i class="icon-trash text-size-base position-left"></i>
                            Clear
                        </button>
                        <button type="submit" class="btn bg-blue">
                            <i class="icon-search4 text-size-base position-left"></i>
                            Search
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- Column selectors -->
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Sales & Recovery</h5>
        </div>
        <table class="table datatable-button-html5-columns">
            <thead>
            <tr>
                <th>Date</th>
                <th>Sale</th>
                <th>Recovery</th>
            </tr>
            </thead>
            <tbody>
            @foreach($sale_officers_data as $r)
            <tr>
                <td>{{date('d-m-Y', strtotime($r['date']))}}</td>
                <td>{{$r['sale']}}</td>
                <td>{{$r['recovery']}}</td>
            </tr>
             @endforeach
            </tbody>
        </table>
    </div>
    <!-- /column selectors -->

@endsection
@section('footer-content')

    <script type="text/javascript" src="{{asset('assets/js/plugins/forms/selects/select2.min.js')}}"></script>
    <!-- Theme JS files -->
    <script type="text/javascript" src="{{asset('assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/plugins/forms/selects/select2.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/plugins/tables/datatables/extensions/jszip/jszip.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/plugins/tables/datatables/extensions/pdfmake/pdfmake.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/plugins/tables/datatables/extensions/pdfmake/vfs_fonts.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/plugins/tables/datatables/extensions/buttons.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/js/pages/datatables_extension_buttons_html5.js')}}"></script>
{{--    <script type="text/javascript" src="{{asset('assets/js/pages/form_select2.js')}}"></script>--}}
    <script>
//        $('.datatable-button-html5-columns').dataTable( {
//            "pageLength": 50
//        } );
    </script>
@endsection