@extends('layouts.app')

@section('content')

<h2 class="mb-4 fw-bold">
    Detail Pesanan
</h2>

<div class="row">

    <div class="col-md-8">

        <div class="card shadow mb-4">

            <div class="card-header">
                Informasi Pesanan
            </div>

            <div class="card-body">

                <p><strong>Invoice :</strong> {{ $order->invoice }}</p>

                <p><strong>Customer :</strong> {{ $order->user->name }}</p>

                <p><strong>No HP :</strong> {{ $order->phone }}</p>

                <p><strong>Alamat :</strong> {{ $order->address }}</p>

                <p><strong>Pembayaran :</strong> {{ $order->payment_method }}</p>

                <p><strong>Total :</strong>

                    Rp {{ number_format($order->total,0,',','.') }}

                </p>

            </div>

        </div>

        <div class="card shadow">

            <div class="card-header">

                Produk

            </div>

            <div class="card-body">

                <table class="table">

                    <thead>

                        <tr>

                            <th>Produk</th>

                            <th>Qty</th>

                            <th>Harga</th>

                            <th>Subtotal</th>

                        </tr>

                    </thead>

                    <tbody>

                    @foreach($order->items as $item)

                        <tr>

                            <td>{{ $item->product->name }}</td>

                            <td>{{ $item->quantity }}</td>

                            <td>
                                Rp {{ number_format($item->price,0,',','.') }}
                            </td>

                            <td>
                                Rp {{ number_format($item->subtotal,0,',','.') }}
                            </td>

                        </tr>

                    @endforeach

                    </tbody>

                </table>

            </div>

        </div>

    </div>

    <div class="col-md-4">

        <div class="card shadow">

            <div class="card-header">

                Status Pesanan

            </div>

            <div class="card-body">

                <form action="{{ route('admin.orders.updateStatus',$order) }}" method="POST">

                    @csrf

                    @method('PUT')

                    <select
                        name="status"
                        class="form-select mb-3">

                        <option value="pending"
                        {{ $order->status=='pending' ? 'selected' : '' }}>
                            Pending
                        </option>

                        <option value="diproses"
                        {{ $order->status=='diproses' ? 'selected' : '' }}>
                            Diproses
                        </option>

                        <option value="dikirim"
                        {{ $order->status=='dikirim' ? 'selected' : '' }}>
                            Dikirim
                        </option>

                        <option value="selesai"
                        {{ $order->status=='selesai' ? 'selected' : '' }}>
                            Selesai
                        </option>

                    </select>

                    <button class="btn btn-primary w-100">

                        Simpan Status

                    </button>

                </form>

            </div>

        </div>

    </div>

</div>

@endsection