@extends('layouts.app')

@section('title', 'Invoice - ' . $transaction->transaction_number)
@section('page-title', 'Invoice ' . $transaction->transaction_number)

@section('page-actions')
<div class="btn-toolbar mb-2 mb-md-0">
    <a href="{{ route('public-restaurant.cashier') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left me-2"></i>Kembali ke Kasir
    </a>
    <a href="{{ route('public-restaurant.print-invoice', $transaction) }}" class="btn btn-primary" target="_blank">
        <i class="fas fa-print me-2"></i>Print Struk
    </a>
</div>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-receipt me-2"></i>Invoice Pembayaran
                </h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h5 class="text-primary">Hotel Restaurant</h5>
                        <p class="mb-1">Jl. Contoh No. 123, Jakarta</p>
                        <p class="mb-1">Telp: (021) 1234-5678</p>
                        <p class="mb-0">Email: info@hotelrestaurant.com</p>
                    </div>
                    <div class="col-md-6 text-end">
                        <h6 class="text-primary">Invoice Details</h6>
                        <p class="mb-1"><strong>No. Transaksi:</strong> {{ $transaction->transaction_number }}</p>
                        <p class="mb-1"><strong>Tanggal:</strong> {{ $transaction->created_at->format('d/m/Y H:i') }}</p>
                        <p class="mb-1"><strong>Meja:</strong> {{ $transaction->restaurantTable->table_number }}</p>
                        <p class="mb-0"><strong>Kasir:</strong> {{ $transaction->cashier->name }}</p>
                    </div>
                </div>

                <hr>

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Menu</th>
                                <th>Qty</th>
                                <th>Harga Satuan</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($transaction->orders as $order)
                            <tr>
                                <td>
                                    <div>
                                        <strong>{{ $order->restaurantMenu->name }}</strong>
                                        @if($order->notes)
                                            <br><small class="text-muted">{{ $order->notes }}</small>
                                        @endif
                                    </div>
                                </td>
                                <td>{{ $order->quantity }}</td>
                                <td>Rp {{ number_format($order->unit_price, 0, ',', '.') }}</td>
                                <td>Rp {{ number_format($order->total_price, 0, ',', '.') }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title">Informasi Pembayaran</h6>
                                <p class="mb-1"><strong>Metode:</strong> {{ ucfirst(str_replace('_', ' ', $transaction->payment_method)) }}</p>
                                <p class="mb-1"><strong>Status:</strong> 
                                    <span class="badge bg-success">Lunas</span>
                                </p>
                                <p class="mb-0"><strong>Waktu Bayar:</strong> {{ $transaction->paid_at->format('d/m/Y H:i') }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title">Ringkasan Pembayaran</h6>
                                <div class="d-flex justify-content-between">
                                    <span>Subtotal:</span>
                                    <span>Rp {{ number_format($transaction->subtotal, 0, ',', '.') }}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span>Pajak (10%):</span>
                                    <span>Rp {{ number_format($transaction->tax_amount, 0, ',', '.') }}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span>Service Charge (5%):</span>
                                    <span>Rp {{ number_format($transaction->service_charge, 0, ',', '.') }}</span>
                                </div>
                                <hr>
                                <div class="d-flex justify-content-between">
                                    <strong>Total:</strong>
                                    <strong>Rp {{ number_format($transaction->total_amount, 0, ',', '.') }}</strong>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span>Bayar:</span>
                                    <span>Rp {{ number_format($transaction->paid_amount, 0, ',', '.') }}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span>Kembalian:</span>
                                    <span>Rp {{ number_format($transaction->change_amount, 0, ',', '.') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @if($transaction->notes)
                <div class="mt-3">
                    <h6>Catatan:</h6>
                    <p class="text-muted">{{ $transaction->notes }}</p>
                </div>
                @endif

                <div class="text-center mt-4">
                    <p class="text-muted">Terima kasih atas kunjungan Anda!</p>
                    <p class="text-muted">Silakan datang kembali</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection