@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    @php
        $currentMonth = now()->month;
        $currentYear = now()->year;
        $monthParam = request('month');
        $yearParam = request('year');

        $isAllMonth = $monthParam === 'all';
        $isAllYear = $yearParam === 'all';

        $selectedMonth = $isAllMonth ? null : (int) ($monthParam ?: $currentMonth);
        $selectedYear = $isAllYear ? null : (int) ($yearParam ?: $currentYear);

        $selectedMonthName = $selectedMonth ? date('F', mktime(0, 0, 0, $selectedMonth, 10)) : 'All months';
        $selectedYearLabel = $selectedYear ? (string) $selectedYear : 'All years';

        $canCheckRun = !is_null($selectedMonth) && !is_null($selectedYear);

        $runExistsForSelected = $canCheckRun ? (bool) ($runExistsForSelected ?? false) : null;

        $isCurrentSelection = $canCheckRun && ($selectedMonth === $currentMonth && $selectedYear === $currentYear);
        $currentMonthName = date('F', mktime(0, 0, 0, $currentMonth, 10));

        $runStatusLabel = !$canCheckRun
            ? "Showing {$selectedMonthName} {$selectedYearLabel}"
            : ($runExistsForSelected
                ? "Run for {$selectedMonthName} {$selectedYearLabel}"
                : "Not run for {$selectedMonthName} {$selectedYearLabel}");

        $runStatusVariant = !$canCheckRun ? 'info' : ($runExistsForSelected ? 'success' : 'neutral');

        $financeOptions = $financeOptions ?? [
            'accounts' => collect(),
            'treasuries' => collect(),
            'cost_centers' => collect(),
            'defaults' => [],
        ];

        $financeDefaults = $financeOptions['defaults'] ?? [];
        $financeAccounts = $financeOptions['accounts'] ?? collect();
        $financeTreasuries = $financeOptions['treasuries'] ?? collect();
        $financeCostCenters = $financeOptions['cost_centers'] ?? collect();

        $selectedSalaryExpenseCode = old(
            'finance_salary_expense_account_code',
            request('finance_salary_expense_account_code', $financeDefaults['salary_expense_account_code'] ?? null),
        );
        $selectedCashBankCode = old(
            'finance_cash_bank_account_code',
            request('finance_cash_bank_account_code', $financeDefaults['cash_bank_account_code'] ?? null),
        );
        $selectedTreasuryId = old(
            'finance_treasury_id',
            request('finance_treasury_id', $financeDefaults['treasury_id'] ?? null),
        );
        $selectedCostCenterCode = old(
            'finance_payroll_cost_center_code',
            request('finance_payroll_cost_center_code', $financeDefaults['cost_center_code'] ?? null),
        );

        $financeReady =
            $financeAccounts->isNotEmpty() && $financeTreasuries->isNotEmpty() && $financeCostCenters->isNotEmpty();
    @endphp

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="space-y-4">

                <x-page-title title="Payroll Run"
                    description="Review payroll runs by month and year, monitor totals, and execute the current payroll when available.">
                    <span class="ui-pill ui-pill--{{ $runStatusVariant }}">
                        {{ $runStatusLabel }}
                    </span>

                    @if ($canCheckRun && $isCurrentSelection)
                        @if (!$runExistsForSelected)
                            <button type="button" class="asset-btn asset-btn--primary" data-bs-toggle="modal"
                                data-bs-target="#confirmRunModal" @disabled(!$financeReady)>
                                Run Payroll for {{ $currentMonthName }} {{ $currentYear }}
                            </button>
                        @else
                            <button class="asset-btn asset-btn--secondary" disabled>
                                Payroll already run for {{ $currentMonthName }} {{ $currentYear }}
                            </button>
                        @endif
                    @endif

                </x-page-title>

                @if ($canCheckRun && $isCurrentSelection && !$runExistsForSelected)
                    <form id="runPayrollForm" action="{{ route('payroll.run.execute') }}" method="GET">
                        <input type="hidden" name="month" value="{{ $currentMonth }}">
                        <input type="hidden" name="year" value="{{ $currentYear }}">
                    </form>
                @endif

                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-card__label">Total Gross Salaries</div>
                        <div class="stat-card__value stat-card__value--primary">
                            {{ number_format($totalGross, 2) }}
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-card__label">Total Net Salaries</div>
                        <div class="stat-card__value stat-card__value--success">
                            {{ number_format($totalNet, 2) }}
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-card__label">Total Bonuses</div>
                        <div class="stat-card__value stat-card__value--success">
                            {{ number_format($total_bonuses, 2) }}
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-card__label">Total Penalties</div>
                        <div class="stat-card__value stat-card__value--danger">
                            {{ number_format($total_penalties, 2) }}
                        </div>
                    </div>
                </div>

                <div class="ui-card ui-card--table">

                    <x-table :headers="['Pay Period', 'Pay Date', 'Gross Salary', 'Net Salary', 'Status']" :paginator="$payrolls" emptyMessage="No payroll data available.">
                        @foreach ($payrolls as $payroll)
                            @php
                                $periodFrom = \Carbon\Carbon::createFromDate($payroll->run_date)
                                    ->copy()
                                    ->subMonthNoOverflow()
                                    ->day(15)
                                    ->format('d-m-y');

                                $periodTo = \Carbon\Carbon::createFromDate($payroll->run_date)
                                    ->copy()
                                    ->day(14)
                                    ->endOfDay()
                                    ->format('d-m-y');

                                $statusVariant = match (strtolower($payroll->status ?? '')) {
                                    'completed', 'done', 'success' => 'success',
                                    'pending' => 'warn',
                                    'failed', 'cancelled' => 'danger',
                                    default => 'neutral',
                                };
                            @endphp

                            <tr>
                                <td class="ui-muted text-center">
                                    {{ $periodFrom }} - {{ $periodTo }}
                                </td>

                                <td class="ui-muted text-center">
                                    {{ $payroll->run_date }}
                                </td>

                                <td class="ui-muted text-center">
                                    {{ number_format($payroll->total_gross, 2) }}
                                </td>

                                <td class="ui-muted text-center">
                                    {{ number_format($payroll->total_net, 2) }}
                                </td>

                                <td class="text-center">
                                    <span class="ui-pill ui-pill--{{ $statusVariant }}">
                                        {{ ucfirst($payroll->status) }}
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </x-table>
                </div>
            </div>
        </div>
    </div>

    @if ($canCheckRun && $isCurrentSelection && !$runExistsForSelected)
        <div class="modal fade" id="confirmRunModal" tabindex="-1" aria-labelledby="confirmRunModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content border-0 shadow-lg rounded-4">
                    <div class="modal-header border-bottom-0 pb-0">
                        <h5 class="modal-title" id="confirmRunModalLabel">Confirm Payroll Run</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body pt-3">
                        Are you sure you want to run payroll for
                        <strong>{{ $currentMonthName }} {{ $currentYear }}</strong>?
                    </div>

                    <div class="modal-footer border-top-0 pt-0">
                        <button type="button" class="asset-btn asset-btn--secondary" data-bs-dismiss="modal">
                            Cancel
                        </button>
                        <button type="button" class="asset-btn asset-btn--primary"
                            onclick="document.getElementById('runPayrollForm').submit()">
                            Yes, Run Payroll
                        </button>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection

@push('styles')
    <style>
        .form-section__head {
            margin-bottom: 1rem;
            padding-bottom: 0.9rem;
            border-bottom: 1px solid #eef2f7;
        }

        .form-section__title {
            font-size: 1rem;
            font-weight: 700;
            color: #111827;
        }

        .form-section__sub {
            color: #6b7280;
            font-size: 0.92rem;
        }

        .asset-form-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 1rem;
        }

        .asset-col-4 {
            grid-column: span 4 / span 4;
        }

        .asset-col-6 {
            grid-column: span 6 / span 6;
        }

        .payroll-finance-card {
            margin: 10px;
            padding: 1.15rem;
        }

        .asset-label {
            display: inline-block;
            margin-bottom: 0.45rem;
            font-weight: 600;
            color: #374151;
            font-size: 0.92rem;
        }

        .asset-input,
        .asset-select {
            width: 100%;
            min-height: 44px;
            border: 1px solid #dbe2ea;
            border-radius: 12px;
            padding: 0.7rem 0.9rem;
            background: #fff;
            color: #111827;
            transition: 0.2s ease;
        }

        .asset-input:focus,
        .asset-select:focus {
            outline: none;
            border-color: #b8c4d6;
            box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08);
        }

        .asset-actions {
            display: flex;
            justify-content: end;
            gap: 0.75rem;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
            margin: 10px;
        }

        .stat-card {
            border: 1px solid #eef2f7;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);
            padding: 1.1rem 1.15rem;
        }

        .stat-card__label {
            color: #6b7280;
            font-size: 0.9rem;
            margin-bottom: 0.45rem;
        }

        .stat-card__value {
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .stat-card__value--primary {
            color: #2563eb;
        }

        .stat-card__value--success {
            color: #16a34a;
        }

        .stat-card__value--danger {
            color: #dc2626;
        }

        @media (max-width: 1199.98px) {
            .asset-col-4 {
                grid-column: span 6 / span 6;
            }

            .asset-col-6 {
                grid-column: span 6 / span 6;
            }

            .stats-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 767.98px) {
            .asset-col-4 {
                grid-column: span 12 / span 12;
            }

            .asset-col-6 {
                grid-column: span 12 / span 12;
            }

            .stats-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
@endpush