@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('companyuser::sidebar.Reports'))
@section('extra-styles')
    <link rel="stylesheet" href="{{asset('/assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
    <link rel="stylesheet" type="text/css"
          href="{{asset('/assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
    <link rel="stylesheet" href="{{asset('/assets/vendors/css/pickers/pickadate/pickadate.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('/assets/css/plugins/pickers/daterange/daterange.css')}}">
    <link rel="stylesheet" href="{{asset('/assets/css/custom.css')}}">
    <link href="{{ url('/assets/css/plugins/imageUpload/style.css') }}" rel="stylesheet">
    <link href="{{asset('/assets/css/filter.css')}}" rel="stylesheet">
    <link href="{{ asset('/assets/css/plugins/input-dropdown/input-dropdown.css') }}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/reports/index.css') }}">
@endsection
@push('extra-scripts')
    <script src="{{ asset('/assets/js/plugins/range/range.js') }}" defer></script>
    <script src="{{ asset('/assets/js/plugins/input-dropdown/input-dropdown.js') }}" defer></script>
@endpush
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a
                        href="{{ route('company.reports.index', $subdomain) }}">@lang('companyuser::sidebar.Reports')</a>
                </li>
                @yield('page-link')
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <section>
        <div class="container-fluid">

                @yield('action_buttons')
            @can('accounting.reconciliations.create')
            <section id="form" style="clear: both">
                @include('companyuser::errors.all')
                @include('companyuser::errors.lists')
                @yield('form-open-tag')
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card mb-0">
                                <div class="card-block card-dashboard" style="background-color: #11B99F; border-radius: 4px; padding: 15px;">
                                    <div class="d-flex align-items-center justify-content-between flex-wrap" style="width: 100%;">
                                        <div style="flex: 1 1 40%; margin-right: 15px;">
                                            @yield('account')
                                        </div>
                                        <div style="flex: 1 1 40%; margin-right: 15px;">
                                            <div class="d-flex align-items-center w-100 recon-field-row">
                                                <label class="mb-0 text-white font-weight-bold recon-label"
                                                    for="fiscal_year_id" style="min-width: 140px; white-space: nowrap; padding-right: 15px;">@lang('reports::reports.accounting_year')</label>
                                                <div class="w-100 recon-input">
                                                    <select name="fiscal_year_id" id="fiscal_year_id"
                                                            value="@if(request('fiscal_year_id'))
                                                            {{request('fiscal_year_id')}}
                                                            @elseif($data['currentFiscalYear'])
                                                            {{$data['currentFiscalYear']->id}}
                                                            @endif"
                                                            class="w-100 form-control fiscal_year_id select2-tag" style="min-height: 38px;">

                                                        @if( $data['currentFiscalYear'])
                                                            <option id="current_fiscal_year_id"
                                                                    value="{{$data['currentFiscalYear']->id}}"
                                                                    @if($data['currentFiscalYear']->id==request('fiscal_year_id')) selected @endif>
                                                                @lang('reports::reports.current')
                                                            </option>
                                                        @endif
                                                        @foreach($data['fiscalYears'] as $fiscalYear)
                                                            @if((!$data['currentFiscalYear'])||($data['currentFiscalYear']&&$data['currentFiscalYear']->id !=$fiscalYear->id))
                                                                <option value="{{$fiscalYear->id}}"
                                                                        @if($fiscalYear->id==request('fiscal_year_id')) selected @endif>
                                                                    @lang('from') {{ Date::format($fiscalYear->month.'-'.$fiscalYear->day.'-'.$fiscalYear->year) }}
                                                                    -
                                                                    @lang('to') {{ Date::format($fiscalYear->closing_date) }}
                                                                </option>
                                                            @endif
                                                        @endforeach
                                                        @yield('custom_duration')

                                                    </select>

                                                    @error('fiscal_year_id')
                                                    <div class="invalid-feedback text text-white w-100 d-block"
                                                         role="alert">
                                                        <p>{{ $message }}</p>
                                                    </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div style="flex: 0 0 auto; align-self:end">
                                            <button type="submit" class="btn btn-info d-flex align-items-center justify-content-center" style="background-color: transparent !important; border: 1px solid #fff !important; width: 42px; height: 38px; border-radius: 4px; padding: 0;">
                                                <img src="{{asset('assets/images/Done.png') }}" alt="done" style="width: 20px; object-fit: contain;">
                                            </button>
                                        </div>
                                    </div>
                                    @yield('filter-by-dates')
                                </div>
                        </div>
                    </div>
                </div>
                </form>
            </section>
            @endcan
            @yield('koolreport')
        </div>
    </section>
@endsection

@section('extra_scripts')
    @yield('extra_scripts_filter_by_date')
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
@endsection