@extends('admin.layouts.app')

@section('title', 'Invoice ' . $sale->invoice_number)

@section('content')
    <style>
        .receipt-paper {
            background: #ffffff;
            color: #000000;
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 18px 16px;
            max-width: 340px;
            font-family: "Courier New", "Khmer OS", "Noto Sans Khmer", monospace, sans-serif;
            font-size: 13px;
        }
        .receipt-paper .center { text-align: center; }
        .receipt-paper .line { border-top: 1px dashed #000; margin: 8px 0; }
        .receipt-paper .row { display: flex; justify-content: space-between; gap: 8px; margin: 4px 0; }
        .receipt-paper .total { font-weight: bold; font-size: 15px; }

        @media print {
            @page { size: 80mm auto; margin: 0; }
            nav, .no-print { display: none !important; }
            body { display: block; background: #fff; }
            main { padding: 0; }
            .receipt-paper { border: none; border-radius: 0; max-width: none; width: 72mm; margin: 0 auto; padding: 10px; }
        }
    </style>

    <div class="top-actions no-print">
        <h1 style="margin:0;">Invoice {{ $sale->invoice_number }}</h1>
        <div style="display:flex; gap:8px;">
            <button type="button" class="btn secondary" onclick="window.print()">Print</button>
            <a href="{{ route('admin.sales.index') }}" class="btn secondary">Back to sales history</a>
        </div>
    </div>

    <div class="receipt-paper">
        <div class="center">
            <strong>{{ $station['name'] }}</strong>
            @if ($station['address'])<br>{{ $station['address'] }}@endif
            @if ($station['phone'])<br>Tel: {{ $station['phone'] }}@endif
        </div>

        <div class="line"></div>

        <div class="row"><span>Invoice</span><span>{{ $sale->invoice_number }}</span></div>
        <div class="row"><span>Date</span><span>{{ $sale->created_at->format('d/m/Y H:i') }}</span></div>
        <div class="row"><span>Cashier</span><span>{{ $sale->cashier->name }}</span></div>

        <div class="line"></div>

        <div class="row"><span>Pump</span><span>{{ $sale->pump->name }}</span></div>
        <div class="row"><span>Fuel</span><span>{{ $sale->pump->fuelType->name }}</span></div>
        <div class="row"><span>Liters</span><span>{{ number_format($sale->liters, 2) }}</span></div>
        <div class="row"><span>Price/L (KHR)</span><span>{{ number_format($sale->unit_price_riel, 0) }}</span></div>
<div class="row"><span>Price/L (USD)</span><span>${{ number_format($sale->unit_price, 2) }}</span></div>

        <div class="line"></div>

        <div class="row total"><span>TOTAL (KHR)</span><span>{{ number_format($sale->total_riel, 0) }}</span></div>
<div class="row total"><span>TOTAL (USD)</span><span>${{ number_format($sale->total, 2) }}</span></div>

        <div class="line"></div>

        <div class="center">Thank you</div>
    </div>

    <p class="no-print" style="margin-top:16px; font-size:13px; color:var(--text-muted);">
        <a href="{{ route('admin.stock.history', $sale->pump) }}" class="link">View {{ $sale->pump->name }} stock history</a>
        @if ($movement)
            &middot; Stock left on this pump after the sale: {{ number_format($movement->resulting_liters, 2) }}L
        @endif
    </p>
@endsection