<div class="d-flex justify-content-between align-items-center" style="
	border: 1px solid var(--bs-primary);
	border-top: 15px solid var(--bs-primary);
	border-radius: 5px;
	padding: 5px;
">
  <div class="d-flex flex-column">

    <p>
      <img
        class="w-25 mb-1"
        src="{{ asset('archivos/imagenes/logotipo/' . $encabezado[0]->valor . '.png') }}"
        alt="{{$encabezado[1]->valor ?? ''}}"
      />
    </p>

    <p>{{$encabezado[1]->valor}}</p>

    <p>{{$encabezado[2]->valor}}</p>

    <p>{{$encabezado[3]->valor}}</p>

    <p><b>{{$encabezado[4]->valor}}</b></p>

    <p> <span>Entregamos a: </span> <b> {{$documento[0]->id_entidad ?? ''}} {{$documento[0]->entidad ?? ''}} </b> </p>

    <p> <span>La suma de: </span> <b> {{number_format($documento[0]->monto, 2, '.', ',')}} </b></p>

    <p>	Por Concepto de: {{$documento[0]->concepto ?? ''}}</p>

  </div>

  <div class="d-flex flex-column">
    <p style="width: 200px"></p>

    <p class="d-flex justify-content-between">
      <span>Fecha</span>
      <span> {{ \Carbon\Carbon::parse($documento[0]->fecha ?? '')->format('d/m/Y') }} </span>
    </p>

    <p class="d-flex justify-content-between">
      <span>Hora</span>
      <span>{{$encabezado[8]->valor}}</span>
    </p>

    <p class="d-flex justify-content-between fw-bold" style="font-size: 14px">
      <span>Documento</span>
      <span>{{$documento[0]->id_documento ?? ''}}</span>
    </p>

    <p class="d-flex justify-content-between">
      <span>Cajero</span>
      <span>{{$documento[0]->id_cajero ?? '' . $documento[0]->cajero ?? ''}}</span>
    </p>

    <p style="height: 30px">&nbsp;</p>

    <p class="d-flex justify-content-between">
      <span>Cobrador</span>
      <span>{{$documento[0]->cobrador ?? ''}}</span>
    </p>

    <p class="d-flex justify-content-between">
      <span>Usuario</span>
      <span>{{$encabezado[9]->valor}}</span>
    </p>

  </div>
</div>


<h3 class="text-center">DOCUMENTO CXP</h3>

<div class="mx-3">

  @component('aplicacion.elementos.tabla-vieja',[
    'id' => 'tablaImpresion',
    'atributos' => 'style="pointer-events:none"'
  ])
  @endcomponent

	{{-- <div class="d-flex flex-column align-items-end">

		<span class="fs-4 text-center">{{$documento[0]->moneda}}</span>

		<p class="d-flex justify-content-between p-1">
			<span class="text-uppercase">{{$documento[0]->medio_pago}}</sp>
			<span class="fw-bold"> ${{number_format($documento[0]->monto, 2, '.', ',')}} </span>
		</p>

	</div> --}}

	<div class="d-flex flex-row gap-5 mt-4">

		<div class="border-top border-black text-center w-25"> <span class="fs-6"> Recibido Por </span> </div>

		<div class="border-top border-black text-center w-25"> <span class="fs-6"> Realizado Por </span> </div>

	</div>

</div>

</div>





