@extends('layout.master', [
    'activePage' => $activePage,
    'categoria' => $categoria,
    'menuParent' => $menuParent,
    'titlePage' => $titlePage
])

@push('plugin-styles')

    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
    {!! Html::style('plugins/table/datatable/datatables.css') !!}
    {!! Html::style('plugins/table/datatable/dt-global_style.css') !!}

    <style>
        .btn-excel {
            background-color: #28a745;
            color: white;
        }

        .btn-pdf {
            background-color: #007bff;
            color: white;
        }

        .text-right {
            text-align: right;
        }

        .dataTable thead th {
            color: white !important; /* Cambia el color del texto */
            background-color: #0b305d !important; /* Cambia el color de fondo */
        }
    </style>
@endpush

@section('content')
    <div>
        <div class="sub-header-container">
            <header class="header navbar navbar-expand-sm">
                <ul class="navbar-nav flex-row">
                    <li>
                        <div class="page-header">
                            <nav class="breadcrumb-one" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item active" aria-current="page">
                                        <span>DIOT</span>
                                    </li>
                                </ol>
                            </nav>
                        </div>
                    </li>
                </ul>
            </header>
        </div>
        <div class="col-lg-12">
            <form action="#" id="frm_auditoriaCli" method="post">
                <div class="statbox widget box box-shadow mb-2">
                    <div class="widget-content widget-content-area">
                        <div class="w-100">
                            <div class="form-group row pt-2">
  								<div class="col-md-2">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Desde:</label>
                                        <div class="col-sm-9">
                                           <select name="anio" class="form-control form-control-sm" id="anio">
                                           	<option value="2024">2024</option>
                                           </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Hasta:</label>
                                        <div class="col-sm-9">
                                            <select name="mes" class="form-control form-control-sm" id="mes">
                                            	<option value="1">ENERO</option>
				                                <option value="2">FEBRERO</option>
				                                <option value="3">MARZO</option>
				                                <option value="4">ABRIL</option>
				                                <option value="5">MAYO</option>
				                                <option value="6">JUNIO</option>
				                                <option value="7">JULIO</option>
				                                <option value="8">AGOSTO</option>
				                                <option value="9">SEPTIEMBRE</option>
				                                <option value="10">OCTUBRE</option>
				                                <option value="11">NOVIEMBRE</option>
				                                <option value="12">DICIEMBRE</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
 

                            </div>
                            <div class="form-group row pt-2">

                                <div class="col-md-12">
                                    <input type="submit" class="btn btn-primary btn-block mt-10" id="btn_auditoriaCli"
                                           value="Generar">
                                    <!--<button class="btn btn-primary btn-block mt-10" onclick="generar();">Generar</button>-->

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="layout-px-spacing">
        <div class="container-fluid p-0" id="repTable" style="display: none;">
        	<div class="row">
        		<div class="col-12">
        			<button class="btn btn-primary" onclick="createTXT();">DIOT TXT</button>
        		</div>
        	</div>
            <div class="row date-table-container">
                <div class="table-responsive">
                    <table class="table table-hover" style="width:100%" id="tb_auditoriaCli">
                        <thead>
                        <tr>
                        	<th>Proveedor</th>
                            <th>Tipo de Tercero</th>
                            <th>Tipo de Operacion</th>
                            <th>RFC</th>
                            <th>Numero ID Fiscal</th>
                            <th>Nombre Extranjero</th>
                            <th>Pais Residencia</th>
                            <th>Nacionalidad</th>
                            <th>Valor de los actos o actividades pagados al 15% o 16% de IVA</th>
                            <th>Valor de los actos o actividades pagados al 16% de IVA</th>
                            <th>Monto del IVA no Acreditable al 15% o 16%(Correspondiente a la proporcion de las deducciones autorizadas)</th>
                            <th>Valor de los actos o actividades pagagos al 10% u 11% de IVA</th>
                            <th>Valor de los actos o actividades pagagos al 10% de IVA</th>
                            <th>Valor de los actos o actividades pagagos sujeto al estimulo de region fronteriza norte</th>
                            <th>Monto del IVA no Acreditable al 10% o 11%(Correspondiente a la proporcion de las deducciones autorizadas)</th>
                            <th>Monto del IVA pagado no acreditable sijeto al estimulo de region fronteriza norte (Correspondiente a la proporcion de las deducciones autorizadas)</th>
                            <th>Valor de los actos o actividades pagadas en la importacion de bienes y servicios al 15% o 16% de IVA</th>
                            <th>Monto del IVA pagado no acreditable por la importacion al 15% o 16% de IVA(Correspondientes en la proporcion de las deducciones autorizadas) </th>
                            <th>Valor de los actos o actividades pagados en la importacion de bienes y servicios al 10% u 11%</th>
                            <th>Monto del IVA pagado no acreditable por la importacion  10% u 11%(Correspondientes en la proporcion de las deducciones autorizadas) </th>
                            <th>Valor de los actos o actividades pagados en la importacion de bienes y servicios por las que no se pagara el IVA (Excentos)</th>
                            <th>Valor de los demas actos o actividades pagados a la tasa del 0% de IVA</th>
                            <th>IVA retenido por el contribuyente</th>
                            <th>IVA correspondiente a las devoluciones,descuentos y bonificaciones sobre compras</th>
                    
                        </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot>
                        <tr>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <button class="btn btn-primary" onclick="back()">Regresar</button>
        </div>
    </div>
@endsection


@push('plugin-scripts')
    {{-- {!! Html::script('assets/js/loader.js') !!} --}}
    {!! Html::script('plugins/table/datatable/datatables.js') !!}
    <!--  The following JS library files are loaded to use Copy CSV Excel Print Options-->
    {!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.html5.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.print.min.js') !!}
    <!-- The following JS library files are loaded to use PDF Options-->
    {!! Html::script('plugins/table/datatable/button-ext/pdfmake.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/vfs_fonts.js') !!}

    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
@endpush

@push('custom-scripts')
    @csrf
    <script>
		function obtenerFechaYHoraActual() {
			const fechaHoraActual = new Date();
			const dia = String(fechaHoraActual.getDate()).padStart(2, '0');
			const mes = String(fechaHoraActual.getMonth() + 1).padStart(2, '0');
			const anio = fechaHoraActual.getFullYear();
			let horas = fechaHoraActual.getHours();
			const minutos = String(fechaHoraActual.getMinutes()).padStart(2, '0');
			const periodo = horas >= 12 ? 'PM' : 'AM';

			if (horas > 12) {
				horas -= 12;
			}

			const fechaHoraFormateada = `${dia}/${mes}/${anio} ${horas}:${minutos}${periodo}`;
			return fechaHoraFormateada;
		}

		function commaSeparateNumber(val) {
			/*while (/(\d+)(\d{3})/.test(val.toString())) {
				val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
			}*/
			return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN'}).format(val);
			//return '$'+val;
		}


		$("#frm_auditoriaCli").submit(function (event) {
			// debugger;
			event.preventDefault();
			$('#repTable').show();
			$('#loadingModal').modal('show');
			$('#btn_auditoriaCli').prop('disabled', true);
			var mes = $('#mes').val();
			var anio = $('#anio').val();
		
	
			

			var header = 'Empresa: {{$data["empresa"]->descripcion}} \n' +
				'Sucursal: {{$data["sucursal"]->descripcion}} \n' +
				'***AUDITORIA PROVEEDOR*** \n' + obtenerFechaYHoraActual();

			if ($.fn.DataTable.isDataTable('#tb_auditoriaCli')) {
				$('#tb_auditoriaCli').DataTable().destroy();
			}

			$('#tb_auditoriaCli').DataTable({
				lengthMenu: [10, 15, 20, 50, 100],
				language: {
					url: "{{asset('assets/material/datatable_sp.json')}}"
				},
				processing: true,
				// pageLength: 5,
				responsive: true,
				bPaginate: false,
				scrollY: '37vh',
				scrollCollapse: true,
				ajax: {
					url: "{{ url('reportes/get_diot') }}",
					type: "POST",
					data: {
						mes: mes,
						anio: anio,
					},
				},
				dom: 'Bfrtip',
				buttons: [

					{
						extend: 'excelHtml5',
						footer: true,
						text: '<a href="#" class="btn btn-excel"><i class="las la-file-excel la-lg"></i>Excel</a>',
						title: 'AUDITORIA PROVEEDOR',
						messageTop: header,
					},
				],

				columns: [{
					data: "nombre"
				},
					{
						data: "tipo_proveedor"
					},
					{
						data: "tipos_operacion_sat"
					},
					{
						data: "rfc"
					},
					{
						data: "identificacion_fiscal",render: function ( data, type, row ) {
							 if(row.tipo_proveedor!='Nacional'){
							 	return row.identificacion_fiscal;
							 }else{
							 	return '';
							 }
						}
					},
					{
						data: "denominacion",render: function ( data, type, row ) {
							 if(row.tipo_proveedor!='Nacional'){
							 	return row.nombre;
							 }else{
							 	return '';
							 }
						}
					},
					{
						data: "pais",render: function ( data, type, row ) {
							 if(row.tipo_proveedor!='Nacional'){
							 	return row.pais;
							 }else{
							 	return '';
							 }
						}
					},
					{
						data: "pais",render: function ( data, type, row ) {
							 if(row.tipo_proveedor!='Nacional'){
							 	return row.pais;
							 }else{
							 	return '';
							 }
						}
					},
					{
						data: "importe_bruto"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "cero"
					},
					{
						data: "importe_retencion_iva"
					},
					{
						data: "importe_iva"
					},
				
				
				],
				/*columnDefs: [
					{
						render: function (data, type, row) {
							return commaSeparateNumber(data);
						},
						targets: [2,3]
					},
				],*/
				/*footerCallback: function (row, data, start, end, display) {
					var api = this.api();
					let totalc2 = api.column(11).data();
					let totalc3 = api.column(12).data();
					let totalc4 = api.column(13).data();
					let totalc5 = api.column(14).data();
					//let totalc2 = api.column(5).data();
				

					var totalSum2 = totalc2.toArray().reduce(function (acc, value) {
						if (value !== null) {
							// console.log(value);
							var cleanedValue = value;
							var numValue = parseFloat(cleanedValue);
							if (!isNaN(numValue)) {
								return acc + numValue;
							} else {
								return acc;
							}
						} else {
							return acc;
						}
					}, 0);
					var totalSum3 = totalc3.toArray().reduce(function (acc, value) {
						if (value !== null) {
							// console.log(value);
							var cleanedValue = value;
							var numValue = parseFloat(cleanedValue);
							if (!isNaN(numValue)) {
								return acc + numValue;
							} else {
								return acc;
							}
						} else {
							return acc;
						}
					}, 0);
					var totalSum4 = totalc4.toArray().reduce(function (acc, value) {
						if (value !== null) {
							// console.log(value);
							var cleanedValue = value;
							var numValue = parseFloat(cleanedValue);
							if (!isNaN(numValue)) {
								return acc + numValue;
							} else {
								return acc;
							}
						} else {
							return acc;
						}
					}, 0);
					var totalSum5 = totalc5.toArray().reduce(function (acc, value) {
						if (value !== null) {
							// console.log(value);
							var cleanedValue = value;
							var numValue = parseFloat(cleanedValue);
							if (!isNaN(numValue)) {
								return acc + numValue;
							} else {
								return acc;
							}
						} else {
							return acc;
						}
					}, 0);

				

					// Formatear el resultado de la suma como valor de moneda nuevamente
					var formattedTotalSum2 = "$" + totalSum2.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
					var formattedTotalSum3 = "$" + totalSum3.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
					var formattedTotalSum4 = "$" + totalSum4.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
					var formattedTotalSum5 = "$" + totalSum5.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
				

					// Actualizar los valores en los elementos del footer
					$(api.column(11).footer()).html(formattedTotalSum2);
					$(api.column(12).footer()).html(formattedTotalSum3);
					$(api.column(13).footer()).html(formattedTotalSum4);
					$(api.column(14).footer()).html(formattedTotalSum5);

					
				}, */
				fnDrawCallback: function (oSettings) {
					setTimeout(function() { 
				        $('#repTable').show();
						$('#btn_auditoriaCli').prop('disabled', false);
						$('#loadingModal').modal('hide');
				    }, 2000);
				},
			});

		});
		function createTXT(){
			var mes = $('#mes').val()
			var anio = $('#anio').val()
			$.ajax({
				url: "{{ url('reportes/get_diot_txt') }}",
				type: 'POST',
				dataType: 'json',
				data: {mes: mes, anio: anio},
			})
			.done(function(resp) {
				console.log("success");
				file_path = resp.ruta
				var a = document.createElement('A');
				a.href = file_path;
				a.download = file_path.substr(file_path.lastIndexOf('/') + 1);
				document.body.appendChild(a);
				a.click();
				document.body.removeChild(a);
			})
			.fail(function() {
				console.log("error");
			})
			.always(function() {
				console.log("complete");
			});
			
		}
		function back() {
			$('#repTable').hide();
		}
    </script>
@endpush