@extends('adminlte::page')

@section('title', 'Payroll Runs')

@include('partials.ui-polish')

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Payroll Runs</h1>
            <span class="text-muted">Generate payroll, review employee items, and move runs through approval</span>
        </div>
        <div class="module-actions mt-2 mt-sm-0">
            <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#payroll-period-panel" aria-expanded="{{ $errors->any() ? 'true' : 'false' }}" aria-controls="payroll-period-panel">
                <i class="fas fa-calendar-plus mr-1"></i> New Period
            </button>
            <button type="button" class="btn btn-primary btn-sm" data-toggle="collapse" data-target="#payroll-generate-panel" aria-expanded="{{ $errors->any() ? 'true' : 'false' }}" aria-controls="payroll-generate-panel">
                <i class="fas fa-play-circle mr-1"></i> Generate Run
            </button>
            <a href="{{ route('payroll.salary-setup.index') }}" class="btn btn-outline-primary btn-sm">
                <i class="fas fa-money-check-alt mr-1"></i> Salary Setup
            </a>
        </div>
    </div>
@stop

@section('content')
    @if(session('success'))
        <x-adminlte-alert theme="success" title="Done" dismissable>
            {{ session('success') }}
        </x-adminlte-alert>
    @endif

    @if($errors->any())
        <x-adminlte-alert theme="danger" title="Please review the payroll form" dismissable>
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </x-adminlte-alert>
    @endif

    <div class="row">
        <div class="col-lg-3 col-6">
            <x-adminlte-info-box title="Runs" text="{{ $summary['run_count'] }}" icon="fas fa-cogs" theme="info"/>
        </div>
        <div class="col-lg-3 col-6">
            <x-adminlte-info-box title="Gross Total" text="{{ number_format((float) $summary['gross_total'], 2) }}" icon="fas fa-wallet" theme="success"/>
        </div>
        <div class="col-lg-3 col-6">
            <x-adminlte-info-box title="Deductions" text="{{ number_format((float) $summary['deduction_total'], 2) }}" icon="fas fa-minus-circle" theme="danger"/>
        </div>
        <div class="col-lg-3 col-6">
            <x-adminlte-info-box title="Net Total" text="{{ number_format((float) $summary['net_total'], 2) }}" icon="fas fa-receipt" theme="primary"/>
        </div>
    </div>

    <div class="collapse module-panel {{ $errors->any() ? 'show' : '' }}" id="payroll-period-panel">
            <x-adminlte-card title="Create Payroll Period" icon="fas fa-calendar-plus" theme="success">
                <form method="POST" action="{{ route('payroll.runs.periods.store') }}">
                    @csrf
                    <x-adminlte-input name="name" label="Period Name" value="{{ old('name', now()->format('F Y')) }}" required/>
                    <div class="row">
                        <div class="col-md-6">
                            <x-adminlte-input name="period_start" label="Start" type="date" value="{{ old('period_start', now()->startOfMonth()->toDateString()) }}" required/>
                        </div>
                        <div class="col-md-6">
                            <x-adminlte-input name="period_end" label="End" type="date" value="{{ old('period_end', now()->endOfMonth()->toDateString()) }}" required/>
                        </div>
                    </div>
                    <x-adminlte-select name="status" label="Status" required>
                        <option value="Open" @selected(old('status', 'Open') === 'Open')>Open</option>
                        <option value="Closed" @selected(old('status') === 'Closed')>Closed</option>
                    </x-adminlte-select>
                    <button type="submit" class="btn btn-success btn-block">
                        <i class="fas fa-save mr-1"></i> Save Period
                    </button>
                </form>
            </x-adminlte-card>
    </div>

    <div class="collapse module-panel {{ $errors->any() ? 'show' : '' }}" id="payroll-generate-panel">
            <x-adminlte-card title="Generate Payroll Run" icon="fas fa-play-circle" theme="primary">
                <form method="POST" action="{{ route('payroll.runs.store') }}">
                    @csrf
                    <x-adminlte-select name="payroll_period_id" label="Payroll Period" required>
                        <option value="">Select period</option>
                        @foreach($periods as $period)
                            <option value="{{ $period->id }}" @selected((int) old('payroll_period_id') === $period->id)>
                                {{ $period->name }} ({{ $period->period_start->format('M d') }} - {{ $period->period_end->format('M d, Y') }})
                            </option>
                        @endforeach
                    </x-adminlte-select>
                    <x-adminlte-alert theme="{{ $activeSalaryCount > 0 ? 'info' : 'warning' }}" title="Salary Structures">
                        {{ $activeSalaryCount }} active salary {{ $activeSalaryCount === 1 ? 'structure' : 'structures' }} will be included.
                    </x-adminlte-alert>
                    <button type="submit" class="btn btn-primary btn-block" @disabled($periods->isEmpty() || $activeSalaryCount === 0)>
                        <i class="fas fa-calculator mr-1"></i> Generate Run
                    </button>
                </form>
            </x-adminlte-card>
    </div>

    <div class="row">
        <div class="col-12">
            <x-adminlte-card title="Payroll Runs" icon="fas fa-list" theme="primary">
                <div class="table-responsive">
                    <table class="table table-hover text-nowrap mb-0">
                        <thead>
                            <tr>
                                <th>Period</th>
                                <th>Status</th>
                                <th class="text-center">Items</th>
                                <th>Gross</th>
                                <th>Deductions</th>
                                <th>Net</th>
                                <th class="text-right">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($runs as $run)
                                <tr class="{{ $selectedRun?->id === $run->id ? 'table-primary' : '' }}">
                                    <td>
                                        <strong>{{ $run->period->name ?? 'Unknown period' }}</strong>
                                        @if($run->period)
                                            <div class="text-muted small">
                                                {{ $run->period->period_start->format('M d') }} - {{ $run->period->period_end->format('M d, Y') }}
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $run->status === 'Paid' ? 'success' : ($run->status === 'Approved' ? 'primary' : 'info') }}">
                                            {{ $run->status }}
                                        </span>
                                    </td>
                                    <td class="text-center">{{ $run->items_count }}</td>
                                    <td>{{ number_format((float) $run->gross_total, 2) }}</td>
                                    <td>{{ number_format((float) $run->deduction_total, 2) }}</td>
                                    <td><strong>{{ number_format((float) $run->net_total, 2) }}</strong></td>
                                    <td class="text-right">
                                        <a href="{{ route('payroll.runs.index', ['run_id' => $run->id]) }}" class="btn btn-xs btn-outline-primary">
                                            <i class="fas fa-eye"></i> View
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">No payroll runs found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($runs->hasPages())
                    <div class="mt-3">
                        {{ $runs->links() }}
                    </div>
                @endif
            </x-adminlte-card>
        </div>
    </div>

    @if($selectedRun)
        <x-adminlte-card title="Run Details: {{ $selectedRun->period->name ?? 'Payroll Run' }}" icon="fas fa-file-invoice-dollar" theme="info">
            @php
                $workflowSteps = ['Draft' => 'Prepared', 'Reviewed' => 'Reviewed', 'Approved' => 'Approved', 'Paid' => 'Paid'];
                $statusOrder = array_keys($workflowSteps);
                $currentStatusIndex = array_search($selectedRun->status, $statusOrder, true);
            @endphp
            <div class="d-flex justify-content-between align-items-start flex-wrap mb-3">
                <div>
                    <span class="badge badge-{{ $selectedRun->status === 'Paid' ? 'success' : ($selectedRun->status === 'Approved' ? 'primary' : 'info') }} p-2">
                        {{ $workflowSteps[$selectedRun->status] ?? $selectedRun->status }}
                    </span>
                    <span class="text-muted ml-2">
                        Generated {{ $selectedRun->created_at->format('M d, Y H:i') }}
                    </span>
                </div>
                <div class="mt-2 mt-sm-0">
                    @if($selectedRun->status === 'Draft')
                        <button type="button" class="btn btn-outline-info btn-sm" data-toggle="modal" data-target="#payroll-review-modal" @disabled(! $payrollChecksPassed)>
                            <i class="fas fa-clipboard-check mr-1"></i> Mark Reviewed
                        </button>
                    @endif
                    @if($selectedRun->status === 'Reviewed')
                        @can('payroll.approve')
                            <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#payroll-approve-modal">
                                <i class="fas fa-check mr-1"></i> Approve
                            </button>
                        @endcan
                    @endif
                    @if($selectedRun->status === 'Approved')
                        <button type="button" class="btn btn-outline-success btn-sm" data-toggle="modal" data-target="#payroll-paid-modal">
                            <i class="fas fa-money-bill-wave mr-1"></i> Mark Paid
                        </button>
                    @endif
                </div>
            </div>

            <div class="row mb-3">
                @foreach($workflowSteps as $status => $label)
                    @php($stepIndex = array_search($status, $statusOrder, true))
                    <div class="col-md-3 mb-2">
                        <div class="border rounded p-2 h-100 {{ $currentStatusIndex !== false && $stepIndex <= $currentStatusIndex ? 'border-success' : '' }}">
                            <div class="d-flex align-items-center justify-content-between">
                                <strong>{{ $label }}</strong>
                                <i class="fas fa-{{ $currentStatusIndex !== false && $stepIndex <= $currentStatusIndex ? 'check-circle text-success' : 'circle text-muted' }}"></i>
                            </div>
                            <div class="text-muted small">
                                @switch($status)
                                    @case('Draft') Generated payroll items @break
                                    @case('Reviewed') Finance review complete @break
                                    @case('Approved') Final approval complete @break
                                    @case('Paid') Payroll marked paid @break
                                @endswitch
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <x-adminlte-card title="Pre-Approval Checks" icon="fas fa-shield-alt" theme="{{ $payrollChecksPassed ? 'success' : 'warning' }}">
                <div class="row">
                    @foreach($payrollChecks as $check)
                        <div class="col-md-3 mb-2">
                            <div class="border rounded p-2 h-100">
                                <div class="d-flex align-items-center justify-content-between">
                                    <strong>{{ $check['label'] }}</strong>
                                    <span class="badge badge-{{ $check['passed'] ? 'success' : ($check['blocking'] ? 'danger' : 'warning') }}">
                                        {{ $check['passed'] ? 'OK' : ($check['blocking'] ? 'Blocker' : 'Check') }}
                                    </span>
                                </div>
                                <div class="text-muted small">{{ $check['detail'] }}</div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </x-adminlte-card>

            <div class="table-responsive">
                <table class="table table-hover text-nowrap mb-0">
                    <thead>
                        <tr>
                            <th>Employee</th>
                            <th>Department</th>
                            <th>Basic</th>
                            <th>Allowances</th>
                            <th>Deductions</th>
                            <th>Employer</th>
                            <th>Gross</th>
                            <th>Net</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($selectedRun->items as $item)
                            <tr>
                                <td>
                                    <strong>{{ $item->employee->full_name ?? 'Unknown employee' }}</strong>
                                    <div class="text-muted small">{{ $item->employee->employee_code ?? '' }}</div>
                                </td>
                                <td>{{ $item->employee->department->name ?? 'Unassigned' }}</td>
                                <td>{{ number_format((float) $item->basic_salary, 2) }}</td>
                                <td>{{ number_format((float) $item->total_allowances, 2) }}</td>
                                <td>{{ number_format((float) $item->total_deductions, 2) }}</td>
                                <td>{{ number_format((float) $item->total_employer_contributions, 2) }}</td>
                                <td>{{ number_format((float) $item->gross_salary, 2) }}</td>
                                <td><strong>{{ number_format((float) $item->net_salary, 2) }}</strong></td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">This run has no payroll items.</td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr>
                            <th colspan="5" class="text-right">Totals</th>
                            <th>{{ number_format((float) $selectedRun->items->sum('total_employer_contributions'), 2) }}</th>
                            <th>{{ number_format((float) $selectedRun->gross_total, 2) }}</th>
                            <th>{{ number_format((float) $selectedRun->net_total, 2) }}</th>
                        </tr>
                    </tfoot>
                </table>
            </div>

            @if($selectedRun->approvals->isNotEmpty())
                <hr>
                <h6 class="text-muted text-uppercase">Approval Trail</h6>
                <div class="list-group list-group-flush">
                    @foreach($selectedRun->approvals as $approval)
                        <div class="list-group-item px-0">
                            <strong>{{ $approval->status }}</strong>
                            @if($approval->approver)
                                <span class="text-muted small">by {{ $approval->approver->name }}</span>
                            @endif
                            <span class="text-muted small">
                                {{ $approval->approved_at?->format('M d, Y H:i') }}
                            </span>
                            @if($approval->comments)
                                <div class="small">{{ $approval->comments }}</div>
                            @endif
                        </div>
                    @endforeach
                </div>
            @endif
        </x-adminlte-card>

        <x-adminlte-modal id="payroll-review-modal" title="Mark Payroll Reviewed" theme="info" icon="fas fa-clipboard-check">
            <form id="payroll-review-form" method="POST" action="{{ route('payroll.runs.review', $selectedRun) }}">
                @csrf
                <x-adminlte-textarea name="comments" label="Review Comments" rows="3" placeholder="Review notes, checks performed, exceptions...">{{ old('comments') }}</x-adminlte-textarea>
                <x-slot name="footerSlot">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" form="payroll-review-form" class="btn btn-info" @disabled(! $payrollChecksPassed)>Mark Reviewed</button>
                </x-slot>
            </form>
        </x-adminlte-modal>

        <x-adminlte-modal id="payroll-approve-modal" title="Approve Payroll" theme="primary" icon="fas fa-check">
            <form id="payroll-approve-form" method="POST" action="{{ route('payroll.runs.approve', $selectedRun) }}">
                @csrf
                <x-adminlte-textarea name="comments" label="Approval Comments" rows="3" placeholder="Final approval notes">{{ old('comments') }}</x-adminlte-textarea>
                <x-slot name="footerSlot">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" form="payroll-approve-form" class="btn btn-primary">Approve Payroll</button>
                </x-slot>
            </form>
        </x-adminlte-modal>

        <x-adminlte-modal id="payroll-paid-modal" title="Mark Payroll Paid" theme="success" icon="fas fa-money-bill-wave">
            <form id="payroll-paid-form" method="POST" action="{{ route('payroll.runs.mark-paid', $selectedRun) }}">
                @csrf
                <x-adminlte-textarea name="comments" label="Payment Notes" rows="3" placeholder="Bank batch reference or payment notes">{{ old('comments') }}</x-adminlte-textarea>
                <x-slot name="footerSlot">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" form="payroll-paid-form" class="btn btn-success">Mark Paid</button>
                </x-slot>
            </form>
        </x-adminlte-modal>
    @endif
@stop