@extends('layouts.main')

@section('content')
    <div class="pagetitle">
        <h1>Detail Penjualan</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('data-penjualan.index') }}">Data Penjualan</a></li>
                <li class="breadcrumb-item active">Detail</li>
            </ol>
        </nav>
    </div><!-- End Page Title -->

    <section class="section">
        <div class="row">
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Informasi Pesanan</h5>
                        
                        @php
                            $customerDetails = is_array($order->customer_details) 
                                ? $order->customer_details 
                                : json_decode($order->customer_details, true);
                            $itemsData = is_array($order->items_data) 
                                ? $order->items_data 
                                : json_decode($order->items_data, true);
                        @endphp

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <th width="120">Order ID:</th>
                                        <td><strong>#{{ $order->id }}</strong></td>
                                    </tr>
                                    <tr>
                                        <th>Reference ID:</th>
                                        <td><small class="text-muted">{{ $order->order_id }}</small></td>
                                    </tr>
                                    <tr>
                                        <th>Transaction ID:</th>
                                        <td>{{ $order->transaction_id ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Subtotal:</th>
                                        <td><strong>Rp {{ number_format($order->subtotal ?? $order->total_amount, 0, ',', '.') }}</strong></td>
                                    </tr>
                                    @if($order->promo_discount_amount > 0)
                                    <tr>
                                        <th>Diskon:</th>
                                        <td>
                                            <strong class="text-success">- Rp {{ number_format($order->promo_discount_amount, 0, ',', '.') }}</strong>
                                            @if($order->promo_code)
                                                <br><small class="badge bg-success">{{ $order->promo_code }}</small>
                                                @if($order->promo_discount_type)
                                                    <br><small class="text-muted">
                                                        Tipe: {{ ucfirst($order->promo_discount_type) }}
                                                        @if($order->promo_discount_value)
                                                            ({{ $order->promo_discount_type == 'percentage' ? $order->promo_discount_value . '%' : 'Rp ' . number_format($order->promo_discount_value, 0, ',', '.') }})
                                                        @endif
                                                    </small>
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                    @endif
                                    <tr>
                                        <th>Ongkir:</th>
                                        <td>
                                            @if($order->shipping_cost > 0)
                                                <strong>+ Rp {{ number_format($order->shipping_cost, 0, ',', '.') }}</strong>
                                            @else
                                                <span class="badge bg-success">GRATIS</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr class="table-active">
                                        <th>Total Akhir:</th>
                                        <td><strong class="text-primary fs-5">Rp {{ number_format($order->grand_total ?? $order->total_amount, 0, ',', '.') }}</strong></td>
                                    </tr>
                                    <tr>
                                        <th>Status:</th>
                                        <td>
                                            @if($order->status == 'paid')
                                                <span class="badge bg-success">Lunas</span>
                                            @elseif($order->status == 'pending')
                                                <span class="badge bg-warning">Pending</span>
                                            @elseif($order->status == 'failed')
                                                <span class="badge bg-danger">Gagal</span>
                                            @elseif($order->status == 'expired')
                                                <span class="badge bg-secondary">Expired</span>
                                            @else
                                                <span class="badge bg-secondary">{{ ucfirst($order->status) }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Status Order:</th>
                                        <td>
                                            @if($order->status_order == 'completed')
                                                <span class="badge bg-success">Selesai</span>
                                            @elseif($order->status_order == 'delivered')
                                                <span class="badge bg-info">Terkirim</span>
                                            @elseif($order->status_order == 'delivering')
                                                <span class="badge bg-primary">Dalam Pengiriman</span>
                                            @elseif($order->status_order == 'waiting_pickup')
                                                <span class="badge bg-warning">Menunggu Pickup</span>
                                            @else
                                                <span class="badge bg-secondary">{{ ucfirst(str_replace('_', ' ', $order->status_order)) }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <th width="120">Payment Method:</th>
                                        <td>
                                            <span class="badge bg-light text-dark">{{ strtoupper($order->payment_method ?? 'N/A') }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Paid At:</th>
                                        <td>{{ $order->paid_at ? $order->paid_at->format('d/m/Y H:i:s') : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Created At:</th>
                                        <td>{{ $order->created_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Updated At:</th>
                                        <td>{{ $order->updated_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    @if($courier)
                                    <tr>
                                        <th>Kurir:</th>
                                        <td>
                                            <strong>{{ $courier->name }}</strong>
                                            <br><small class="text-muted">{{ $courier->email }}</small>
                                        </td>
                                    </tr>
                                    @endif
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Items Details -->
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Detail Item Pesanan</h5>
                        
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Produk</th>
                                        <th>Variant</th>
                                        <th>Quantity</th>
                                        <th>Harga Satuan</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(is_array($itemsData))
                                        @foreach($itemsData as $item)
                                            <tr>
                                                <td>{{ $item['product_name'] ?? '-' }}</td>
                                                <td>{{ $item['variant_name'] ?? '-' }}</td>
                                                <td>{{ $item['quantity'] ?? 0 }}</td>
                                                <td>Rp {{ number_format($item['unit_price'] ?? 0, 0, ',', '.') }}</td>
                                                <td>Rp {{ number_format($item['total_price'] ?? 0, 0, ',', '.') }}</td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th colspan="4">Subtotal Item:</th>
                                        <th>Rp {{ number_format($order->subtotal ?? $order->total_amount, 0, ',', '.') }}</th>
                                    </tr>
                                    @if($order->promo_discount_amount > 0)
                                    <tr class="table-success">
                                        <th colspan="4">Diskon @if($order->promo_code)({{ $order->promo_code }})@endif:</th>
                                        <th class="text-success">- Rp {{ number_format($order->promo_discount_amount, 0, ',', '.') }}</th>
                                    </tr>
                                    @endif
                                    <tr>
                                        <th colspan="4">Ongkir:</th>
                                        <th>
                                            @if($order->shipping_cost > 0)
                                                + Rp {{ number_format($order->shipping_cost, 0, ',', '.') }}
                                            @else
                                                <span class="badge bg-success">GRATIS</span>
                                            @endif
                                        </th>
                                    </tr>
                                    <tr class="table-primary">
                                        <th colspan="4"><strong>Total Akhir:</strong></th>
                                        <th><strong class="text-primary">Rp {{ number_format($order->grand_total ?? $order->total_amount, 0, ',', '.') }}</strong></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <!-- Customer Information -->
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Informasi Customer</h5>
                        
                        <table class="table table-borderless">
                            <tr>
                                <th>Nama:</th>
                                <td>{{ ($customerDetails['first_name'] ?? '') . ' ' . ($customerDetails['last_name'] ?? '') }}</td>
                            </tr>
                            <tr>
                                <th>Email:</th>
                                <td>{{ $customerDetails['email'] ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Phone:</th>
                                <td>{{ $customerDetails['phone'] ?? '-' }}</td>
                            </tr>
                            @if(isset($customerDetails['penerima']))
                            <tr>
                                <th>Penerima:</th>
                                <td>{{ $customerDetails['penerima'] ?? '-' }}</td>
                            </tr>
                            @endif
                            @if(isset($customerDetails['detail']))
                            <tr>
                                <th>Alamat:</th>
                                <td>{{ $customerDetails['detail'] ?? '-' }}</td>
                            </tr>
                            @endif
                            @if(isset($customerDetails['nama_alamat']))
                            <tr>
                                <th>Nama Alamat:</th>
                                <td>{{ $customerDetails['nama_alamat'] ?? '-' }}</td>
                            </tr>
                            @endif
                            @if(isset($customerDetails['lat']) && isset($customerDetails['lon']))
                            <tr>
                                <th>Koordinat:</th>
                                <td>
                                    <small>{{ $customerDetails['lat'] ?? '-' }}, {{ $customerDetails['lon'] ?? '-' }}</small>
                                    @if($customerDetails['lat'] && $customerDetails['lon'])
                                        <br>
                                        <a href="https://maps.google.com/?q={{ $customerDetails['lat'] }},{{ $customerDetails['lon'] }}" 
                                           target="_blank" class="btn btn-sm btn-outline-primary mt-1">
                                            <i class="bi bi-geo-alt"></i> Lihat di Maps
                                        </a>
                                    @endif
                                </td>
                            </tr>
                            @endif
                        </table>
                    </div>
                </div>

                <!-- User Information -->
                @if($order->user)
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Informasi User Account</h5>
                        
                        <table class="table table-borderless">
                            <tr>
                                <th>User ID:</th>
                                <td>{{ $order->user->id }}</td>
                            </tr>
                            <tr>
                                <th>Nama:</th>
                                <td>{{ $order->user->name }}</td>
                            </tr>
                            <tr>
                                <th>Email:</th>
                                <td>{{ $order->user->email }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                @endif

                <!-- Midtrans Response (if available) -->
                @if($order->midtrans_response)
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Midtrans Response</h5>
                        
                        @php
                            $midtransData = is_array($order->midtrans_response) 
                                ? $order->midtrans_response 
                                : json_decode($order->midtrans_response, true);
                        @endphp
                        
                        @if(is_array($midtransData))
                            <div class="accordion" id="midtransAccordion">
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" 
                                                data-bs-toggle="collapse" data-bs-target="#collapseOne">
                                            Lihat Detail Response
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse" 
                                         data-bs-parent="#midtransAccordion">
                                        <div class="accordion-body">
                                            <pre style="font-size: 12px; max-height: 300px; overflow-y: auto;">{{ json_encode($midtransData, JSON_PRETTY_PRINT) }}</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                @endif

                <!-- Actions -->
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Aksi</h5>
                        
                        <div class="d-grid gap-2">
                            <a href="{{ route('data-penjualan.index') }}" class="btn btn-secondary">
                                <i class="bi bi-arrow-left"></i> Kembali ke List
                            </a>
                            <button class="btn btn-primary" onclick="window.print()">
                                <i class="bi bi-printer"></i> Print
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('styles')
<style>
@media print {
    .sidebar, .header, .pagetitle, .card:last-child { display: none !important; }
    .main { margin: 0 !important; padding: 0 !important; }
    .card { border: none !important; box-shadow: none !important; }
}
</style>
@endsection