@extends('layouts.app')

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

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-1">
            <li class="breadcrumb-item"><a href="{{ route('payrolls.index') }}">Payroll</a></li>
            <li class="breadcrumb-item active">Run Payroll</li>
        </ol>
    </nav>
    <h2 class="h4 mb-0">Process Monthly Payroll</h2>
</div>

<form action="{{ route('payrolls.store') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-lg-12">
            <div class="card stat-card border-0 mb-4 shadow-sm">
                <div class="card-body p-4">
                    <div class="row align-items-end">
                        <div class="col-md-3">
                            <label class="form-label small text-muted fw-bold text-uppercase">Month</label>
                            <select name="month" class="form-select fw-bold">
                                @foreach(range(1, 12) as $m)
                                    <option value="{{ $m }}" {{ $m == date('m') ? 'selected' : '' }}>
                                        {{ date('F', mktime(0, 0, 0, $m, 1)) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small text-muted fw-bold text-uppercase">Year</label>
                            <input type="number" name="year" class="form-control fw-bold" value="{{ date('Y') }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label small text-muted fw-bold text-uppercase">Payment Date</label>
                            <input type="date" name="payment_date" class="form-control fw-bold" value="{{ date('Y-m-d') }}">
                        </div>
                        <div class="col-md-4 text-end">
                            <div class="text-muted small mb-1">Total Employees to Pay</div>
                            <h4 class="mb-0 fw-bold">{{ $employees->count() }}</h4>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card stat-card border-0 shadow-sm mb-4">
                <div class="card-header bg-white py-3">
                    <h6 class="mb-0 fw-bold text-uppercase small">Employee Salary Snapshot</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table align-middle mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th class="ps-4">Employee</th>
                                    <th class="text-end">Basic</th>
                                    <th class="text-end">HRA</th>
                                    <th class="text-end text-danger">Deductions</th>
                                    <th class="text-end fw-bold">Net Payable</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $total = 0; @endphp
                                @foreach($employees as $employee)
                                @php $total += $employee->salary->net_salary ?? 0; @endphp
                                <tr>
                                    <td class="ps-4">
                                        <div class="fw-bold">{{ $employee->name }}</div>
                                        <div class="small text-muted">{{ $employee->designation }}</div>
                                    </td>
                                    <td class="text-end">{{ formatCurrency($employee->salary->basic_salary ?? 0) }}</td>
                                    <td class="text-end">{{ formatCurrency($employee->salary->hra ?? 0) }}</td>
                                    <td class="text-end text-danger">{{ formatCurrency($employee->salary->deductions ?? 0) }}</td>
                                    <td class="text-end fw-bold text-primary">{{ formatCurrency($employee->salary->net_salary ?? 0) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot class="bg-light-primary">
                                <tr>
                                    <td colspan="4" class="ps-4 fw-bold">GRAND TOTAL</td>
                                    <td class="text-end fw-bold">{{ formatCurrency($total) }}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>

            <div class="alert alert-info border-0 shadow-sm d-flex align-items-center mb-4">
                <i class="fas fa-info-circle fa-2x me-3"></i>
                <div>
                    <strong>Note:</strong> Running payroll will automatically create accounting journal entries (Debit Salary Expense, Credit Bank). 
                    Ensure you have sufficient balance in your bank/cash accounts.
                </div>
            </div>

            <div class="text-end">
                <a href="{{ route('payrolls.index') }}" class="btn btn-link text-muted px-4 me-2">Cancel</a>
                <button type="submit" class="btn btn-primary btn-lg px-5 shadow" onclick="return confirm('Confirm processing payroll for this month?')">
                    <i class="fas fa-check-circle me-2"></i> Confirm & Process Payout
                </button>
            </div>
        </div>
    </div>
</form>
@endsection