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

{{-- ! Título del apartado personalizado del encabezado --}}
@section('tituloEncabezado','DATOS DE LA FACTURA')

{{-- ! 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>Cliente: </span>
			</p>

			<p>
				<span>Dirección: </span>
			</p>

			<p>
				<span>Teléfono: </span>
			</p>

			<p>
				<span>RNC: </span>
			</p>

			<p>
				<span>NCF: </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]->id_cliente ?? ''}} {{$documento[0]->cliente ?? ''}} </span>

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

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

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

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

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

		</div>

	</div>

@endsection

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

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

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

	<p class="d-flex justify-content-between fw-bold" style="font-size: 12px">
		<span>Medio de pago</span>
		<span> {{$documento[0]->medio_pago ?? ''}} </span>
	</p>

	<p class="d-flex justify-content-between">
		<span>Usuario</span>
		<span>{{$documento[0]->usuario}}</span>
	</p>

@endsection

@section('cuerpo')

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

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

<div class="mx-3">

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

		<div class="d-flex flex-column border rounded p-2 border-black fw-bold w-25">

			<p class="d-flex justify-content-between">
				<span>Moneda</span>
				<span> {{ $documento[0]->moneda }} </span>
			</p>

			<p class="d-flex justify-content-between">
				<span>Tasa</span>
				<span> {{ $documento[0]->tasa }} </span>
			</p>

			<p class="d-flex justify-content-between">
				<span>Total Factura</span>
				<span>{{ number_format($documento[0]->monto ?? 0, 2, '.', ',') }}</span>
			</p>

		</div>

	</div>

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

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

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

	</div>

</div>

@endsection
