@extends('client.layouts.main')

@section('title', 'Order Details')

@section('content')
<!-- Order Info -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Order #{{ $order->order_number }}</span></div>
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="col-md-3">
                <strong>Order Number</strong>
                <p>{{ $order->order_number }}</p>
            </div>
            <div class="col-md-3">
                <strong>Date</strong>
                <p>{{ $order->created_at->format('M d, Y H:i') }}</p>
            </div>
            <div class="col-md-2">
                <strong>Status</strong>
                <p>
                    @php
                        $statusColors = [
                            'pending' => 'warning',
                            'active' => 'success',
                            'completed' => 'success',
                            'cancelled' => 'default',
                            'fraud' => 'danger',
                        ];
                        $color = $statusColors[$order->status] ?? 'info';
                    @endphp
                    <span class="label label-sm label-{{ $color }}">{{ ucfirst($order->status) }}</span>
                </p>
            </div>
            <div class="col-md-2">
                <strong>Currency</strong>
                <p>{{ $order->currency_code }}</p>
            </div>
            <div class="col-md-2">
                <strong>Total</strong>
                <p class="bold">{{ number_format($order->total, 2) }}</p>
            </div>
        </div>
    </div>
</div>

<!-- Order Items -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Order Items</span></div>
    </div>
    <div class="portlet-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Description</th>
                    <th>Domain</th>
                    <th>Qty</th>
                    <th>Unit Price</th>
                    <th>Setup Fee</th>
                    <th>Total</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach($order->items as $item)
                <tr>
                    <td>{{ $item->description }}</td>
                    <td>{{ $item->domain ?? '-' }}</td>
                    <td>{{ $item->quantity }}</td>
                    <td>{{ number_format($item->unit_price, 2) }}</td>
                    <td>{{ number_format($item->setup_fee, 2) }}</td>
                    <td>{{ number_format($item->total, 2) }}</td>
                    <td><span class="label label-sm label-{{ $item->status === 'active' ? 'success' : 'default' }}">{{ ucfirst($item->status) }}</span></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<!-- Related Invoices -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Related Invoices</span></div>
    </div>
    <div class="portlet-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Invoice #</th>
                    <th>Total</th>
                    <th>Status</th>
                    <th>Due Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($order->invoices as $invoice)
                <tr>
                    <td>{{ $invoice->invoice_number }}</td>
                    <td>{{ number_format($invoice->total, 2) }}</td>
                    <td>
                        @php
                            $invColors = [
                                'paid' => 'success',
                                'unpaid' => 'warning',
                                'overdue' => 'danger',
                                'cancelled' => 'default',
                            ];
                        @endphp
                        <span class="label label-sm label-{{ $invColors[$invoice->status] ?? 'info' }}">{{ ucfirst($invoice->status) }}</span>
                    </td>
                    <td>{{ $invoice->due_date->format('M d, Y') }}</td>
                    <td>
                        <a href="{{ route('client.invoices.show', $invoice) }}" class="btn btn-sm blue">
                            <i class="fa fa-eye"></i> View
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center font-grey-mint">No invoices for this order.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection