@extends('admin.layout')

@section('title', 'Detail Produk - ' . $product->name)

@section('content')
<div class="admin-product-detail-page">
    <section class="admin-section-header admin-product-detail-header">
        <div>
            <a href="{{ route('admin.products.index') }}" class="admin-order-back-link">← Semua Produk</a>
            <span class="admin-page-eyebrow">Product Detail</span>
            <h1 class="admin-section-title font-display">Detail <span>{{ $product->name }}</span></h1>
            <p class="admin-section-description">Informasi produk dalam mode baca tanpa masuk ke formulir pengeditan.</p>
        </div>

        <div class="admin-product-detail-actions">
            @if ($product->type !== 'manual')
                <a href="{{ route('admin.stock.index', $product) }}" class="admin-button admin-button-ghost">Kelola Stok</a>
            @endif
            <a href="{{ route('admin.products.edit', $product) }}" class="admin-button admin-button-primary">Edit Produk</a>
        </div>
    </section>

    <section class="admin-product-detail-hero">
        <div class="admin-product-detail-media">
            @if ($product->image_path)
                <img src="{{ $product->image_url }}" alt="{{ $product->name }}">
            @else
                <span>{{ mb_strtoupper(mb_substr($product->name, 0, 1)) }}</span>
            @endif
        </div>

        <div class="admin-product-detail-identity">
            <div class="admin-product-detail-badges">
                <span class="admin-status-pill {{ $product->is_active ? 'is-success' : 'is-neutral' }}"><span></span>{{ $product->is_active ? 'Aktif' : 'Nonaktif' }}</span>
                <span class="admin-product-category">{{ $product->category?->name ?? 'Tanpa kategori' }}</span>
                @if ($product->is_featured)
                    <span class="admin-featured-pill is-featured">Pilihan Homepage</span>
                @endif
            </div>

            <h2 class="font-display">{{ $product->name }}</h2>
            <p>{{ filled($product->description) ? $product->description : 'Belum ada deskripsi produk.' }}</p>

            <a href="{{ route('storefront.show', $product->public_id) }}" target="_blank" rel="noopener" class="admin-entity-link admin-product-storefront-link">
                Buka halaman produk di storefront ↗
            </a>
        </div>
    </section>

    <section class="admin-product-detail-stats">
        <article>
            <span>{{ $product->hasVariants() ? 'Harga Mulai' : 'Harga' }}</span>
            <strong class="font-figures">Rp {{ number_format($product->salePrice(), 0, ',', '.') }}</strong>
        </article>
        <article>
            <span>Tipe Stok</span>
            <strong>{{ $product->stockTypeLabel() }}</strong>
        </article>
        <article>
            <span>Fulfillment</span>
            <strong>{{ $product->fulfillmentLabel() }}</strong>
        </article>
        <article>
            <span>Total Order</span>
            <strong class="font-figures">{{ number_format($product->orders_count, 0, ',', '.') }}</strong>
        </article>
        <article>
            <span>Stok Tersedia</span>
            @if ($product->type === 'manual')
                <strong>Manual</strong>
            @else
                <a href="{{ route('admin.stock.index', $product) }}" class="admin-entity-link font-figures">
                    {{ number_format($availableStock, 0, ',', '.') }} {{ $product->usesRobuxBalance() ? 'Robux' : strtolower($product->unitLabel()) }}
                </a>
            @endif
        </article>
        <article>
            <span>Lewat 5 Hari</span>
            @if ($product->usesUniqueStock())
                <a href="{{ route('admin.stock.index', ['product' => $product, 'status' => 'available', 'age' => 'stale']) }}" class="admin-entity-link {{ $staleStock > 0 ? 'is-warning' : '' }} font-figures">
                    {{ number_format($staleStock, 0, ',', '.') }} item
                </a>
            @else
                <strong>Tidak berlaku</strong>
            @endif
        </article>
    </section>

    <section class="admin-product-detail-grid">
        <article class="admin-product-detail-panel">
            <header>
                <span class="admin-panel-eyebrow">Configuration</span>
                <h2 class="admin-panel-title font-display">Konfigurasi Produk</h2>
            </header>

            <div class="admin-product-detail-list">
                <div><span>ID Publik</span><strong class="font-figures">{{ $product->public_id }}</strong></div>
                <div><span>Slug</span><strong class="font-figures">{{ $product->slug }}</strong></div>
                <div><span>Kebijakan Biaya Legacy</span><strong>{{ $product->fee_payer === 'buyer' ? 'Pembeli' : 'Toko' }}</strong></div>
                <div><span>Gateway Aktif</span><strong>{{ match($activePaymentGateway) { 'belibayar' => 'Belibayar', 'binderpay' => 'BinderPay', 'dompetx' => 'DompetX (legacy)', default => 'Pakasir (legacy)' } }}</strong></div>
                <div><span>Batas Isi Ulang</span><strong class="font-figures">{{ number_format($product->low_stock_threshold, 0, ',', '.') }}</strong></div>
                @if ($product->type === 'manual')
                    <div><span>Ketersediaan Manual</span><strong>{{ $product->is_stock_available ? 'Tersedia' : 'Habis' }}</strong></div>
                @endif
            </div>
        </article>

        <article class="admin-product-detail-panel">
            <header>
                <span class="admin-panel-eyebrow">Delivery Data</span>
                <h2 class="admin-panel-title font-display">Field Pengiriman</h2>
            </header>

            @if ($product->requiresManualFulfillment())
                <p class="admin-product-detail-empty">Produk ini diproses langsung oleh admin dan tidak memakai payload stok otomatis.</p>
            @elseif (filled($product->delivery_schema))
                <div class="admin-product-schema-list">
                    @foreach ($product->delivery_schema as $field)
                        <span>{{ ucwords(str_replace('_', ' ', $field)) }}</span>
                    @endforeach
                </div>
            @else
                <p class="admin-product-detail-empty">Belum ada field pengiriman yang dikonfigurasi.</p>
            @endif
        </article>
    </section>

    @if ($product->variants->isNotEmpty())
        <section class="admin-product-detail-panel">
            <header>
                <span class="admin-panel-eyebrow">Variants</span>
                <h2 class="admin-panel-title font-display">{{ $product->variant_option_name ?: 'Variant Produk' }}</h2>
            </header>
            <div class="admin-product-detail-list">
                @foreach ($product->variants as $variant)
                    <div>
                        <span>{{ $variant->name }}@if ($variant->description) · {{ $variant->description }}@endif</span>
                        <strong class="font-figures">@if ($product->usesRobuxBalance()){{ number_format($variant->robux_amount, 0, ',', '.') }} Robux · @endif Rp {{ number_format($variant->price, 0, ',', '.') }} · {{ $variant->is_active ? 'Aktif' : 'Nonaktif' }}</strong>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    @if (!empty($product->checkout_schema))
        <section class="admin-product-detail-panel">
            <header>
                <span class="admin-panel-eyebrow">Checkout Data</span>
                <h2 class="admin-panel-title font-display">Field Checkout Tambahan</h2>
            </header>
            <div class="admin-product-detail-list">
                @foreach (collect($product->checkout_schema)->filter(fn ($field) => is_array($field)) as $field)
                    <div>
                        <span>{{ $field['label'] ?? $field['key'] }}</span>
                        <strong>{{ ($field['required'] ?? true) ? 'Wajib' : 'Opsional' }} · {{ $field['type'] ?? 'text' }}</strong>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    <section class="admin-product-detail-panel">
        <header class="admin-product-detail-panel-heading">
            <div>
                <span class="admin-panel-eyebrow">Recent Transactions</span>
                <h2 class="admin-panel-title font-display">Order Terbaru</h2>
            </div>
            <a href="{{ route('admin.orders.index') }}" class="admin-entity-link">Buka daftar order</a>
        </header>

        @if ($product->orders->isEmpty())
            <p class="admin-product-detail-empty">Belum ada order untuk produk ini.</p>
        @else
            <div class="admin-product-order-list">
                @foreach ($product->orders as $order)
                    <a href="{{ route('admin.orders.show', $order) }}" class="admin-product-order-row">
                        <span>
                            <strong class="font-figures">{{ $order->public_token }}</strong>
                            <small>{{ $order->customer_name }}</small>
                        </span>
                        <span>
                            @include('partials.status-stamp', ['status' => $order->status])
                            <small class="font-figures">{{ $order->created_at->format('d M Y H:i') }} WIB</small>
                        </span>
                    </a>
                @endforeach
            </div>
        @endif
    </section>
</div>
@endsection