@extends('pdf.layout')
@section('css')
    <style>
        #comprobante-container {
            text-align: center;
        }
        #comprobante-container > span{ 
            font-weight: bold; 
        }
        #resume{
            margin-top: 40px;
        }
        #resume div{
            margin-top: 5px;
        }
    </style>
@endsection

@section('content')
    <div id="comprobante-container">
        <span>Comprobante {{ $parametros['comprobante'] }}</span>
    </div>

    <div id="resume">
        <div>
            <span class="bold label">Bomba: </span> <span>{{ $parametros['bomba'] }}</span>
        </div>
        <div>
            <span class="bold label">Posición: </span> <span>{{ $parametros['posicion'] }}</span>
        </div>
        <div>
            <span class="bold label">Gasolinera: </span> <span>{{ $parametros['estacion'] }}</span>
        </div>
        <div>
            <span class="bold label">Despachador: </span> <span>{{ $parametros['empleado'] }}</span>
        </div>
        <div>
            <span class="bold label">Vehículo: </span> <span>{{ $parametros['unidad'] }}</span>
        </div>
        <div>
            <span class="bold label">Fecha consumo: </span> <span>{{ $parametros['fecha_consumo'] }}</span>
        </div>
        <div>
            <span class="bold label">Producto: </span> <span>{{ $parametros['producto'] }}</span>
        </div>
        <div>
            <span class="bold label">Total: </span> <span>{{ "$".number_format($parametros['monto'],2) }}</span>
        </div>
        <div>
            <span class="bold label">Litros: </span> <span>{{ number_format($parametros['litros'],2) }}</span>
        </div>
         @if($parametros['tiene_clave'] == 0)
        <div style="text-align: center; width: 300px; padding-left: 30px;" >
            <br>
            <br>
            <span class="bold label" >______________________________</span><br>
            <span class="bold label" >Firma: {{ $parametros['operador'] }}</span>
        </div>
        @else
        <div>
            <span class="bold label">Firmado electrónicamente</span>
        </div>
        @endif
        
    </div>
@endsection