@extends('emails.layout')

@section('email-content')
<h1 class="email-title">New Order Received!</h1>
<p class="email-subtitle">You have a new order to process.</p>

<div class="email-content">
    <p>Hi {{ $order->vendor->name ?? 'Vendor' }},</p>

    <p>A new order has been placed for your products. Please review and process it at your earliest convenience.</p>

    <table class="info-table">
        <tr>
            <td>Order Number</td>
            <td>{{ $order->order_number }}</td>
        </tr>
        <tr>
            <td>Customer</td>
            <td>{{ $order->customer->name ?? 'N/A' }}</td>
        </tr>
        <tr>
            <td>Items</td>
            <td>{{ $order->items->count() }} item(s)</td>
        </tr>
        <tr>
            <td>Total</td>
            <td>${{ number_format($order->total, 2) }}</td>
        </tr>
        <tr>
            <td>Date</td>
            <td>{{ $order->created_at->format('M d, Y h:i A') }}</td>
        </tr>
    </table>

    <a href="{{ config('app.url') }}/vendor/orders/{{ $order->order_number }}" class="email-button">View Order</a>

    <div class="divider"></div>

    <p style="font-size: 14px; color: #6b7280;">Process orders quickly to maintain your vendor rating.</p>
</div>
@endsection