@extends('dashboard.layouts.app')

@section('content')
    <div class="container mt-5">
        <!-- Success/Error Messages -->
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Staff Information</h6>
                <div class="row">
                    <div class="col">
                        <p><strong>Full Name :</strong> {{ $staff ? $staff->full_name ?? '' : '' }}</p>
                        <p><strong>Mobile :</strong> {{ $staff ? $staff->mobile ?? '' : '' }}</p>
                        <p><strong>Role :</strong> {{ $staff ? $staff->role->name ?? '' : '' }}</p>
                        <p><strong>Designation :</strong> {{ $staff ? $staff->designation->title ?? '' : '' }}</p>
                    </div>
                    <div class="col">
                        <p><strong>Staff No :</strong> {{ $staff ? $staff->staff_no ?? '' : '' }}</p>
                        <p><strong>Email :</strong> {{ $staff->email ?? '' }}</p>
                        <p><strong>Department :</strong> {{ $staff ? $staff->department->name ?? '' : '' }}</p>
                        <p><strong>Date of Joining :</strong> {{ $staff ? $staff->date_of_joining ?? '' : '' }}</p>
                    </div>
                    <div class="col">
                        <p><strong>Month :</strong> {{ $payrollGenerate->payroll_month }}</p>
                        <p><strong>Year :</strong> {{ $payrollGenerate->payroll_year }}</p>
                        <p><strong>Status :</strong> {{ $payrollGenerate->payroll_status ?? '' }}</p>
                        <p><strong>Payment Mode :</strong> {{ $payrollGenerate->payment_mode ?? '' }}</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-5">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">Payroll Summary</h6>
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Basic Salary ($)</label>
                                <p>{{ number_format($payrollGenerate->basic_salary, 2) }}</p>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Total Earning ($)</label>
                                <p>{{ number_format($payrollGenerate->total_earning, 2) }}</p>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Total Deduction ($)</label>
                                <p>{{ number_format($payrollGenerate->total_deduction, 2) }}</p>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Gross Salary ($)</label>
                                <p>{{ number_format($payrollGenerate->gross_salary, 2) }}</p>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Tax ($)</label>
                                <p>{{ number_format($payrollGenerate->tax, 2) }}</p>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label fw-bold">Net Salary ($)</label>
                                <p>{{ number_format($payrollGenerate->net_salary, 2) }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-5">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">Earnings</h6>
                        @if ($earnings->isNotEmpty())
                            <table class="table table-bordered table-sm table bordered-table sm-table mb-0">
                                <thead>
                                    <tr>
                                        <th>Description</th>
                                        <th>Amount ($)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($earnings as $earning)
                                        <tr>
                                            <td>{{ $earning->type_name }}</td>
                                            <td>{{ number_format($earning->amount, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @else
                            <p>No earnings recorded.</p>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">Deductions</h6>
                        @if ($deductions->isNotEmpty())
                            <table class="table table-bordered table-sm table bordered-table sm-table mb-0">
                                <thead>
                                    <tr>
                                        <th>Description</th>
                                        <th>Amount ($)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($deductions as $deduction)
                                        <tr>
                                            <td>{{ $deduction->type_name }}</td>
                                            <td>{{ number_format($deduction->amount, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @else
                            <p>No deductions recorded.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection