@extends('layouts.account')

@section('title', $order->order_number.' — Meatworx')
@section('account_title', 'Order '.$order->order_number)

@section('account')
<div class="mw-order-grid">
    <div class="mw-panel">
        <div class="mw-panel-head">
            <h2>Items</h2>
            <span class="mw-status mw-status-{{ $order->status }}">{{ ucfirst($order->status) }}</span>
        </div>
        @foreach($order->items as $item)
            <div class="mw-sum">
                <span>
                    @if($item->product)
                        <a href="{{ route('product.show', $item->product) }}">{{ $item->product_name }}</a>
                    @else
                        {{ $item->product_name }}
                    @endif
                    × {{ $item->quantity }}
                </span>
                <span>₹{{ number_format($item->total, 0) }}</span>
            </div>
        @endforeach
        <div class="mw-sum"><span>Subtotal</span><span>₹{{ number_format($order->subtotal, 0) }}</span></div>
        @if($order->discount_amount > 0)
            <div class="mw-sum"><span>Discount{{ $order->coupon_code ? ' ('.$order->coupon_code.')' : '' }}</span><span>−₹{{ number_format($order->discount_amount, 0) }}</span></div>
        @endif
        <div class="mw-sum"><span>Shipping</span><span>{{ $order->shipping_amount > 0 ? '₹'.number_format($order->shipping_amount, 0) : 'Free' }}</span></div>
        <div class="mw-sum total"><span>Total</span><span>₹{{ number_format($order->total, 0) }}</span></div>
        <div class="mw-account-actions">
            <form action="{{ route('account.orders.reorder', $order) }}" method="POST">
                @csrf
                <button class="mw-btn" type="submit">Reorder</button>
            </form>
            @if($order->status === 'pending')
                <form action="{{ route('account.orders.cancel', $order) }}" method="POST" onsubmit="return confirm('Cancel this order?')">
                    @csrf
                    <button class="mw-btn mw-btn-ghost" type="submit">Cancel order</button>
                </form>
            @endif
        </div>
    </div>
    <aside class="mw-panel">
        <h2>Delivery</h2>
        <p><strong>{{ $order->customer_name }}</strong><br>{{ $order->customer_phone }}<br>{{ $order->customer_email }}</p>
        <p>{{ $order->shipping_address }}<br>{{ $order->city }} {{ $order->pincode }}</p>
        <p class="mw-account-note">Payment: {{ strtoupper($order->payment_method) }}<br>Placed {{ $order->created_at->format('d M Y, h:i A') }}</p>
        @if($order->notes)
            <p class="mw-account-note">Note: {{ $order->notes }}</p>
        @endif
    </aside>
</div>
@endsection