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

@section('title', 'Booking ' . ucfirst($newStatus) . ' - ' . $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;">
                    Booking {{ ucfirst($newStatus) }}
                </h2>

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

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    @if($newStatus == 'confirmed')
                        Your warehouse booking <strong>#{{ $booking->booking_code }}</strong> has been <strong>confirmed</strong>!
                    @elseif($newStatus == 'active')
                        Your warehouse booking <strong>#{{ $booking->booking_code }}</strong> is now <strong>active</strong> and your rental period has started.
                    @elseif($newStatus == 'completed')
                        Your warehouse booking <strong>#{{ $booking->booking_code }}</strong> has been marked as <strong>completed</strong>.
                    @elseif($newStatus == 'cancelled')
                        Your warehouse booking <strong>#{{ $booking->booking_code }}</strong> has been <strong>cancelled</strong>.
                    @elseif($newStatus == 'expired')
                        Your warehouse booking <strong>#{{ $booking->booking_code }}</strong> has <strong>expired</strong>.
                    @else
                        The status of your warehouse booking <strong>#{{ $booking->booking_code }}</strong> has been updated to <strong>{{ ucfirst($newStatus) }}</strong>.
                    @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($newStatus == 'confirmed') background:#3b82f6;
                        @elseif($newStatus == 'active') background:#10b981;
                        @elseif($newStatus == 'completed') background:#6b7280;
                        @elseif($newStatus == 'cancelled' || $newStatus == 'expired') background:#ef4444;
                        @else background:#f59e0b; @endif">
                        {{ ucfirst($newStatus) }}
                    </span>
                </div>

                <!-- Booking Details -->
                @include('emails.partials.booking-details', ['booking' => $booking, 'forAdmin' => false])

                @if($adminNote)
                    <div style="margin:40px 0; padding:20px; background:#f9fafb; border-left:5px solid 
                        @if($newStatus == 'confirmed') #3b82f6;
                        @elseif($newStatus == 'active') #10b981;
                        @elseif($newStatus == 'completed') #6b7280;
                        @else #ef4444; @endif; border-radius:8px;">
                        <strong style="color:#1f1f1f;">
                            @if($newStatus == 'cancelled' || $newStatus == 'expired') Reason: @else Admin Note: @endif
                        </strong>
                        <p style="margin:10px 0 0 0; color:#8a8a8a; line-height:1.6;">
                            {{ nl2br(e($adminNote)) }}
                        </p>
                    </div>
                @endif

                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:40px 0 0 0;">
                    @if($newStatus == 'confirmed' || $newStatus == 'active')
                        Thank you for choosing us!
                    @elseif($newStatus == 'completed')
                        We hope you had a great experience!
                    @elseif($newStatus == 'cancelled' || $newStatus == 'expired')
                        If you have any questions, please contact support.
                    @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