@extends('layouts.logeado')

@section('sub_title', 'Agencias')

@section('sub_content')
	<div class="card">
		<div class="card-body">
					@if($errors->first('sql') != null)
					<div class="alert alert-danger" style="margin:5px 0">
						<h6>{{$errors->first('sql')}}</h6>
					</div>				
					@endif
			<div class="table-responsive" id="listar" style="min-height: 500px">
				<table class="table  table-bordered" id="tab_listar" style="table-layout: fixed">
					<thead>
						<tr>
							<th>Nombre</th>
							<th>Nro. Identificación</th>
							<th>Dirección</th>
							<th>Teléfono</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($empresas as $empresa)
							<tr>
								<td>@if (Auth::user()->id == 119)
									Provisional administrativo								
								@else
									{{ $empresa->NOMBRE }}
								@endif
								</td>
								<td>{{ $empresa->NRO_IDENTIFICACION }}</td>
								<td>{{ $empresa->DIRECCION }}</td>
								<td>{{ $empresa->TELEFONO }}</td>
								<td>
									@php
										$contratos = count($empresa->tercero->contratovale);
									@endphp
									<a href="{{ route('empresas.editar', ['agencia' => $empresa->TERCERO . "_" . $empresa->CODIGO]) }}" class="btn btn-warning btn-sm">Actualizar</a>
									@if ($empresa->tercero->TERCERO == 435)
										<button value="/empresa/avianca/exportarvales/{{$empresa->TERCERO}}_{{$empresa->CODIGO}}" class="btn btn-success btn-sm">Exportar vales</button>
										<button class="btn btn-sm btn-dark" onclick="abrirFormato();">Formato General</button>
									@elseif($empresa->tercero->TERCERO == 3408)
										<button value="/empresa/avianca/exportarvales/{{$empresa->TERCERO}}_{{$empresa->CODIGO}}" class="btn btn-success btn-sm">Exportar vales</button>
										<button class="btn btn-sm btn-dark" onclick="abrirProgramacion();">Programación</button>
									@else
										<button value="{{ route('empresas.valesAgenciaEmpresa', ['agencia' => $empresa->TERCERO . "_" . $empresa->CODIGO]) }}" class="btn btn-success btn-sm">Exportar vales</button>							
									@endif
									@if ($empresa->tercero->TERCERO == 784)
										<a href="{{ route('empresas.rutas', ['contrato' => $empresa->tercero->contratovale[$contratos-1]->CONTRATO_VALE]) }}" class="btn btn-primary btn-sm">Tarifas</a>
										<button type="button"
										class="btn btn-sm btn-dark"
										data-toggle="modal" 
										data-target="#modalPetro"
										data-form-action="/empresas/{{ $empresa->TERCERO }}/{{ $empresa->CODIGO }}/exportar/registros"
										data-modal-title="Exportar Vales -> {{ $empresa->NOMBRE }}">
										<i class="fa fa-car" aria-hidden="true"></i> Exportar Registros
									</button>
									@endif	
								</td>
							</tr>
						@endforeach							
					</tbody>
				</table>				
			</div>
		</div>
	</div>
@endsection
@section('modal')
	<div id="Modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Modal" aria-hidden="true">
		<div class="modal-dialog" style="min-width: 50%">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Formato General Avianca</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<form id="formtrans" action="/servicios/avianca/formato_general" method="POST">
				<div class="modal-body">
					<div class="row">
						<div class="col-md-4">
							<label for="fechaini" class="label-required">Fecha Inicial</label>                         
						</div>
						<div class="col-md-8">
							<input type="date" name="fechaini" id="fechaini" class="form-control" required>	
						</div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-4">
							<label for="fechafin" class="label-required">Fecha final</label>                         
						</div>
						<div class="col-md-8">
							<input type="date" name="fechafin" id="fechafin" class="form-control" required>
						</div>
					</div>
					<br>
				</div>
				<div class="modal-footer">
					<input type="hidden" name="_token" value="{{csrf_token()}}">
					<button type="submit" class="btn btn-dark">Guardar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
				</div>
				</form>
			</div>
		</div>
	</div>
	<div id="modalPetro" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalPetroLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" style="min-width: 50%">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title text-sm-center" id="modalPetroTitulo">Exportar Vales</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<form id="modalPetroExportForm" action="">
					@csrf
					<div class="modal-body">
						<div class="row">
							<div class="col-md-4">
								<label for="fechaInicio" class="label-required">Fecha Inicio</label>
							</div>
							<div class="col-md-8">
								<input name="fechaInicio" id="fechaInicio" type="date" class="form-control" required>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4">
								<label for="fechaFin" class="label-required">Fecha Fin</label>
							</div>
							<div class="col-md-8">
								<input name="fechaFin" id="fechaFin" type="date" class="form-control" required>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-dark ajax-submit">Guardar</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="ModalProg" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Modal" aria-hidden="true">
		<div class="modal-dialog" style="min-width: 50%">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Programación Majorel</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<form id="formtrans" action="/servicios/majorel/descargar_programacion" method="GET">
				<div class="modal-body">
					<div class="row">
						<div class="col-md-4">
							<label for="fechamaj" class="label-required">Fecha</label>                         
						</div>
						<div class="col-md-8">
							<input type="date" name="fechamaj" id="fechamaj" class="form-control" required>	
						</div>
					</div>
					<br>
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-dark">Descargar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
				</div>
				</form>
			</div>
		</div>
	</div>
@endsection
@section('script')
	<script>
		$(document).on('click', '.btn-success', function(e){
			Swal.fire({
				title: '<strong>Exportando...</strong>',
				html:'<img src="/img/carga.gif" height="60 px" class="img-responsive" alt="Buscando">',
				showConfirmButton: false,
			});
			var direccion = e.target.value;	
			$.ajax({
                method: "GET",
                url: direccion
            })
            .done(function (data, textStatus, jqXHR) {

				if(data != "Sin valeras"){
					const byteCharacters = atob(data);
                	const byteNumbers = new Array(byteCharacters.length);
                	for (let i = 0; i < byteCharacters.length; i++) {
                    	byteNumbers[i] = byteCharacters.charCodeAt(i);
                	}
                	const byteArray = new Uint8Array(byteNumbers);

                	var csvFile;
                	var downloadLink;

                	filename = "Vales usados.xlsx";
                	csvFile = new Blob([byteArray], {type:'application/vnd.ms-excel'});
                	downloadLink = document.createElement("a");
                	downloadLink.download = filename;
                	downloadLink.href = window.URL.createObjectURL(csvFile);
                	downloadLink.style.display = "none";
                	document.body.appendChild(downloadLink);
                	downloadLink.click();

					Swal.close();
				}else{
					Swal.fire({
						icon: 'error',
						title: 'Error',
						text: 'No han sido creadas valeras para esta empresa'
					});
				}                             
            })
            .fail(function (jqXHR, textStatus, errorThrown) {
                Swal.fire({
					icon: 'error',
					title: 'Error',
					text: 'Error consultando la base de datos'
				});
            });         		       
		});

		function abrirFormato() {
			$("#load").hide();
			$("#Modal").modal("show");
		}

		function abrirProgramacion() {
			$("#load").hide();
			$("#ModalProg").modal("show");
		}
		// actualiza información del modalPetro según sea la valera seleccionada

		$('button[data-toggle="modal"]').on('click', function() {
				// Obtener datos del botón
				var modalId = $(this).data('modal-id');
				var formAction = $(this).data('form-action');
				var modalTitle = $(this).data('modal-title');
				// Actualizar el contenido del modal
				$('#modalPetro #modalPetroTitulo').text(modalTitle);
				$('#modalPetro #modalPetroExportForm').attr('action', formAction);
			});

		//funcion para exportar excel petrosantander 
			$(".ajax-submit").on("click", function() {
				const form = $("#modalPetroExportForm");
				const formData = new FormData(form[0]);
				const actionUrl = form.attr("action");

				$.ajax({
					type: "POST",
					url: actionUrl,
					data: formData,
					processData: false,
					contentType: false,
					xhrFields: {
						responseType: 'blob' // Indica que la respuesta será un blob
					},
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
					success: function(blob, status, xhr) {
						if (xhr.status === 200) {
							const disposition = xhr.getResponseHeader('Content-Disposition');
							const filename = disposition && disposition.split('filename=')[1].replace(/"/g, '');
							const url = window.URL.createObjectURL(blob);
							const a = document.createElement('a');
							a.href = url;
							a.download = filename || 'archivo.xlsx';
							document.body.appendChild(a);
							a.click();
							a.remove();

							Swal.fire({
								icon: 'success',
								title: 'Exportación exitosa',
								text: 'Los registros se han exportado correctamente.',
							});
						}
					},
					error: function(jqXHR, textStatus, errorThrown) {
						let errorMessage = 'No se pudo procesar la solicitud.';
						let icon='error';
						let title='Error';
						if (jqXHR.status === 404) {
							errorMessage = 'No hay registros disponibles para el período seleccionado.';
							icon='info';
							title='Información';
						} else if (jqXHR.status === 500) {
							errorMessage = 'Error interno del servidor.';
							icon='warning';
							title='Contacte al Administrador';
						}
						Swal.fire({
							icon: icon,
							title: title,
							text: errorMessage,
						});
					}
				});
			});
	</script>
@endsection