@extends('admin.layout')

@section('title', 'Detail Pesanan')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">
        <i class="fas fa-shopping-cart me-2"></i> Detail Pesanan #{{ $order->order_number }}
    </h2>
    <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i> Kembali
    </a>
</div>

<div class="row">
    <!-- Informasi Pesanan -->
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Informasi Pesanan</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>No. Pesanan:</strong></td>
                                <td>{{ $order->order_number }}</td>
                            </tr>
                            <tr>
                                <td><strong>Tanggal:</strong></td>
                                <td>{{ $order->created_at->format('d F Y, H:i') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Status:</strong></td>
                                <td>
                                    <span class="badge bg-{{ $order->status_color }}">
                                        {{ ucfirst($order->status) }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Total:</strong></td>
                                <td><strong class="text-primary">{{ $order->formatted_total }}</strong></td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>Pembayaran:</strong></td>
                                <td>
                                    <span class="badge bg-{{ $order->payment_status_color }}">
                                        {{ ucfirst($order->payment_status) }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Metode:</strong></td>
                                <td>{{ $order->payment_method }}</td>
                            </tr>
                            @if($order->notes)
                            <tr>
                                <td><strong>Catatan:</strong></td>
                                <td>{{ $order->notes }}</td>
                            </tr>
                            @endif
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Detail Produk -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Detail Produk</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Produk</th>
                                <th>Harga</th>
                                <th>Qty</th>
                                <th>Subtotal</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($order->orderItems as $item)
                            <tr>
                                <td>
                                    <strong>{{ $item->product_name }}</strong>
                                    @if($item->product)
                                        <br><small class="text-muted">SKU: {{ $item->product->sku ?? 'N/A' }}</small>
                                    @endif
                                </td>
                                <td>{{ $item->formatted_price }}</td>
                                <td>{{ $item->quantity }}</td>
                                <td>{{ $item->formatted_subtotal }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr class="table-primary">
                                <th colspan="3">Total Pesanan</th>
                                <th>{{ $order->formatted_total }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Sidebar -->
    <div class="col-md-4">
        <!-- Informasi Customer -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Informasi Customer</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <strong>{{ $order->customer_name }}</strong>
                </div>
                <div class="mb-3">
                    <i class="fas fa-envelope me-2"></i>
                    <a href="mailto:{{ $order->customer_email }}">{{ $order->customer_email }}</a>
                </div>
                <div class="mb-3">
                    <i class="fas fa-phone me-2"></i>
                    <a href="tel:{{ $order->customer_phone }}">{{ $order->customer_phone }}</a>
                </div>
                <div class="mb-3">
                    <i class="fas fa-map-marker-alt me-2"></i>
                    <small>{{ $order->customer_address }}</small>
                </div>
            </div>
        </div>

        <!-- Update Status -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Update Status</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.orders.update-status', $order) }}" method="POST" class="mb-3">
                    @csrf
                    @method('PATCH')
                    <label class="form-label">Status Pesanan</label>
                    <select name="status" class="form-select mb-2">
                        <option value="pending" {{ $order->status == 'pending' ? 'selected' : '' }}>Pending</option>
                        <option value="confirmed" {{ $order->status == 'confirmed' ? 'selected' : '' }}>Confirmed</option>
                        <option value="cancelled" {{ $order->status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                    </select>
                    <button type="submit" class="btn btn-primary btn-sm w-100">Update Status</button>
                </form>

                <form action="{{ route('admin.orders.update-payment-status', $order) }}" method="POST">
                    @csrf
                    @method('PATCH')
                    <label class="form-label">Status Pembayaran</label>
                    <select name="payment_status" class="form-select mb-2">
                        <option value="pending" {{ $order->payment_status == 'pending' ? 'selected' : '' }}>Pending</option>
                        <option value="paid" {{ $order->payment_status == 'paid' ? 'selected' : '' }}>Paid</option>
                        <option value="failed" {{ $order->payment_status == 'failed' ? 'selected' : '' }}>Failed</option>
                        </select>
                    <button type="submit" class="btn btn-success btn-sm w-100">Update Pembayaran</button>
                </form>
            </div>
        </div>

        <!-- Aksi Lainnya -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Aksi Lainnya</h5>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    <button class="btn btn-info btn-sm" onclick="window.print()">
                        <i class="fas fa-print me-1"></i> Print Invoice
                    </button>
                    @if($order->status == 'cancelled')
                    <form action="{{ route('admin.orders.destroy', $order) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus pesanan ini?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm w-100">
                            <i class="fas fa-trash me-1"></i> Hapus Pesanan
                        </button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection