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

{{-- ! Título del apartado personalizado del encabezado --}}
@section('tituloEncabezado','Deposito Bancario')

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

<div class="d-flex flex-row" style="line-height: 1.7">

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

		<p>
			<span>Tipo Documento: </span>
		</p>

		<p>
			<span>Fecha: </span>
		</p>

		<p>
			<span>Hora: </span>
		</p>

		<p>
			<span>Banco: </span>
		</p>

		<p>
			<span>Cta. de Banco: </span>
		</p>

		<p>
			<span>Beneficiario: </span>
		</p>

		<p>
			<span>Referencia: </span>
		</p>

		<p>
			<span>Concepto: </span>
		</p>

	</div>

	<div class="d-flex flex-column p-2"></div>

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

		<span class="fw-bold"> {{$documento[0]->tipo_documento ?? ''}} </span>

		<span class="fw-bold"> {{ \Carbon\Carbon::parse($documento[0]->fecha ?? '')->format('d/m/Y') }} </span>

		<span class="fw-bold"> {{$documento[0]->banco ?? ''}} </span>

		<span>{{$documento[0]->cuenta_banco ?? ''}}</span>

		<span class="fw-bold"> {{$documento[0]->beneficiario ?? ''}} </span>

		<span class="fw-bold"> {{$documento[0]->referencia ?? ''}} </span>

		<span class="fw-bold"> {{$documento[0]->concepto ?? ''}} </span>

	</div>

</div>

@endsection

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

@section('cuerpo')

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

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

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

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

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

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

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

	</div>

	</div>

</div>

@endsection
