@extends('emails.layout')

@section('title', 'Your Order Bill')
@section('header-subtitle', 'Thank you for your order!')

@section('content')
<h2>Order Bill</h2>

<p>Dear {{ $order->customer_name }},</p>

<p>Thank you for your order! Here is your bill for order <strong>#{{ $order->order_number }}</strong>.</p>

<table class="info-table">
    <tr>
        <th>Order Number</th>
        <td>{{ $order->order_number }}</td>
    </tr>
    <tr>
        <th>Order Date</th>
        <td>{{ $order->created_at->format('M d, Y h:i A') }}</td>
    </tr>
    <tr>
        <th>Order Type</th>
        <td>{{ ucfirst(str_replace('_', ' ', $order->order_type ?? 'Dine In')) }}</td>
    </tr>
    <tr>
        <th>Payment Method</th>
        <td>{{ ucfirst($order->payment_method ?? 'Cash') }}</td>
    </tr>
    <tr>
        <th>Payment Status</th>
        <td>
            <span class="status-badge {{ $order->payment_status === 'paid' ? 'status-confirmed' : 'status-pending' }}">
                {{ ucfirst($order->payment_status ?? 'Pending') }}
            </span>
        </td>
    </tr>
</table>

<h3 style="margin-top: 30px; color: #1f2937;">Order Details</h3>

<table class="items-table">
    <thead>
        <tr>
            <th>Item</th>
            <th style="text-align: center;">Qty</th>
            <th style="text-align: right;">Price</th>
            <th style="text-align: right;">Total</th>
        </tr>
    </thead>
    <tbody>
        @foreach($order->items as $item)
        <tr>
            <td>{{ $item->menuItem->name ?? $item->name ?? 'Item' }}</td>
            <td style="text-align: center;">{{ $item->quantity }}</td>
            <td style="text-align: right;">{{ number_format($item->unit_price ?? $item->price, 2) }}</td>
            <td style="text-align: right;">{{ number_format(($item->unit_price ?? $item->price) * $item->quantity, 2) }}</td>
        </tr>
        @endforeach
    </tbody>
</table>

<table style="width: 100%; margin-top: 10px;">
    <tr>
        <td style="text-align: right; padding: 8px 15px;">Subtotal:</td>
        <td style="text-align: right; padding: 8px 15px; width: 120px;">{{ number_format($order->subtotal, 2) }}</td>
    </tr>
    @if($order->tax_amount > 0)
    <tr>
        <td style="text-align: right; padding: 8px 15px;">Tax:</td>
        <td style="text-align: right; padding: 8px 15px;">{{ number_format($order->tax_amount, 2) }}</td>
    </tr>
    @endif
    @if($order->service_charge > 0)
    <tr>
        <td style="text-align: right; padding: 8px 15px;">Service Charge:</td>
        <td style="text-align: right; padding: 8px 15px;">{{ number_format($order->service_charge, 2) }}</td>
    </tr>
    @endif
    @if($order->delivery_charge > 0)
    <tr>
        <td style="text-align: right; padding: 8px 15px;">Delivery Charge:</td>
        <td style="text-align: right; padding: 8px 15px;">{{ number_format($order->delivery_charge, 2) }}</td>
    </tr>
    @endif
    @if($order->discount_amount > 0)
    <tr>
        <td style="text-align: right; padding: 8px 15px;">Discount:</td>
        <td style="text-align: right; padding: 8px 15px; color: #16a34a;">-{{ number_format($order->discount_amount, 2) }}</td>
    </tr>
    @endif
    <tr style="border-top: 2px solid #e5e7eb;">
        <td style="text-align: right; padding: 12px 15px; font-weight: bold; font-size: 18px;">Grand Total:</td>
        <td style="text-align: right; padding: 12px 15px; font-weight: bold; font-size: 18px; color: #16a34a;">
            {{ number_format($order->total ?? $order->grand_total, 2) }}
        </td>
    </tr>
</table>

@if($order->special_instructions)
<div class="alert-box alert-info" style="margin-top: 20px;">
    <strong>Special Instructions:</strong><br>
    {{ $order->special_instructions }}
</div>
@endif

<p style="margin-top: 30px; text-align: center; color: #6b7280;">
    We hope you enjoyed your meal! Thank you for choosing us.
</p>
@endsection