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

@section('title', __('reports::reports.Customer Tax Report'))
@section('page-link')
<li class="breadcrumb-item active">
    <a href="#" class="active">@lang('reports::reports.Customer Tax Report')</a>
</li>
@endsection
@section('action_buttons')
<div class="headBtns mx-1 fixed-btns">
    <div class="pull-left">
        <a class="text-green pull-left" href="{{route('company.reports.index', $subdomain)}}" title="{{__('Back')}}">
            @if(app()->getLocale() === '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['records']) && $data['currentFiscalYear'])
            @can('reports.customer-tax-report.export')
                <a href="{{route('company.reports.customer-tax-report.export-excel', ['subdomain' => $subdomain,'customer_id' => request('customer_id'),'cost_center_id'=>request('cost_center_id'),'tax_id' => request('tax_id'),'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to') , 'transaction_type_id' => request('transaction_type_id'), '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.customer-tax-report.export', ['subdomain' => $subdomain,'customer_id' => request('customer_id'),'tax_id' => request('tax_id'),'is_dates'=>request('is_dates'),'cost_center_id'=>request('cost_center_id'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to'), 'transaction_type_id' => request('transaction_type_id'), '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.customer-tax-report.print', ['subdomain' => $subdomain,'customer_id' => request('customer_id'),'cost_center_id'=>request('cost_center_id'),'tax_id' => request('tax_id'),'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to'), 'transaction_type_id' => request('transaction_type_id'), '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.Customer Tax Report')
@endsection

@section('form-open-tag')
    <form action="{{ route('company.reports.customer-tax-report.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="tax_id" class="report-filter-label">
                                    @lang('reports::reports.taxes_list')
                                </label>
                                <tax-dropdown-component 
                                    :selected="{{ json_encode(\Modules\Settings\Models\Tax::getForDropdown(request('tax_id'), ['id', 'name'])) }}"
                                    :lang="'{{ app()->getLocale() }}'"
                                    :multi-select="false"
                                    input-name="tax_id"
                                    input-id="tax_id"
                                    :required="true"
                                    :is-input-bordered="true"
                                    :dark-text="true"
                                    :api-filters="{ type_id: {{ \Modules\Settings\Enums\VatTypesEnum::SALES }} }"
                                    :translations="{
                                        placeholder: '{{ __('settings::tax.select_tax') }}',
                                        searchPlaceholder: '{{ __('settings::tax.search_taxes') }}',
                                        noResultsText: '{{ __('settings::tax.no_taxes_found') }}',
                                        loadMoreHint: '{{ __('settings::tax.load_more_hint') }}',
                                        validationMessage: '{{ __('settings::tax.tax_required') }}',
                                    }"
                                    class="w-100"
                                />
                                @error('tax_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="customer_id" class="report-filter-label">
                                    @lang('reports::reports.customers_list')
                                    <span style="font-size: 0.75rem; color: #6c757d; font-weight: normal; margin-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}: 0.5rem;">
                                        ({{ __('reports::reports.leave_empty_for_all') }})
                                    </span>
                                </label>
                                <customers-dropdown-component
                                    :selected="{{ json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer_id'))) }}"
                                    :create-new="true"
                                    :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'customer-tax-report']) }}'"
                                    :lang="'{{ app()->getLocale() }}'"
                                    :multi-select="false"
                                    input-name="customer_id"
                                    :translations="{
                                        placeholder: '{{ __("sales::customers.select_customer") }}',
                                        searchPlaceholder: '{{ __("sales::customers.search_customers") }}',
                                        createNewText: '{{ __("sales::customers.add_new_customer") }}',
                                        noResultsText: '{{ __("sales::customers.no_customers_found") }}',
                                    }"
                                    class="w-100"
                                />
                                @error('customer_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="transaction_type_id" class="report-filter-label">
                                    @lang('reports::reports.transaction_type')
                                    <span style="font-size: 0.75rem; color: #6c757d; font-weight: normal; margin-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}: 0.5rem;">
                                        ({{ __('reports::reports.leave_empty_for_all') }})
                                    </span>
                                </label>
                                <transaction-type-dropdown-component
                                    :selected="{{ json_encode(request('transaction_type_id')) }}"
                                    :lang="'{{ app()->getLocale() }}'"
                                    :multi-select="true"
                                    input-name="transaction_type_id"
                                    :options="{{ json_encode($data['transactionTypes']) }}"
                                    :translations="{
                                        placeholder: '{{ __("accounting::transaction_types.select_transaction_type") }}',
                                        searchPlaceholder: '{{ __("accounting::transaction_types.search_transaction_types") }}',
                                        noResultsText: '{{ __("accounting::transaction_types.no_transaction_types_found") }}',
                                    }"
                                    class="w-100"
                                />
                                @error('transaction_type_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>

                                <!-- Fiscal Year Dropdown -->
                                <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 ($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->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day) }}
                                                -
                                                @lang('to')
                                                {{ Date::format($fiscalYear->closing_date) }}
                                            </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

                                <!-- Date Range Picker (shows when Custom Duration is selected) -->
                                <div id="custom_duration_section" style="display: @if(request('is_dates')) block @else none @endif;">
                                    <x-date-picker 
                                        mode="range"
                                        name="date_range"
                                        input-id="date_range"
                                        start-name="from"
                                        end-name="to"
                                        :value="[request('from'), request('to')]"
                                        input-class="report-filter-input"
                                    />
                                    <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>
    </form>
@endsection

@section('koolreport')
    @if(isset($data['records']) && $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.Customer Tax Report')</h2>
                                <h4><b>{{$data['companyName']}}</b></h4>
                                <div class="table-responsive">
                                    <table id="tax_report_table" class="table table-striped cell-border table-sm">
                                        <thead>
                                            <tr style="border-bottom: 1px solid #ccc;">
                                                <th></th>
                                                <th>@lang('reports::reports.tax_report.id')</th>
                                                <th>@lang('reports::reports.tax_report.reference')</th>
                                                <th>@lang('reports::reports.tax_report.record_id')</th>
                                                <th>@lang('reports::reports.tax_report.date')</th>
                                                <th>@lang('reports::reports.tax_report.tax_name')</th>
                                                <th>@lang('reports::reports.tax_report.cost_center_name')</th>
                                                <th>@lang('reports::reports.tax_report.customer_name')</th>
                                                <th>@lang('reports::reports.tax_report.customer_tax_number')</th>
                                                <th>@lang('reports::reports.tax_report.amount_before_tax')</th>
                                                <th>@lang('reports::reports.tax_report.tax_amount')</th>
                                                <th>@lang('reports::reports.tax_report.total')</th>
                                            </tr>
                                        </thead>
                                        <tbody class="tbody-opening">
                                        </tbody>
                                        <tfoot>
                                            <tr style="border-bottom: 1px solid #ccc;">
                                                <th>@lang('reports::reports.total')</th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th>{{ number_format($data['totals']['total_amount'], 2) }}</th>
                                                <th>{{ number_format($data['totals']['total_tax'], 2) }}</th>
                                                <th>{{ number_format($data['totals']['total'], 2) }}</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@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_customer_tax_show');
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const isOwnerLike = @json($hasAccessToAllCostCenters);
            if (typeof window.initializeCostCenterNormalization === 'function') {
                window.initializeCostCenterNormalization(isOwnerLike);
            }
        });
    </script>
    <script>
        window.addEventListener('DOMContentLoaded', function() {
            /* Formatting function for row details - modify as you need */
            function formatMinusAndPlus(isNegative, value, JournalRecord = null){
                if(!JournalRecord){
                    if(isNegative){
                        return `(${value})`;
                    }else{
                        return value;
                    }
                }else{
                    if(isNegative || JournalRecord.transaction_type == 'debit'){
                        return `(${value})`;
                    }else{
                        return value;
                    }
                }
            }

            function format (row) {
                let toReturn = '<table class="table table-striped table-sm">';
                    for (const [key, journalRecord] of Object.entries(row.journalRecords)) {
                        let customer_name;
                        if(journalRecord.customer){
                            customer_name = journalRecord.customer.name
                        }else{
                            customer_name = row.customer_name;
                        }

                        let cost_center_name;
                        if (journalRecord.cost_center === null) {
                            cost_center_name = @if(app()->getLocale() == 'en') "Main Center" @else "المركز الرئيسي" || '' @endif;
                        }else{
                            cost_center_name = @if(app()->getLocale() == 'en') journalRecord.cost_center?.name_en @else journalRecord.cost_center?.name_ar || '' @endif;
                        }
                        toReturn = toReturn + `
                            <tr>
                                <td></td>
                                <td></td>
                                <td>${row.reference}</td>
                                <td>${journalRecord.journal_date}</td>
                                <td>${row.tax_name}</td>
                                <td>${cost_center_name}</td>
                                <td>${customer_name}</td>
                                <td></td>
                                <td>-</td>
                                <td>${formatMinusAndPlus(row.is_negative ,Number(journalRecord.value).toFixed(2), journalRecord)}</td>
                                <td>-</td>
                            </tr>
                        `;
                    }
                toReturn = toReturn + '</table>';
                return toReturn;
            }

            $(document).ready(function() {
                // DataTable initialization
                var table = $('#tax_report_table').DataTable({
                    processing: true,
                    serverSide: true,
                    search: true,
                    ajax: {
                        url: "{{route('company.reports.customer-tax-report.index',$subdomain)}}",
                        data: