@extends('layouts.main')
@section('title', 'Detail Penjualan')
@section('content')

<div class="card shadow-sm border-0" style="font-size:13px; border-radius:8px;">
    <div class="card-header bg-white d-flex justify-content-between align-items-center"
        style="border-bottom:1px solid #e5e7eb;">
        <h6 class="mb-0 fw-semibold" style="color:#111827;">
            Detail Penjualan
        </h6>
        <span style="font-size:12px; color:#6b7280;">
            #{{ $checkout->id }}
        </span>
    </div>
    <div class="card-body p-3">
        <div class="mb-3">
            <table class="table table-sm align-middle mb-0">
                <tbody>
                    <tr>
                        <th width="30%" style="color:#6b7280;">Tanggal Pemesanan</th>
                        <td>
                            {{ \Carbon\Carbon::parse($checkout->tanggal_pemesanan)->format('d-m-Y') }}
                        </td>
                    </tr>
                    <tr>
                        <th style="color:#6b7280;">User</th>
                        <td>{{ $checkout->user->name }}</td>
                    </tr>
                    <tr>
                        <th style="color:#6b7280;">Alamat</th>
                        <td style="white-space: normal;">
                            {{ $checkout->alamat_pengiriman }}
                        </td>
                    </tr>
                    <tr>
                        <th style="color:#6b7280;">Metode Pembayaran</th>
                        <td>
                            <span style="background:#eef2ff; color:#3730a3; padding:3px 8px; border-radius:4px; font-size:12px;">
                                {{ ucfirst($checkout->metode_pembayaran) }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th style="color:#6b7280;">Metode Pengiriman</th>
                        <td>
                            @if($checkout->metode_pengiriman == 'delivery')
                                <span style="background:#dbeafe; color:#1d4ed8; padding:3px 8px; border-radius:4px; font-size:12px;">
                                    Delivery Toko
                                </span>
                            @else
                                <span style="background:#f3f4f6; color:#374151; padding:3px 8px; border-radius:4px; font-size:12px;">
                                    Ambil di Toko
                                </span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th style="color:#6b7280;">Total</th>
                        <td class="fw-semibold" style="color:#16a34a;">
                            Rp {{ number_format($checkout->total_harga, 0, ',', '.') }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>
            <h6 class="fw-semibold mb-2" style="color:#111827;">
                Detail Produk
            </h6>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead style="background:#f9fafb; font-size:12px; color:#6b7280;">
                        <tr class="text-center">
                            <th width="5%">No</th>
                            <th class="text-start">Produk</th>
                            <th width="10%">Qty</th>
                            <th width="20%">Harga</th>
                            <th width="20%">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $details = $checkout->produk_details;
                            $subtotal = 0;
                        @endphp
                        @foreach ($details as $index => $detail)
                            @php
                                $totalItem = $detail['jumlah'] * $detail['harga'];
                                $subtotal += $totalItem;
                            @endphp
                            <tr style="border-bottom:1px solid #f1f5f9;">
                                <td class="text-center">{{ $index + 1 }}</td>
                                <td class="text-start">
                                    {{ $detail['nama'] }}
                                </td>
                                <td class="text-center">
                                    {{ $detail['jumlah'] }}
                                </td>
                                <td class="text-end">
                                    Rp {{ number_format($detail['harga'], 0, ',', '.') }}
                                </td>
                                <td class="text-end fw-semibold">
                                    Rp {{ number_format($totalItem, 0, ',', '.') }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr style="background:#f3f4f6;">
                            <td colspan="3"></td>
                            <td class="text-end fw-semibold">
                                Total
                            </td>
                            <td class="text-end fw-bold" style="color:#16a34a;">
                                Rp {{ number_format($subtotal, 0, ',', '.') }}
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection