@extends('mail.notifications.layout')

@section('email-header')
    @include('mail.partials.brand-header', ['brand' => 'qrplus'])
@endsection

@section('email-footer')
    @include('mail.partials.brand-footer', ['brand' => 'qrplus'])
@endsection

@section('content')
    <div class="highlight-box {{ $order->fulfillment_status === 'cancelled' ? 'highlight-box-warning' : 'highlight-box-success' }}">
        <p class="highlight-box-text">{{ $icon }} Order {{ $order->fulfillmentLabel() }}</p>
        <p class="highlight-box-subtext">Order #{{ $order->id }}</p>
    </div>

    <h1 class="email-title">Your order status has been updated</h1>

    <p class="email-text">
        Hi{{ $order->customer_name ? ' ' . explode(' ', $order->customer_name)[0] : '' }},
        your order #{{ $order->id }} from
        <strong>{{ $order->qrCode?->label ?? 'the seller' }}</strong>
        is now <strong>{{ $order->fulfillmentLabel() }}</strong>.
    </p>

    @php
        $statusMessages = [
            'confirmed' => 'Great news! The seller has confirmed your order and will begin processing it shortly.',
            'preparing' => 'Your order is currently being prepared.',
            'ready'     => 'Your order is ready! Please come pick it up or expect delivery soon.',
            'delivered' => 'Your order has been delivered. Enjoy!',
            'cancelled' => 'Unfortunately your order has been cancelled. Please contact the seller for more information.',
        ];
        $statusMsg = $statusMessages[$order->fulfillment_status] ?? '';
    @endphp

    @if($statusMsg)
    <p class="email-text">{{ $statusMsg }}</p>
    @endif

    <div class="email-details">
        <p class="email-details-title">Order Summary</p>
        <div class="email-details-row">
            <p class="email-details-label">Order #</p>
            <p class="email-details-value">#{{ $order->id }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Status</p>
            <p class="email-details-value"><strong>{{ $order->fulfillmentLabel() }}</strong></p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Total Paid</p>
            <p class="email-details-value">GHS {{ number_format((float) $order->amount_ghs, 2) }}</p>
        </div>
    </div>

    <p class="email-text" style="font-size:13px;color:#6b7280;">
        Questions about your order? Contact <strong>{{ $order->qrCode?->label ?? 'the seller' }}</strong> directly.
    </p>
@endsection