@extends('emails.layouts.emailTemplate.master')

@section('title', 'Extension Request ' . ucfirst($status) . ' - ' . $request->booking->booking_code)

@section('content')
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 30px 0;">
        <tr>
            <td style="background-color:#ffffff; border-radius:20px; padding:40px;">
                <h2 style="color:#1f1f1f; font-size:24px; margin:0 0 10px 0; font-weight:bold;">
                    Extension Request {{ ucfirst($status) }}
                </h2>

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    Dear {{ $request->user->name }},
                </p>

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    @if($status == 'approved')
                        Great news! Your request to extend booking <strong>#{{ $request->booking->booking_code }}</strong> has been <strong>approved</strong>.
                        Your booking is now extended until <strong>{{ $request->new_end_date->format('M d, Y') }}</strong>.
                    @elseif($status == 'rejected')
                        We regret to inform you that your request to extend booking <strong>#{{ $request->booking->booking_code }}</strong> has been <strong>rejected</strong>.
                    @elseif($status == 'escalated')
                        Your request to extend booking <strong>#{{ $request->booking->booking_code }}</strong> has been <strong>escalated</strong> for further review.
                    @else
                        The status of your extension request has been updated.
                    @endif
                </p>

                <!-- Status Badge -->
                <div style="margin: 30px 0; text-align:center;">
                    <span style="padding:12px 30px; border-radius:30px; font-weight:600; color:white; font-size:16px;
                        @if($status == 'approved') background:#10b981;
                        @elseif($status == 'rejected') background:#ef4444;
                        @elseif($status == 'escalated') background:#3b82f6;
                        @else background:#6b7280; @endif">
                        {{ ucfirst($status) }}
                    </span>
                </div>

                <!-- Extension Details -->
                <div style="margin-bottom:30px;">
                    <h3 style="margin:0 0 15px 0; color:#1f1f1f; font-size:20px;">Extension Details</h3>
                    <div style="display:flex; flex-wrap:wrap; gap:20px;">
                        <div style="flex:1; min-width:220px;">
                            <strong>Original End Date:</strong><br>
                            {{ $request->booking->end_date->format('M d, Y') }}
                        </div>
                        <div style="flex:1; min-width:220px;">
                            <strong>Requested New End Date:</strong><br>
                            {{ $request->new_end_date->format('M d, Y') }}
                        </div>
                        <div style="flex:1; min-width:220px;">
                            <strong>Extension Days:</strong><br>
                            {{ $request->extension_days }} Day(s)
                        </div>
                    </div>
                </div>

                @if($adminNotes)
                    <div style="margin:40px 0; padding:20px; background:#f9fafb; border-left:5px solid 
                        @if($status == 'approved') #10b981;
                        @elseif($status == 'rejected') #ef4444;
                        @else #3b82f6; @endif; border-radius:8px;">
                        <strong style="color:#1f1f1f;">
                            @if($status == 'approved') Admin Note:
                            @elseif($status == 'rejected') Reason for Rejection:
                            @else Admin Comment: @endif
                        </strong>
                        <p style="margin:10px 0 0 0; color:#8a8a8a; line-height:1.6;">
                            {{ nl2br(e($adminNotes)) }}
                        </p>
                    </div>
                @endif

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:40px 0 0 0;">
                    @if($status == 'approved')
                        Thank you for continuing with us!
                    @elseif($status == 'rejected')
                        Please contact support if you have questions or would like to discuss alternatives.
                    @elseif($status == 'escalated')
                        We will notify you once a decision is made.
                    @endif
                </p>

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:30px 0 0 0;">
                    Best regards,<br>
                    <strong>The {{ config('app.name') }} Team</strong>
                </p>
            </td>
        </tr>
    </table>
@endsection