@inject('Arr', Illuminate\Support\Arr)
@inject('Site', Modules\Site\Entities\Site)
@inject('Material', Modules\Material\Entities\Material)
@inject('MaterialType', Modules\MaterialType\Entities\MaterialType)
@extends('layout.default')

{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
{{-- Content --}}
@section('content')
    @php
        $prepare_set = $stock_statement_data;
    @endphp

    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">{{ $page_title }}</h3>
            </div>
            <div class="card-toolbar">
                @php
                    $favourite = \Modules\User\Entities\Favourite::where(['user_id'=> auth()->user()->id,'route_name' => request()->route()->getName()])->count();
                @endphp
            </div>
        </div>

        <div class="card-body">
            <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">
                <form class="js-filter-form" id="stock_statement_filter_form" action="{{ route('reports.stockstatementreport') }}" method="get">
                    <div class="row align-items-center">
                        <div class="col-lg-12 col-xl-12">
                            <div class="row align-items-center">
                                @php
                                    if(request('to_date') != null){ $to_date_value = date("Y-m-d", strtotime(request('to_date'))); }else{ $to_date_value = date("Y-m-d", strtotime($to_date)); }
                                    if(request('from_date') != null){ $from_date_value = date("Y-m-d", strtotime(request('from_date'))); }else{ $from_date_value = date("Y-m-d", strtotime($from_date)); }
                                @endphp
                                <div class="col-md-3 my-2 my-md-0 pb-3">
                                    <label>From Date</label>
                                    <div class="input-group">
                                        <input type="date" class="form-control" id="from_date" name="from_date"
                                               placeholder="From Date" value="{{ $from_date_value }}">
                                    </div>
                                </div>

                                <div class="col-md-3 my-2 my-md-0 pb-3">
                                    <label>To Date</label>
                                    <div class="input-group">
                                        <input type="date" class="form-control" id="to_date" name="to_date"
                                               placeholder="To Date" value="{{$to_date_value}}">
                                    </div>
                                </div>

                                <div class="col-md-3 my-2 my-md-0 pb-3">
                                    <label>Site</label>
                                    <select name="site_id" id="site_id"
                                            class="form-control form-control-solid form-control-lg site-select2-js"
                                            data-action="{{ route('site.autocomplete') }}"
                                            data-placeholder="Select Site">
                                        @if(request()->has('site_id') and !empty(request()->get('site_id')))
                                            <option value="{{ request()->get('site_id') }}">{{ $Site::find(request()->get('site_id'))->name }}</option>
                                        @endif
                                    </select>
                                </div>
                                <div class="col-md-3 my-2 my-md-0 pb-3">
                                    <label>Material</label>
                                    <select name="material_id"
                                            id="material_id"
                                            class="form-control form-control-solid form-control-sm material-select2-js"
                                            data-action="{{ route('material.autocomplete') }}"
                                            data-placeholder="Select Material">
                                        @if(request()->has('material_id') and !empty(request()->get('material_id')))
                                            <option value="{{ request()->get('material_id') }}" selected>{{ $Material::find(request()->get('material_id'))->name }}</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="row align-items-center">
                                <div class="col-md-3 my-2 my-md-0 pb-3">
                                    <label>Material Type</label>
                                    <select name="material_type_id" id="material_type_id"
                                            class="form-control form-control-solid form-control-lg material_type-select2-js"
                                            data-action="{{ route('materialtype.autocomplete') }}"
                                            data-placeholder="Select Material Type">
                                        @if(request()->has('material_type_id') and !empty(request()->get('material_type_id')))
                                            <option value="{{ request()->get('material_type_id') }}">{{ $MaterialType::find(request()->get('material_type_id'))->name }}</option>
                                        @endif
                                    </select>
                                </div>

                                <div class="col-md-9">
                                    <br>
                                    <button class="btn btn-light-primary px-6 font-weight-bold submitFilter" id="submitFilter" form="stock_statement_filter_form"
                                            type="submit" title="Search Requisition" data-type="report">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                        <u>V</u>iew
                                    </button>

                                    <a href="{{ route('reports.stockstatementreport') }}"
                                       class="btn btn-light-danger px-6 font-weight-bold"
                                       title="Search Requisition"><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                        <u>C</u>lear
                                    </a>
                                    @if(request()->get('type') && request()->get('type') == "report")
                                        @can('reports.stockstatementreport_pdf')
                                            <button type="button" formtarget="_blank"
                                                    class="btn btn-light-warning px-6 font-weight-bold submitFilter"
                                                    id="submitFilter"
                                                    data-type="view_pdf"
                                                    title="View Pdf">
                                                <i class="fa fa-print" aria-hidden="true"></i>
                                                View <u>P</u>df
                                            </button>
                                        @endcan
                                    @endif

                                    <input type="hidden" name="type" id="type" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <!--begin::Report Data-->
            @if($prepare_set->count() > 0)
                <div class="mb-10">
                    <div class="">
                        @if(request()->get('type') && request()->get('type') == "report")
                            @include('stockledger::reports.stockstatement.table')
                        @endif
                    </div>
                </div>

                <!-- begin: Pagination start-->
                @if(!empty($prepare_set))
                    <div class="d-flex justify-content-between align-items-center flex-wrap">
                        <div class="d-flex flex-wrap py-2 mr-3">
                            {{ $prepare_set->appends(request()->query())->links() }}
                            {{--<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1"><i class="ki ki-bold-double-arrow-back icon-xs"></i></a>
                            <a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1"><i class="ki ki-bold-arrow-back icon-xs"></i></a>--}}
                        </div>
                        @if(!empty($prepare_set))
                            <div class="d-flex align-items-center py-3">
                                <span class="text-muted">
                                    @if($prepare_set->count() >0)
                                        Showing {{ $prepare_set->firstItem() }} to {{ $prepare_set->lastItem() }}
                                        of {{ $prepare_set->total() }} entries
                                    @else
                                        No entries found
                                    @endif
                                </span>
                            </div>
                        @endif
                    </div>
                @endif
                <!-- begin: Pagination end-->
            @else
                <div class="alert alert-custom alert-outline-info fade show" role="alert">
                    <div class="alert-icon">
                        <i class="flaticon-warning icon-md"></i>
                    </div>
                    <div class="alert-text">!Stock Statement Report Data not Found</div>
                </div>
            @endif
        </div>



    </div>
@endsection
@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('js/modules/stockledger/stockstatementreport.js?v='.time()) }}"></script>
@endsection