@extends('aplicacion.componentes.impresion.plantilla')

{{-- ! Título del apartado personalizado del encabezado --}}
@section('tituloEncabezado','DATOS DEL DOCUMENTO')

{{-- ! Encabezado de la parte izquierda --}}
@section('encabezadoIzquierda')

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

	<p><span>La suma de:</span> <b> {{$documento[0]->monto ?? ''}} </b></p>

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

@endsection

{{-- ! Encabezado de la parte derecha --}}
@section('encabezadoDerecha')

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

	<p class="d-flex justify-content-between" style="font-size: 12px">
		<span>Cajero</span>
		<span> {{$documento[0]->cajero ?? ''}} </span>
	</p>

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

	<p class="d-flex justify-content-between" style="font-size: 12px">
		<span>Usuario </span>
		<span> {{$documento[0]->usuario ?? ''}} </span>
	</p>

@endsection

@section('cuerpo')

<h3 class="text-center">DOCUMENTOS DE CXC</h3>

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

@php

	$valores = [
		'efectivo' => (float) $documento[0]->efectivo,
		'cheque' => (float) $documento[0]->cheque,
		'tarjeta' => (float) $documento[0]->tarjeta,
		'transferencia' => (float) $documento[0]->transferencia
	]

@endphp

<div class="d-flex justify-content-between align-items-center">

  <div class="d-flex flex-column">

    <p>RECIBIDO POR:</p>

  </div>

  <div class="d-flex flex-column">

		@foreach ($valores as $campo => $valor)

			@if ($valor > 0)

			<p class="d-flex justify-content-between p-1">
				<span class="text-uppercase">{{$campo}}</sp>
				<span class="fw-bold"> ${{number_format($valor, 2, '.', ',')}} </span>
			</p>

			@endif

		@endforeach

  </div>

</div>

@endsection
