<!DOCTYPE html>
<html>
<head>
	<title>RCV - Recibo generado</title>
	<link rel="icon" href="{{ public_path('assets/img/favicon.png') }}" type="image/x-icon">
	<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/custom.css') }}">
    <style type="text/css">
        /* Embed the Poppins font */
        @font-face {
            font-family: 'Poppins';
            src: url("{{ public_path('fonts/Poppins-Regular.ttf') }}") format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'Poppins';
            src: url("{{ public_path('fonts/Poppins-Bold.ttf') }}") format('truetype');
            font-weight: bold;
            font-style: normal;
        }

        body {
            font-family: 'Poppins', sans-serif !important;
            text-transform: uppercase;
        }
		p, td, th {
			font-size: 12px;
		}
		.azul { color:#1281c4; }
		.rojo { color:red; }
		#titulo {
			font-size: 16px;
		}
		.w100 {
			width: 100%;
		}
		.mt-40 {
			margin-top: 40px;
		}
		.thick {
			font-weight: bold;
		}
		.tabla, .tabla td, .tabla th {
			padding: 5px!important;
			border: 1px solid #000;
		}
		table {
			border-collapse: collapse;
			width: 100%;
		}
		.fondo-color {
			background-color: #E4E4E4;
		}
		.same_size {
		  position: relative;
		  float: left;
		  width: 250px;
		  height: 250px;
		  background-position: 50% 50%;
		  background-repeat: no-repeat;
		  background-size: cover;
		}
		.opc {
			font-size: 10px;
		}
	</style>
</head>
<body>

	<table class="w100">
		<tr>
			<td style="width:25%">
				<img width="50%" src="{{ public_path('assets/img/logo.png') }}" alt="Logo">
			</td>
			<td class="text-center" style="width:50%">
				<p>
					<span id="titulo" class="azul">
						VIADAMIA, S DE R.L. DE C.V.
					</span><br>
					CALLE SEGUNDA #300-4<br>
					ZONA CENTRO | C.P. 22800 | ENSENADA, B.C.<br>
					<span class="azul">
						TEL. (646) <strong>178.2211</strong>
					</span><br>
					R.F.C. <span class="azul">VIA-071123-2T0</span>
				</p>
			</td>
			<td class="text-center" style="width:25%">
				<h2 class="rojo" style="float: right;">
					<span class="azul">Recibo</span> N° {{ $r->id }}
				</h2>
			</td>
		</tr>
	</table>

	@php

		function numeroALetras($numero) {
		    $entero = floor($numero); // Parte entera
		    $decimales = round(($numero - $entero) * 100); // Parte decimal

		    $letras = convertirNumeroALetras($entero) . " PESOS";
		    if ($decimales > 0) {
		        $letras .= " CON " . convertirNumeroALetras($decimales) . " CENTAVOS";
		    }

		    return $letras;
		}

		function convertirNumeroALetras($numero) {
		    $unidad = ["", "UNO", "DOS", "TRES", "CUATRO", "CINCO", "SEIS", "SIETE", "OCHO", "NUEVE"];
		    $decena = ["", "DIEZ", "VEINTE", "TREINTA", "CUARENTA", "CINCUENTA", "SESENTA", "SETENTA", "OCHENTA", "NOVENTA"];
		    $centena = ["", "CIENTO", "DOSCIENTOS", "TRESCIENTOS", "CUATROCIENTOS", "QUINIENTOS", "SEISCIENTOS", "SETECIENTOS", "OCHOCIENTOS", "NOVECIENTOS"];

		    if ($numero == 0) return "CERO";
		    if ($numero == 100) return "CIEN";
		    if ($numero == 1000) return "MIL";

		    $texto = "";

		    // Miles
		    if ($numero >= 1000) {
		        if ($numero >= 2000) {
		            $texto .= convertirNumeroALetras(intval($numero / 1000)) . " MIL ";
		        } else {
		            $texto .= "MIL ";
		        }
		        $numero %= 1000;
		    }

		    // Centenas
		    if ($numero >= 100) {
		        $texto .= $centena[intval($numero / 100)] . " ";
		        $numero %= 100;
		    }

		    // Decenas especiales (10-19)
		    if ($numero >= 10 && $numero <= 19) {
		        $especiales = [
		            10 => "DIEZ", 11 => "ONCE", 12 => "DOCE", 13 => "TRECE", 14 => "CATORCE", 
		            15 => "QUINCE", 16 => "DIECISEIS", 17 => "DIECISIETE", 18 => "DIECIOCHO", 19 => "DIECINUEVE"
		        ];
		        $texto .= $especiales[$numero] . " ";
		        $numero = 0;
		    } elseif ($numero >= 20) { // Decenas regulares
		        $texto .= $decena[intval($numero / 10)];
		        $numero %= 10;
		        if ($numero > 0) $texto .= " Y ";
		    }

		    // Unidades
		    if ($numero > 0) {
		        $texto .= $unidad[$numero] . " ";
		    }

		    return trim($texto);
		}

		$cantidadEnLetras = numeroALetras($r->cantidad);

	@endphp

	<table class="table table-bordered w100 mt-40 tabla">
		<tr>
			<td class="thick">Recibí de</td>
			<td>{{ $r->cliente }}</td>
		</tr>
		<tr>
			<td class="thick">La cantidad de $</td>
			<td>{{ number_format($r->cantidad, 2) }} {{ $cantidadEnLetras }}</td>
		</tr>
		<tr>
			<td class="thick">Por concepto de</td>
			<td>{{ $r->concepto }}</td>
		</tr>
	</table>

	<table class="table table-bordered w100 mt-40 tabla">
	    <tr>
	        <!-- First Column with Nested Table -->
	        <td style="width:60%">
	            <span class="azul thick">RESTRICCIONES</span>
	            <table style="width: 100%; border-collapse: collapse; margin-top: 10px;">


	                <tr>
	                    <td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> No reembolsable.</td>
	                    <td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> Válido solo con la aerolínea que se compró.</td>
	                </tr>
	                <tr>
	                    <td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> Cargos por cambio más diferencia de tarifa.</td>
	                    <td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> No permite cambios de nombre.</td>
	                </tr>
	                <tr>
	                	<td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> No admiten ningún cambio, si no se usa se pierde.</td>
	                	<td class="text-uppercase opc" style="width: 50%; border: 1px solid #000;"><span class="azul">O</span> 15 kilos de equipaje <span class="azul">O</span> 25 kilos de equipaje</td>
	                </tr>
	            </table>
	        </td>

	        @php
	        	$fecha = $r->fecha;
	        	$dia = strtok($fecha, " ");
	        	$words = explode(" ", $fecha);
	        	$mes = $words[2] ?? null;
	        	$year = substr($fecha, -2);
	        @endphp

	        <!-- Second Column with Existing Nested Table -->
	        <td style="width:40%">
	            <table style="width: 100%; border-collapse: collapse;">
	                <tr>
	                    <td style="border: 1px solid #000;" colspan="1"> <span class="azul">A:</span> {{ $dia }}</td>
	                    <td style="border: 1px solid #000;" colspan="1"> <span class="azul">DE:</span> {{ $mes }}</td>
	                    <td style="border: 1px solid #000;" colspan="1"> <span class="azul">DEL 20</span>{{ $year }}</td>
	                </tr>
	                <tr>
	                	<td class="thick uppercase azul" colspan="2">
	                		Recibí
	                	</td>
	                	<td class="thick uppercase">
	                		
	                	</td>
	                </tr>
	            </table>
	        </td>
	    </tr>
	</table>

</body>
</html>