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

@php
	$titulo = '';
	$izquierda = [];
	$derecha = [];
	$tipo_reporte = ''
@endphp

@foreach ($documento as $campo)

	@if ($campo->campo == 'Titulo')
		@php
			$titulo = $campo->valor
		@endphp
	@elseif ($campo->campo == 'tipo_reporte')
		@php
			$tipo_reporte = $campo->valor
		@endphp
	@elseif ($campo->alineacion == 'izquierda')
		@php
			$izquierda[] = $campo;
		@endphp
	@elseif ($campo->alineacion == 'derecha')
		@php
		$derecha[] = $campo;
		@endphp
	@endif

@endforeach

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

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

	<input type="text" id="tipo_reporte" value="{{$tipo_reporte}}" hidden>

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

		<div class="d-flex flex-column">
			@foreach ($izquierda as $campo)

			<p class="campo" style="font-size: {{$campo->tamano}}"> {{$campo->campo}} </p>

			@endforeach
		</div>

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

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

			@foreach ($izquierda as $campo)

			<p class="valor" style="font-size: {{$campo->tamano}}"> {{$campo->valor}} </p>

			@endforeach

		</div>

	</div>

@endsection

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

	@foreach ($derecha as $campo)

	<p class="d-flex justify-content-between {{ isset($campo->negrita) ? '' : 'fw-bold' }}" style="font-size:{{$campo->tamano}}">
		<span class="campo">{{$campo->campo}}</span>
		<span class="valor"> {{$campo->valor}} </span>
	</p>

	@endforeach

@endsection

@section('cuerpo')

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

@endsection
