@use('App\Services\Date')
@extends('reports::layouts.master')

@section('title', __('reports::reports.Account Statement'))
@section('extra_styles')
<style>
      .opening{
        position: absolute;
        top:35px;
        width:100%;
    }
    .tbody-opening{
        position: relative;
        top: 55px;
    }
</style>
@if(app()->getLocale() == 'ar')
<style>
    .select2-selection__rendered {
        float: right !important;
    }

    .select2-search__field {
        text-align: right !important;
    }

    .select2-results>.select2-results__options {
        direction: rtl !important;
    }

    .select2-results__options--nested {
        padding-right: 15px !important;
    }

    .select2-selection__rendered {
        height: auto !important;
    }
    .select2-container--default .select2-selection--single{
        border-radius: 5px !important;
        height: 45px !important;
        line-height: 45px;
    }
</style>
@endif
@endsection
@section('page-link')
<li class="breadcrumb-item active">
    <a href="#" class="active">@lang('reports::reports.Account Statement')</a>
</li>
@endsection
@section('action_buttons')
<div class="headBtns mx-1 fixed-btns">
    <div class="btn-group pull-right">
        @if(request('account_id'))
        <a href="{{ route('company.chart-of-accounts.show',['account'=>request('account_id'),'subdomain' => $subdomain]) }}" class="text-green" class="{{__('reports::reports.view_account')}}">
            <span class="icon-Show action-icon"></span>
        </a>
        @endif
    </div>
    <div class="pull-left">
        <a class="text-green pull-left" href="{{route('company.reports.index', $subdomain)}}" title="{{__('Back')}}">
            @if(LaravelLocalization::getCurrentLocale() === 'en')
            <span class="icon-Previous action-icon back-btnIcon"></span>
            @else
            <span class="icon-Next action-icon back-btnIcon"></span>
            @endif
        </a>
        @if(isset($data['journalRecords']) && $data['currentFiscalYear'])
        @can('reports.account-statement.export')
        @php
            $exportCostCenterId = is_array(request('cost_center_id'))
                ? array_map(fn($id) => $id ?? '', request('cost_center_id'))
                : request('cost_center_id');
        @endphp
        <a href="{{route('company.reports.legacy.account-statement.export-excel', ['subdomain' => $subdomain,'cost_center_id'=>$exportCostCenterId,'account_id' => request('account_id'),'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to') ,'to_export' => 1 ])}}" class="pull-left" title="@lang('reports::reports.download_excel')">
            <span class="icon-Excel action-icon"></span>
        </a>
        <a href="{{route('company.reports.legacy.account-statement.export', ['subdomain' => $subdomain,'account_id' => request('account_id'),'is_dates'=>request('is_dates'),'cost_center_id'=>$exportCostCenterId,'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to'),'to_export' => 1])}}" class="pull-left" title="@lang('reports::reports.Download_Pdf')">
            <span class="icon-Pdf action-icon"></span>
        </a>
        <a href="{{route('company.reports.legacy.account-statement.print', ['subdomain' => $subdomain,'cost_center_id'=>$exportCostCenterId,'account_id' => request('account_id'),'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to'),'to_export' => 1])}}" class="pull-left" target="_blank" title="@lang('reports::reports.print')">
            <span class="icon-Print action-icon"></span>
        </a>
        @endcan
        @endif
    </div>
</div>
@endsection
@section('section_title')
@lang('reports::reports.Account Statement')
@endsection

@section('form-open-tag')
    <form action="{{ route('company.reports.legacy.account-statement.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal mt-20" novalidate>
        <input id="default_indicator" type="hidden" name="is_dates" value="{{ request('is_dates') ? request('is_dates') : 0 }}">
        <div class="row">
            <div class="col-xs-12">
                <div class="card report-filter-wrapper">
                    <div class="report-filter-header">
                        <span>@lang('Filter')</span>
                    </div>
                    <div class="card-block card-dashboard" style="padding: 0;">
                        <div class="report-filter-panel">
                            <div class="report-filter-grid">
                                <div class="report-filter-group">
                                    <label for="account_id" class="report-filter-label">
                                        @lang('reports::reports.account')
                                    </label>
                                    <select name="account_id" id="account_id" class="report-filter-select selectReport">
                                        @foreach($data['subCategories'] as $subCategories)
                                            <optgroup label="{{ $subCategories->name }}">
                                                @foreach($subCategories->accounts as $account)
                                                    <option value="{{ $account->id }}" @if(request('account_id') == $account->id) selected @endif>{{ $account->name }}</option>
                                                @endforeach
                                            </optgroup>
                                        @endforeach
                                    </select>
                                    @error('account_id')
                                    <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                        <p>{{ $message }}</p>
                                    </div>
                                    @enderror
                                </div>

                                <div class="report-filter-group">
                                    <label for="cost_center_id" class="report-filter-label">
                                        @lang('reports::reports.cost_center')
                                    </label>
                                    @php
                                        $selectedCostCenters = (array) request('cost_center_id', []);
                                        $allCostCentersCount = app(\Modules\Products\Repositories\CostCentersRepository::class)->count();
                                        $costCentersCollection = is_array($data['costCenters']) ? collect($data['costCenters']) : $data['costCenters'];
                                        $hasAccessToAllCostCenters = auth()->user()->adjustRolesLikeOwnerPermissions() || $data['costCenters']->count() >= $allCostCentersCount;
                                    @endphp
                                    <select name="cost_center_id[]" id="cost_center_id" class="report-filter-select selectReport" multiple>
                                        @if($costCentersCollection->count() > 1 || ($costCentersCollection->count() == 1 && auth()->user()->can('cost-center.main-center.view')))
                                            <option value="" @if(empty($selectedCostCenters) || in_array('', $selectedCostCenters, true) || in_array(null, $selectedCostCenters, true)) selected @endif>{{ __('All') }}</option>
                                        @endif
                                        @can('cost-center.main-center.view')
                                            <option value="0" @if(in_array('0', $selectedCostCenters, true)) selected @endif>
                                                {{ __('products::cost_center.main center') }}
                                            </option>
                                        @endcan
                                        @foreach($data['costCenters'] as $costCenter)
                                            <option value="{{ $costCenter->id }}" @if(in_array($costCenter->id, $selectedCostCenters)) selected @endif>
                                                {{ $costCenter->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('cost_center_id')
                                    <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                        <p>{{ $message }}</p>
                                    </div>
                                    @enderror
                                </div>

                                <div class="report-filter-group">
                                    <label for="fiscal_year_id" class="report-filter-label">
                                        @lang('reports::reports.accounting_year')
                                    </label>
                                    <select name="fiscal_year_id" id="fiscal_year_id" class="report-filter-select selectReport">
                                        @if ($data['currentFiscalYear'])
                                            <option id="current_fiscal_year_id"
                                                value="{{ $data['currentFiscalYear']->id }}"
                                                @if (!request('is_dates') && (!request()->filled('fiscal_year_id') || (int) request('fiscal_year_id') === $data['currentFiscalYear']->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')
                                                    &lrm;{{ Date::format($fiscalYear->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day) }}&lrm;
                                                    @lang('to')
                                                    &lrm;{{ Date::format($fiscalYear->closing_date) }}&lrm;
                                                </option>
                                            @endif
                                        @endforeach
                                        <option @if (request('is_dates')) selected @endif value="">
                                            @lang('reports::reports.custom_duration')
                                        </option>
                                    </select>
                                    @error('fiscal_year_id')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror

                                    <div id="custom_duration_section" style="display: @if(request('is_dates')) block @else none @endif;">
                                        <x-date-picker 
                                            mode="range"
                                            name="date_range"
                                            start-name="from"
                                            end-name="to"
                                           :value="[request('from'), request('to')]"
                                        />
                                        <a href="javascript:void(0)" id="back_to_fiscal_year" style="font-size: 0.85rem; margin-top: 4px; display: inline-block; color: #11B99F; cursor: pointer;">
                                            <i class="fa fa-undo"></i> @lang('reports::reports.use_fiscal_year')
                                        </a>
                                    </div>
                                    @error('from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                    @error('to')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                    @enderror
                                </div>
                            </div>

                            <div class="report-filter-button-container">
                                <button type="button" id="reset" class="report-filter-button report-filter-button-secondary">
                                    <i class="fa fa-undo"></i> @lang('reports::reports.reset_filters')
                                </button>
                                <button type="submit" class="report-filter-button">
                                    @lang('reports::reports.filter_report')
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection

@section('koolreport')
@if(isset($data['journalRecords']) && $data['currentFiscalYear'])
<section id="configuration" class="summ_report">
    <div class="row">
        <div class="col-xs-12">
            <div class="card">
                <div class="card-body collapse in">
                    <div class="report-features">
                    </div>
                    <div>
                        <h2> @lang('reports::reports.Account Statement') - <span class="numbers-ar">{{ $data['account']->code }}</span> - {{ $data['account']->name }} </h2>
                        <h4><b>{{$data['companyName']}}</b></h4>
                        
                        <h4> @lang('from') <span dir="ltr">{{$data['dates']['from']}}</span> @lang('to') <span dir="ltr">{{$data['dates']['to']}}</span> </h4>
                        <div class="table-responsive">
                            <table id="journal_records_table" class="table table-striped  table-sm">
                                <thead>
                                    <tr>
                                        <th>@lang('reports::reports.date')</th>
                                        <th>@lang('reports::reports.account_statement.transaction')</th>
                                        <th>@lang('reports::reports.cost_center')</th>
                                        <th>@lang('reports::reports.account_statement.reference')</th>
                                        <th>@lang('reports::reports.description')</th>
                                        <th>@lang('reports::reports.debit')</th>
                                        <th>@lang('reports::reports.credit')</th>

                                        <th>@lang('reports::reports.account_statement.balance_after_transactions')</th>

                                    </tr>
                                </thead>

                                <tbody class="tbody-opening">

                                </tbody>
                                <tfoot>
                                    <tr style="height: 55px;"></tr>
                                <tr class="opening">
                                        <td> <span dir="ltr">{{ $data['openingBalance']['date']  }}</span> </td>
                                        <td>@lang('reports::reports.opening_balance')</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td> {{ number_format($data['openingBalance']['debit'],2)  }} </td>
                                        <td> {{ number_format($data['openingBalance']['credit'],2)  }} </td>
                                        <td> {{ $data['openingBalance']['balanceAfterTransaction'] < 0 ? '(' . number_format(abs($data['openingBalance']['balanceAfterTransaction']) , 2) . ')'
                                                    : number_format($data['openingBalance']['balanceAfterTransaction'],2) }} </td>
                                    </tr>
                                    <tr>
                                        <th> <span dir="ltr">{{ $data['closingBalance']['date']  }}</span></th>
                                        <th> @lang('reports::reports.account_statement.closing_balance') </th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th> {{ number_format($data['closingBalance']['debit'],2)  }} </th>
                                        <th> {{ number_format($data['closingBalance']['credit'],2)  }} </th>
                                        <th> {{ $data['closingBalance']['balanceAfterTransaction'] < 0 ? '(' . number_format(abs($data['closingBalance']['balanceAfterTransaction']) , 2) . ')'
                                                    : number_format($data['closingBalance']['balanceAfterTransaction'],2) }} </th>
                                    </tr>
                                    <tr>
                                        <th></th>
                                        <th class="pt-2"> @lang('reports::reports.account_statement.gross_change') </th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th class="pt-2"> {{ $data['grossChange']['debit'] ? number_format($data['grossChange']['debit'],2) : ($data['grossChange']['credit'] ? '' : 0 ) }} </th>
                                        <th class="pt-2"> {{ $data['grossChange']['credit'] ? number_format($data['grossChange']['credit'],2) : ($data['grossChange']['debit'] ? '' : 0)  }} </th>
                                        <th></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endsection
@section('account')
@endsection
@section('cost_center')
@endsection
@section('filter-by-dates')
@endsection
@section('custom_duration')
@endsection
@section('extra_scripts_filter_by_date')
    <style>
        .select2-selection__choice {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .select2-container--default .select2-selection--multiple {
            max-height: 200px;
            overflow-y: auto;
        }
        .select2-selection__rendered {
            max-height: 200px;
            overflow-y: auto;
        }
    </style>
    <script>
        gtag('event', 'web_reports_account_statement_show');

        document.addEventListener('DOMContentLoaded', function () {
            const isOwnerLike = @json($hasAccessToAllCostCenters);
            if (typeof window.initializeCostCenterNormalization === 'function') {
                window.initializeCostCenterNormalization(isOwnerLike);
            }

            if (typeof $.fn.DataTable === 'undefined') {
                return;
            }

            $('#journal_records_table').DataTable({
                processing: true,
                serverSide: true,
                search: true,
                ajax: {
                    url: "{{ route('company.reports.legacy.account-statement.index', $subdomain) }}",
                    data: