@extends('layout.app')
@section('_style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/daterangepicker.css')}}"/>
    <link href="{{ asset('css/order-search.css') }}" rel="stylesheet"/>
    <style>
        .title {
            text-align: left;
        }
    </style>
@endsection
@section('content')
    {{-- Bố cục & thanh lọc đồng bộ màn /statistics (statistics-page / statistics-toolbar) --}}
    <div class="col-md-12 col-lg-12 crm-page statistics-page">
        <div class="card crm-card">
            <div class="card-header statistics-toolbar">
                <div class="statistics-toolbar__title">
                    <h3 class="card-title bold crm-stats-title"><i class="fas fa-balance-scale"></i> Thống kê thu và duyệt chi</h3>
                </div>
                <div class="statistics-toolbar__filters">
                    {!! Form::open(array('url' => url()->current(), 'method' => 'get','class'=>'row', 'id'=> 'gridForm','role'=>'form')) !!}
                    <div class="col-md-4">
                        <input type="hidden" name="start_date" id="start_date">
                        <input type="hidden" name="end_date" id="end_date">
                        <input id="reportrange" type="text" class="form-control square">
                    </div>
                    @if(empty(\Illuminate\Support\Facades\Auth::user()->branch_id))
                        <div class="col-lg-3 col-md-3">
                            {!! Form::select('branch_id', $branchs, collect($branchs)->keys()->first(), array('class' => 'form-control branch_id', 'placeholder'=>'Tất cả chi nhánh')) !!}
                        </div>
                        <div class="col-lg-3 col-md-3">
                            {!! Form::select('location_id', $location, null, array('class' => 'form-control location select-gear', 'placeholder' => 'Cụm khu vực')) !!}
                        </div>
                    @endif
                    <div class="col-lg-2 col-md-6">
                        <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Tìm kiếm
                        </button>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
            <div id="registration-form">
                @include('thu_chi.statistics.ajax')
            </div>
        </div>
        <!-- table-responsive -->
    </div>

    <script src="{{asset('js/daterangepicker.min.js')}}"></script>
    <script src="{{asset('js/dateranger-config.js')}}"></script>
@endsection