{{-- resources/views/email/requisition/budget_approval_request.blade.php --}}
<x-email.layouts.base
    :subject="'Budget Approval Required: ' . $requisition->title"
    :tenant="$tenant"
    :faviconUrl="$faviconUrl"
    :tenantLogoUrl="$tenantLogo"
>

    <h1 style="color:#2a2c7e; font-size:24px; margin:0 0 16px; font-weight:600;">
        Budget Approval Required
    </h1>

    <p style="font-size:16px; margin:0 0 12px;">
        Hello {{ $approver->firstname ?? 'Finance Team' }},
    </p>

    <p style="font-size:16px; margin:0 0 32px;">
        A job requisition has completed all standard approvals and now requires <strong>your final budget sign-off</strong> before recruitment can begin.
    </p>

    <!-- Requisition Summary Card -->
    <div style="background:#f8f9fc; border-radius:12px; padding:24px; margin:32px 0; max-width:560px;">
        <h3 style="color:#2a2c7e; font-size:18px; margin:0 0 20px; font-weight:600;">
            Requisition Overview
        </h3>

        <div style="margin-bottom:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Requisition #</span>
            <span style="color:#333;">{{ $requisition->requisition_number }}</span>
        </div>

        <div style="margin-bottom:16px; padding:12px 0; background:#ffffff; border-radius:8px; padding-left:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Position Title</span>
            <span style="color:#333;">{{ $requisition->title }}</span>
        </div>

        <div style="margin-bottom:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Department</span>
            <span>{{ $requisition->department->name ?? 'N/A' }}</span>
        </div>

        <div style="margin-bottom:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Requested By</span>
            <span>{{ $requisition->creator->firstname }} {{ $requisition->creator->lastname }}</span>
        </div>

        <div style="margin-bottom:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Open Positions</span>
            <span>{{ $requisition->number_of_positions }}</span>
        </div>

        <div style="margin-bottom:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#444;">Salary Range</span>
            <span>MWK {{ number_format($requisition->budget_min ?? 0) }} – {{ number_format($requisition->budget_max ?? 0) }}</span>
        </div>

        <div style="padding:16px 0; background:#fff3cd; border-radius:8px; padding-left:16px;">
            <span style="display:inline-block; width:170px; font-weight:600; color:#856404;">Priority</span>
            <strong style="color:#d97706; text-transform:uppercase;">{{ $requisition->priority }}</strong>
        </div>
    </div>

    <!-- Approval Level -->
    <div style="background:#e3f2fd; border-left:6px solid #2196f3; padding:padding:20px; margin:40px 0; border-radius:0 12px 12px 0; max-width:560px;">
        <p style="margin:0; font-size:16px; color:#0d47a1;">
            <strong>Approval Level:</strong> {{ $budgetApproval['display_name'] }}
        </p>
    </div>

    <!-- Justification (if any) -->
    @if($requisition->justification)
        <div style="background:#f0f8ff; border-left:6px solid #2a2c7e; padding:20px; margin:40px 0; border-radius:0 12px 12px 0; max-width:560px;">
            <p style="margin:0 0 8px; font-weight:600; color:#2a2c7e;">Business Justification:</p>
            <p style="margin:0; line-height:1.7; color:#333;">{!! nl2br(e($requisition->justification)) !!}</p>
        </div>
    @endif

    <!-- Urgent Banner -->
    <div style="background:#fff3cd; border-left:6px solid #ffc107; padding:22px; margin:40px 0; border-radius:0 12px 12px 0; max-width:560px;">
        <p style="margin:0; font-size:17px; color:#856404;">
            <strong>Action Required:</strong> Please review and either <strong>approve</strong> or <strong>reject</strong> this budget request.
        </p>
        @if($budgetApproval['deadline'] ?? null)
            <p style="margin:8px 0 0; color:#d97706;">
                <strong>Deadline:</strong> {{ \Carbon\Carbon::parse($budgetApproval['deadline'])->format('l, F j, Y') }}
            </p>
        @endif
    </div>

    <!-- Approve / Reject Buttons -->
    <div style="text-align:center; margin:50px 0;">
        <div style="display:inline-block; margin:0 10px;">
            <a href="{{ $action_url }}?action=approve"
               style="display:inline-block; background:#28a745; color:#ffffff; padding:16px 40px; border-radius:8px; font-weight:600; font-size:16px; text-decoration:none;">
                Approve Budget
            </a>
        </div>

        <div style="display:inline-block; margin:0 10px;">
            <a href="{{ $action_url }}?action=reject"
               style="display:inline-block; background:#dc3545; color:#ffffff; padding:16px 40px; border-radius:8px; font-weight:600; font-size:16px; text-decoration:none;">
                Reject Budget
            </a>
        </div>
    </div>

    <p style="color:#666; margin-top:40px; text-align:center;">
        This is the final step before hiring can start.<br>
        Thank you for your prompt attention.
    </p>

    <p style="color:#666; margin-top:32px;">
        Regards
    </p>

</x-email.layouts.base>