@extends('layouts.app')
@section('title', __('Ticket de vente'))

@section('content')
    <div class="mx-auto max-w-sm">
        <div class="mb-4 flex justify-between gap-2 print:hidden">
            <a href="{{ route('pos.create') }}" class="btn-primary">{{ __('New sale') }}</a>
            <a href="{{ route('pos.ticket.pdf', $sale) }}" class="btn-secondary"><x-icon name="download" class="h-4 w-4"/>{{ __('PDF') }}</a>
            <button onclick="window.print()" class="btn-secondary"><x-icon name="printer" class="h-4 w-4"/>{{ __('Print') }}</button>
        </div>

        <div class="card font-mono text-sm">
            <div class="text-center">
                <p class="text-base font-bold">{{ $sale->store->tenant->name ?? $sale->store->name }}</p>
                <p class="text-xs">{{ $sale->store->tenant->address ?? '' }}</p>
                <p class="text-xs">{{ $sale->store->tenant->phone ?? '' }}</p>
                @if ($sale->store->tenant?->tax_number)<p class="text-xs">NIF: {{ $sale->store->tenant->tax_number }}</p>@endif
            </div>
            <div class="my-3 border-t border-dashed border-slate-300"></div>
            <div class="flex justify-between"><span>{{ __('Ref') }}</span><span>{{ $sale->reference }}</span></div>
            <div class="flex justify-between"><span>{{ __('Date') }}</span><span>{{ $sale->created_at->format('d/m/Y H:i') }}</span></div>
            <div class="flex justify-between"><span>{{ __('Employee') }}</span><span>{{ $sale->employee?->name }}</span></div>
            <div class="flex justify-between"><span>{{ __('Client') }}</span><span>{{ $sale->client?->name ?? __('Walk-in') }}</span></div>
            <div class="my-3 border-t border-dashed border-slate-300"></div>

            @foreach ($sale->items as $item)
                <div class="mb-1">
                    <div>{{ $item->product_name }}</div>
                    <div class="flex justify-between text-xs text-slate-500">
                        <span>{{ $item->entered_quantity }}{{ $item->selling_mode === 'box' ? ' Boîte' : '' }} x {{ money($item->unit_price) }}@if($item->discount > 0) (-{{ money($item->discount) }})@endif</span>
                        <span>{{ money($item->line_total) }}</span>
                    </div>
                </div>
            @endforeach

            <div class="my-3 border-t border-dashed border-slate-300"></div>
            <div class="flex justify-between"><span>Subtotal</span><span>{{ money($sale->subtotal) }}</span></div>
            <div class="flex justify-between"><span>{{ __('Discount') }}</span><span>- {{ money($sale->discount) }}</span></div>
            <div class="flex justify-between"><span>TVA</span><span>{{ money($sale->vat) }}</span></div>
            <div class="flex justify-between text-base font-bold"><span>TOTAL</span><span>{{ money($sale->total) }}</span></div>
            <div class="flex justify-between"><span>{{ __('Payment') }}</span><span>{{ __(ucfirst($sale->payment_method)) }}</span></div>
            <div class="my-3 border-t border-dashed border-slate-300"></div>
            <p class="text-center text-xs">{{ $sale->store->tenant->receipt_footer ?: __('Thank you for your purchase!') }}</p>
        </div>
    </div>
@endsection