@extends('layouts.app')

@section('content')
<div style="max-width:900px;margin:auto;padding:25px;">

    <div style="background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.05);margin-bottom:20px;">
        <h2 style="color:#1f7a4c;margin-bottom:10px;">🧾 Detail Transaksi</h2>
        <p><strong>Kode Transaksi :</strong> {{ $sale->invoice_number }}</p>
        <p><strong>Tanggal :</strong> {{ \Carbon\Carbon::parse($sale->created_at)->format('d-m-Y H:i:s') }}</p>
        <p><strong>Metode Bayar :</strong> {{ strtoupper($sale->payment_method) }}</p>
    </div>

    <div style="background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.05);margin-bottom:20px;">
        <h3 style="color:#1f7a4c;margin-bottom:15px;">📦 Produk Dibeli</h3>

        <table style="width:100%;border-collapse:collapse;">
            <thead style="background:#1f7a4c;color:white;">
                <tr>
                    <th style="padding:10px;text-align:left;">Produk</th>
                    <th>Harga Satuan</th>
                    <th>Qty</th>
                    <th>Subtotal</th>
                </tr>
            </thead>
            <tbody>
                @foreach($sale->items as $item)
                @php
                    $originalPrice = $item->product->price;
                    $discountQty = $item->product->discount_qty;
                    $discountPrice = $item->product->discount_price;
                    $isDiscount = $discountQty && $item->qty >= $discountQty && $discountPrice < $originalPrice;
                @endphp
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:10px;text-align:left;">
                        {{ $item->product->name }}
                        @if($isDiscount)
                            <div style="color:red;font-size:12px;font-weight:bold;">
                                🎉 Diskon aktif (min beli {{ $discountQty }})
                            </div>
                        @endif
                    </td>
                    <td style="text-align:center;">
                        @if($isDiscount)
                            <div style="text-decoration:line-through;color:gray;font-size:13px;">
                                Rp {{ number_format($originalPrice,0,',','.') }}
                            </div>
                            <div style="color:red;font-weight:bold;">
                                Rp {{ number_format($item->price,0,',','.') }}
                            </div>
                        @else
                            Rp {{ number_format($item->price,0,',','.') }}
                        @endif
                    </td>
                    <td style="text-align:center;">{{ $item->qty }}</td>
                    <td style="text-align:center;">Rp {{ number_format($item->subtotal,0,',','.') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div style="background:#f8faf9;padding:20px;border-radius:12px;">
        <p><strong>Total Belanja:</strong> Rp {{ number_format($sale->total_amount,0,',','.') }}</p>
        <p><strong>Dibayar:</strong> Rp {{ number_format($sale->paid_amount,0,',','.') }}</p>
        <p><strong>Kembalian:</strong> Rp {{ number_format($sale->change_amount,0,',','.') }}</p>
    </div>



    <a href="/laporan"
       style="display:inline-block;margin-top:20px;background:#1f7a4c;color:white;padding:10px 16px;border-radius:6px;text-decoration:none;">
       ← Kembali ke Laporan
    </a>

</div>


</script>
@endsection