@extends('mail.notifications.layout')

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

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

@section('content')
    <div class="highlight-box highlight-box-success">
        <p class="highlight-box-text">New order received</p>
        <p class="highlight-box-subtext">Order #{{ $order->order_number }}</p>
    </div>

    <h1 class="email-title">You have a new WooCommerce order</h1>

    <p class="email-text">
        A customer placed an order on <strong>{{ $store->site_name ?? parse_url($store->site_url, PHP_URL_HOST) }}</strong>.
        Review it in Woo Manager to confirm and fulfill.
    </p>

    <div class="email-details">
        <p class="email-details-title">Order details</p>
        <div class="email-details-row">
            <p class="email-details-label">Order number</p>
            <p class="email-details-value">#{{ $order->order_number }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Store</p>
            <p class="email-details-value">{{ $store->site_name ?? $store->site_url }}</p>
        </div>
        @if($order->customer_name)
        <div class="email-details-row">
            <p class="email-details-label">Customer</p>
            <p class="email-details-value">{{ $order->customer_name }}</p>
        </div>
        @endif
        @if($order->customer_email)
        <div class="email-details-row">
            <p class="email-details-label">Email</p>
            <p class="email-details-value">{{ $order->customer_email }}</p>
        </div>
        @endif
        <div class="email-details-row">
            <p class="email-details-label">Status</p>
            <p class="email-details-value"><span class="status-badge status-info">{{ ucfirst($order->wc_status ?: 'pending') }}</span></p>
        </div>
    </div>

    @if(is_array($order->line_items) && count($order->line_items) > 0)
    <div class="email-details">
        <p class="email-details-title">Items</p>
        @foreach($order->line_items as $item)
        <div class="email-details-row">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                    <td style="color: #0f172a; font-size: 14px;">
                        {{ $item['name'] ?? 'Product' }} × {{ $item['quantity'] ?? 1 }}
                    </td>
                    <td style="color: #0f172a; font-size: 14px; text-align: right; font-weight: 600;">
                        {{ strtoupper($order->currency ?: 'GHS') }} {{ number_format(($item['total_minor'] ?? 0) / 100, 2) }}
                    </td>
                </tr>
            </table>
        </div>
        @endforeach
    </div>
    @endif

    <div style="text-align: center; padding: 24px 0; background-color: #f8fafc; border-radius: 12px; margin: 24px 0;">
        <p class="email-text-sm" style="margin-bottom: 8px;">Order total</p>
        <p class="amount-large">{{ $order->totalFormatted() }}</p>
    </div>

    <p style="text-align: center;">
        <a href="{{ $manageUrl }}" class="email-button">View orders</a>
    </p>
@endsection