@extends('layouts.admin')
@section('menu', 'active')
@section('page_titulo', 'Dados da Factura')
@section('titulo', 'Factura #' . $edit->numero_factura)
@section('conteudo')

    <div class="container mt-4">

        <!-- BOTÕES -->
        <div class="mb-3 d-flex justify-content-between no-print">
            <h4>🧾 Factura #{{ $edit->numero_factura }}</h4>

            <div>
                <a href="{{ route('factura.index') }}" class="btn btn-dark btn-user">
                    Voltar
                </a>
                <button onclick="window.print()" class="btn btn-warning">
                    🖨️ Imprimir
                </button>

                <a href="{{ route('factura.pdf', $edit->id) }}" class="btn btn-success">
                    📄 PDF
                </a>
            </div>
        </div>

        <!-- FACTURA -->
        <div class="card p-4" id="editArea">

            <!-- HEADER -->
            <div class="text-center mb-3">
                <h5>{{ $edit->factura_empresa['nome'] }}</h5>
                <small>
                    NIF: {{ $edit->factura_empresa['nif'] }} <br>
                    {{ $edit->factura_empresa['endereco'] }} <br>
                    Tel: {{ $edit->factura_empresa['telefone'] }}
                </small>
            </div>

            <hr>

            <!-- INFO -->
            <div class="row mb-2">
                <div class="col-6">
                    <strong>Factura:</strong> {{ $edit->numero_factura }} <br>
                    <strong>Data:</strong> {{ dateAO($edit->created_at) }}
                </div>
                <div class="col-6 text-end">
                    <strong>Mesa:</strong> {{ $edit->factura_pedido['pedido_sessao']['sessao_mesa']['mesa'] }} <br>
                    <strong>Operador:</strong> {{ $edit->numero_factura }}
                </div>
            </div>

            <hr>

            <!-- ITENS -->
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Produto</th>
                        <th>Qtd</th>
                        <th>Preço</th>
                        <th>Total</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($edit->factura_produto as $item)
                        <tr>
                            <td>{{ $item['nome'] }}</td>
                            <td>{{ $item['pivot']['quantidade'] }}</td>
                            <td>{{ number_format($item['preco'], 0, ',', '.') }} Kz</td>
                            <td>{{ number_format($item['pivot']['quantidade'] * $item['preco'], 0, ',', '.') }} Kz</td>
                        </tr>

                        <!-- compostos -->
                        <!--<tr class="text-muted small">
                            <td colspan="3">+ { $opt->option->name }</td>
                            <td>{ number_format($opt->price, 0, ',', '.') } Kz</td>
                        </tr>-->
                    @endforeach
                </tbody>
            </table>

            <hr>

            <!-- TOTAIS -->
            <div class="text-end">
                <div>Subtotal: {{ number_format($edit->total_liquido, 0, ',', '.') }} Kz</div>
                <div>Desconto: {{ number_format($edit->total, 0, ',', '.') }} Kz</div>
                <div>IVA: {{ number_format($edit->total_imposto, 0, ',', '.') }} Kz</div>

                <h5 class="mt-2">
                    Total: {{ number_format($edit->total, 0, ',', '.') }} Kz
                </h5>
            </div> 

            <hr>



            <div>
                <strong>Pagamento:</strong> { $doc->payment_method } <br>
                <strong>Valor Pago:</strong> { number_format($doc->paid, 0, ',', '.') } Kz <br>
                <strong>Troco:</strong> { number_format($doc->change, 0, ',', '.') } Kz
            </div>

            <hr>

            <!-- QR -->
            <div class="center">
                {!! QrCode::size(200)->generate(url($edit->numero_factura)) !!}
                <div class="small">Valide esta factura</div>
            </div>

        </div>
    </div>
@endsection

@include('partials.datatable')