@use('App\Services\Date')
@extends('reports::layouts.master')
@section('title', __('reports::reports.Purchases Summary Report'))
<style>
    .select2 .selection .select2-selection{
        line-height:35px;
        border-radius: 5px !important;
    }
</style>
@section('page-link')
<li class="breadcrumb-item active">
    <a href="{{ route('company.reports.legacy.purchases-summary.index', ['subdomain' => $subdomain]) }}" class="active">
        @lang('reports::reports.Purchases Summary Report')
    </a>
</li>
@endsection
@section('action_buttons')
<div class="headBtns mx-1 fixed-btns">
    <div class="btn-group pull-right">

    </div>
    <div class="mb-1 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(request()->all())
        @can('reports.purchases-summary.export')
        <a class="text-green" href="{{route('company.reports.legacy.purchases-summary.export', ['subdomain' => $subdomain]+request()->all())}}" title="@lang('reports::reports.Download_Pdf')">
            <span class="icon-Pdf action-icon"></span>
        </a>
        <a class="text-green" href="{{route('company.reports.legacy.purchases-summary.export-excel', ['subdomain' => $subdomain]+request()->all())}}" title="@lang('reports::reports.download_excel')">
            <span class="icon-Excel action-icon"></span>
        </a>
        <a class="text-green" target="_blank" href="{{route('company.reports.legacy.purchases-summary.print', ['subdomain' => $subdomain]+request()->all())}}" title="@lang('reports::reports.print')">
            <span class="icon-Print action-icon"></span>
        </a>
        @endcan
        @endif
    </div>
</div>
@endsection
@section('section_title')
@lang('reports::reports.Purchases Summary Report')
@endsection
@section('form-open-tag')
    <form action="{{ route('company.reports.legacy.purchases-summary.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="cost_center_id" class="report-filter-label">
                                        @lang('reports::reports.cost_center')
                                        <span style="font-size: 0.75rem; color: #6c757d; font-weight: normal; margin-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}: 0.5rem;">
                                            ({{ auth()->user()->adjustRolesLikeOwnerPermissions() ? __('reports::reports.leave_empty_for_all')  : __('reports::costCenter.select_cost_center') }})
                                        </span>
                                    </label>
                                    @php
                                        $selectedCostCenters = (array) request('cost_centers', []);
                                         // Fallback logic if needed
                                         if (empty($selectedCostCenters) && request()->has('cost_center_id')) {
                                            $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() || $costCentersCollection->count() >= $allCostCentersCount;
                                    @endphp
                                    <select name="cost_centers[]" 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) || in_array((string)$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="supplier_id" class="report-filter-label">
                                        @lang('reports::reports.suppliers_list')

                                    </label>
                                    <suppliers-dropdown-component
                                        :selected="{{ json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(request('supplier_id'))) }}"
                                        :create-new="true"
                                        :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain, 'reference' => 'purchases-summary-report']) }}'"
                                        :lang="'{{ app()->getLocale() }}'"
                                        :multi-select="false"
                                        input-name="supplier_id"
                                        :translations="{
                                            placeholder: '{{ __('purchases::suppliers.select_supplier') }}',
                                            searchPlaceholder: '{{ __('purchases::suppliers.search_suppliers') }}',
                                            createNewText: '{{ __('purchases::suppliers.add_new_supplier') }}',
                                            noResultsText: '{{ __('purchases::suppliers.no_suppliers_found') }}',
                                            loadMoreHint: '{{ __('purchases::suppliers.load_more_hint') }}'
                                        }"
                                        class="w-100"
                                    />
                                    @error('supplier_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 ($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

                                    <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>
@endsection
@section('extra_styles')
@parent
<link rel="stylesheet" href="{{asset('assets/css/select2/custom.css')}}">
<style>
    .table.table-sm td,
    .table.table-sm th {
        font-size: 12px;
    }

    .custom-card {
        border: 2px solid #16D39A;
        border-radius: 25px;
    }

    .custom-card .card-block {
        padding: 0px;
        padding-top: 10px;
    }

    .custom-card .card-body {
        padding: 0px;
    }
</style>
@endsection
@section('koolreport')

@if(request()->all())
<section id="configuration" class="summ_report">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body collapse in">
                    <section>
                        <h2>
                            @lang('reports::reports.Purchases Summary Report')
                        </h2>
                        <h4><b>@lang('reports::reports.company name') </b>:<b>{{ $data['companyName'] }}</b></h4>
                        <h4><b>@lang('reports::reports.supplier name') </b>:<b>{{optional(@$data['suppliers']->where('id',$data['purchasesTransactions'])->first()->supplier_id)->first()->name ?? $data['suppliers']->where('id',request('supplier_id'))->first()->name}}</b></h4>
                        <h4> @lang('from') <span dir="ltr">{{$data['dates']['from']}}</span> @lang('to') <span dir="ltr">{{$data['dates']['to']}}</span> </h4>
                        <hr>
                        <h4 style="color: #00B5B8!important;border-bottom: 1px solid;padding: 0px" class="col-sm-2">@lang('reports::reports.report summary'):</h4>
                        <section class="text-center card">
                            <div class="col-sm-12" style="padding-top: 20px;">
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.total purchases')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['total_purchases'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.total paid')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['paid_purchases'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.total remaining')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['remaining_purchases'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.total payment')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['total_payment'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.not assigned pay in')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['not_assigned_pay_in'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-xs-12">
                                    <div class="card custom-card">
                                        <div class="card-body">
                                            <div class="card-block">
                                                <div class="media">
                                                    <div class="media-body text-center">
                                                        <h3 class="success">@lang('reports::reports.not assigned pay out')</h3>
                                                        <p class="font-medium-1">{{ number_format($data['not_assigned_pay_out'],2,".",",") }}</p>
                                                        <p>{!! __('settings::currencies.SAR') !!}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </section>
                    <div class="table-responsive">
                        <table style="width: 150%;max-width: 150%" class="table table-striped  table-sm">
                            <thead>
                                <tr>
                                    <th class="text-center">@lang('purchases::transactions.Date')</th>
                                    <th class="text-center">@lang('purchases::transactions.Reference ID')</th>
                                    <th class="text-center">@lang('purchases::transactions.type')</th>
                                    <th class="text-center">@lang('purchases::purchase_bills.Description')</th>
                                    <th style="text-center">@lang('purchases::purchase_bills.Supplier Invoice Reference Number')</th>
                                    <th class="text-center">@lang('purchases::transactions.status')</th>
                                    <th class="text-center">@lang('purchases::purchase_bills.gross')</th>
                                    <th class="text-center">@lang('purchases::purchase_bills.vat_value')</th>
                                    <th class="text-center">@lang('purchases::purchase_bills.total_amount')</th>
                                    <th class="text-center">@lang('purchases::transactions.paid')</th>
                                    <th class="text-center">@lang('purchases::purchase_bills.remaningAmount')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!count($data['purchasesTransactions']))
                                <tr class="odd empty_data">
                                    <td valign="top" colspan="10" class="@if(app()->getLocale() == 'ar') text-right @endif dataTables_empty">{{__('reports::reports.no_data')}}</td>
                                </tr>
                                @else
                                @foreach ($data['purchasesTransactions'] as $transaction)
                                <tr>
                                    <td class="text-center"><span class="d-none">{{$transaction->date}}</span>{{ Date::format($transaction->date, 'date') }}</td>
                                    <td class="text-center">
                                        <a target="_blank" href="{{route("company.{$transaction->route_name}.show", ['subdomain' => $subdomain, "{$transaction->routeVariableName}" => $transaction->id])}}">{{$transaction->reference}}</a>
                                    </td>
                                    <td class="text-center">{{ $transaction->operationType }} </td>
                                    <td class="text-center">{{ $transaction->description }} </td>
                                    <td class="text-center">{{ $transaction->supplier_invoice_reference_number }} </td>
                                    <td class="text-center">{{ $transaction->status ? Modules\Purchases\Enums\BillStatusEnum::toString($transaction->status) : ($transaction->kind ?  Modules\Purchases\Enums\PaymentReceiptTypesEnum::toString($transaction->kind) : '') }}</td>
                                    <td class="text-center">{{ number_format(abs($transaction->gross),2,".",",") }} </td>
                                    <td class="text-center">{{ number_format(abs($transaction->total_vat),2,".",",") }} </td>
                                    <td class="text-center">{{ number_format(abs($transaction->total),2,".",",") }} </td>
                                    <td class="text-center">{{ ($transaction->paid_amount  < 0 ) ? '(' . number_format(abs($transaction->paid_amount),2,".",",") . ')' : number_format($transaction->paid_amount,2,".",",")  }}</td>
                                    <td class="text-center">{{ ($transaction->outstanding  < 0 ) ? '(' . number_format(abs($transaction->outstanding),2,".",",") . ')' : number_format($transaction->outstanding,2,".",",") }}</td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                    <br>
                    <div class="text-lg-center">
                        @lang('reports::reports.accrual_basis')
                        {{ Date::format(now(), 'datetime') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif


@endsection

@section('extra_scripts_filter_by_date')
    <script>
        gtag('event', 'web_reports_purchases_summary_show');
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const isOwnerLike = @json($hasAccessToAllCostCenters);
            const $costCenterSelect = $('#cost_center_id');

            const normalizeCostCentersSelection = () => {
                if (!$costCenterSelect.length) {
                    return;
                }

                let selected = $costCenterSelect.val() || [];

                if (!Array.isArray(selected)) {
                    selected = [selected];
                }

                const hasEmpty = selected.includes('');

                if (isOwnerLike) {
                    if (hasEmpty && selected.length > 1) {
                        $costCenterSelect.val(['']).trigger('change');
                    }

                    return;
                }

                if (!hasEmpty) {
                    return;
                }

                const allValues = [];

                $costCenterSelect.find('option').each(function () {
                    const value = $(this).val();

                    // Skip the empty "all" placeholder, include main center (0) and all permitted cost centers.
                    if (value !== '') {
                        allValues.push(value);
                    }
                });

                $costCenterSelect.val(allValues).trigger('change');
            };

            $costCenterSelect.on('change', normalizeCostCentersSelection);

            $('form[action="{{ route('company.reports.legacy.purchases-summary.index', ['subdomain' => $subdomain]) }}"]').on('submit', function () {
                normalizeCostCentersSelection();
            });
        });
    </script>
@endsection