@extends('layouts.app')
@section('title', __('app.invoice').' '.$sale->invoice_no)
@section('content')
@if(!empty($pdf_missing))<div class="alert error">{{ __('app.pdf_package_missing') }}</div>@endif
<div class="page-head no-print"><h1>{{ __('app.invoice') }}</h1><div><button class="btn" onclick="window.print()">{{ __('app.print') }}</button><a class="btn secondary" href="{{ route('sales.pdf',$sale) }}">PDF</a><a class="btn secondary" href="{{ route('sales.index') }}">{{ __('app.back') }}</a></div></div>
<div class="invoice-page invoice-{{ $settings['invoice_format'] }} paper-{{ $settings['invoice_paper'] }}" style="--invoice-primary: {{ $settings['primary_color'] }}; --invoice-accent: {{ $settings['accent_color'] }};">
    <div class="invoice-ribbon"></div>
    <div class="invoice-head">
        <div class="invoice-shop">
            @if($settings['show_logo'] && !empty($settings['shop_logo']))<img class="invoice-logo" src="{{ asset('storage/'.$settings['shop_logo']) }}" alt="Logo">@endif
            <div><h1>{{ $settings['shop_name'] }}</h1>@if($settings['invoice_header'])<p class="invoice-header-text">{{ $settings['invoice_header'] }}</p>@endif<p>{{ $settings['address'] }}</p><p>{{ $settings['phone'] }} {{ $settings['whatsapp'] ? ' | WhatsApp: '.$settings['whatsapp'] : '' }}</p>@if($settings['email'])<p>{{ $settings['email'] }}</p>@endif</div>
        </div>
        <div class="invoice-code">
            @if($settings['show_qr'] && $qr)<img src="{{ $qr }}" alt="QR" width="110">@endif
            @if($settings['show_barcode'] && $barcode)<img src="{{ $barcode }}" alt="Barcode" class="barcode-img">@endif
        </div>
    </div>
    <div class="invoice-meta"><span><b>{{ __('app.invoice') }}:</b> {{ $sale->invoice_no }}</span><span><b>{{ __('app.gregorian_date') }}:</b> {{ $sale->sale_date?->format('Y-m-d') }}</span><span><b>{{ __('app.shamsi_date') }}:</b> {{ $sale->sale_date_shamsi ?: '-' }}</span><span><b>{{ __('app.customer') }}:</b> {{ $sale->walk_in_customer_name ?: ($sale->customer->name ?? '-') }}</span><span><b>{{ __('app.phone') }}:</b> {{ $sale->walk_in_customer_phone ?: ($sale->customer->phone ?? '-') }}</span><span><b>{{ __('app.tazkira') }}:</b> {{ $sale->customer->tazkira ?? '-' }}</span><span><b>{{ __('app.currency') }}:</b> {{ $sale->currency ?? $settings['currency'] }}</span></div>
    <table class="invoice-table"><thead><tr><th>#</th><th>{{ __('app.mobile') }}</th><th>IMEI</th><th>{{ __('app.condition') }}</th><th>{{ __('app.price') }}</th></tr></thead><tbody>@foreach($sale->items as $i=>$item)<tr><td>{{ $i+1 }}</td><td>{{ $item->mobile?->title() }}</td><td>{{ $item->mobile->imei_1 ?? '-' }}</td><td>{{ $item->mobile ? __('app.'.$item->mobile->condition_status) : '-' }}</td><td>{{ number_format($item->total,2) }}</td></tr>@endforeach</tbody></table>
    <div class="invoice-total"><div><span>{{ __('app.subtotal') }}</span><b>{{ number_format($sale->subtotal,2) }} {{ $sale->currency ?? $settings['currency'] }}</b></div><div><span>{{ __('app.discount') }}</span><b>{{ number_format($sale->discount,2) }}</b></div><div class="grand"><span>{{ __('app.total') }}</span><b>{{ number_format($sale->total,2) }}</b></div><div><span>{{ __('app.paid') }}</span><b>{{ number_format($sale->paid,2) }}</b></div><div><span>{{ __('app.due') }}</span><b>{{ number_format($sale->due,2) }}</b></div></div>
    @if($settings['invoice_terms'])<div class="invoice-terms"><b>{{ __('app.invoice_terms') }}</b><p>{{ $settings['invoice_terms'] }}</p></div>@endif
    <p class="footer-text">{{ $settings['invoice_footer'] }}</p>
    <div class="signatures"><span>{{ __('app.customer_signature') }}</span><span>{{ __('app.shop_signature') }}</span></div>
</div>
@endsection