@extends('layouts.app')
@section('htmlheader_title')
{{ __('adminlte::message.solsertitle') }}
@endsection
@section('contentheader_title')
<span style="background-image: linear-gradient(40deg, #d4fc79, #00C851); padding-right:30vw; position:relative; overflow:hidden;">
	Express-Documentos
  <div style="background-color:#ecf0f5; position:absolute; height:145%; width:40vw; transform:rotate(30deg); right:-20vw; top:-45%;"></div>
</span>
@endsection
@section('main-content')
	<div class="container-fluid spark-screen">
		<div class="row">
			<div class="col-md-16 col-md-offset-0">
				<div class="box">
					<div class="box-header with-border">
						{{-- <a href="/solicitud-servicio/{{$SolicitudServicio->SolSerSlug}}/documentos/create" class="btn btn-success"><i class="fas fa-file-contract"></i> Añadir Certificado</a> --}}
						{{-- <a disabled href="" class="btn btn-success"><i class="fas fa-file-invoice"></i> Añadir Manifiesto</a> --}}
					</div>
					<div class="box-body">
						<div id="ModalStatus"></div>
						<table class="table table-compact table-bordered table-striped">
							<thead>
								<th>Fecha recepción</th>
								@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
									<th>Cliente</th>
									<th># RM</th>
								@endif
								<th>Servicio</th>
								<th>Tratamiento</th>
								<th># Documento</th>
								<th>Observación</th>
								<th>Archivo</th>
								@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
									<th>Aprobación Director Planta</th>
									<th>Aprobación Logística</th>
									<th>Aprobación Operaciones</th>
								@endif
								@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
									<th>Ver</th>
								@endif
								@if(in_array(Auth::user()->UsRol, Permisos::SIGNMANIFCERT))
									<th>Aprobar</th>
								@endif
								@if(in_array(Auth::user()->UsRol, Permisos::SolSerCertifi) || in_array(Auth::user()->UsRol2, Permisos::SolSerCertifi))
									<th>{{__('adminlte::message.solserstatuscertifi')}}</th>
								@endif
								<th>Actualizado el:</th>
							</thead>
							<tbody>
								@foreach($certificados as $certificado)
								<tr>
									<td>{{date('Y/m/d', strtotime($SolicitudServicio->recepcion))}}</td>
									@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
										<td class="text-center">{{$SolicitudServicio->cliente->CliName}}</td>
										<td class="text-center">{{$certificado->CertNumRm}}</td>
									@endif
									<td>{{$certificado->FK_CertSolser}}</td>
									<td>{{$certificado->tratamiento->TratName}}</td>
									<td class="text-center">
										@switch($certificado->CertType)
											@case(0)
												{{$certificado->CertNumero}}
												@break
											@case(1)
												{{$certificado->CertManifNumero}}
												@break
											@case(2)
												{{$certificado->CertNumeroExt}}
												@break
											@default
												{{$certificado->ID_Cert}}
										@endswitch
									</td>
									<td>{{$certificado->CertObservacion}}</td>
									@switch($certificado->CertType)
										@case(0)
											@if($certificado->CertSrc!=="CertificadoDefault.pdf")
												@php
													$_seCertPath = storage_path('app/public/certificadoExpress/'.$certificado->CertSrc);
													$_seCertImg = public_path('img/Certificados/'.$certificado->CertSrc);
												@endphp
												<td class="text-center"><a method='get' href='{{ file_exists($_seCertPath) ? asset('storage/certificadoExpress/'.$certificado->CertSrc).'?v='.filemtime($_seCertPath) : asset('img/Certificados/'.$certificado->CertSrc).'?v='.(file_exists($_seCertImg) ? filemtime($_seCertImg) : time()) }}' target='_blank' class='btn btn-success'><i class='fas fa-file-contract fa-lg'></a></td>
											@else
												<td class="text-center"><a disabled method='get' href='/img/CertificadoDefault.pdf' class='btn btn-default'><i class='fas fa-file-contract fa-lg'></a></td>
											@endif
											@break
										@case(1)
											@if($certificado->CertSrcManif!=="CertificadoDefault.pdf")
												@php
													$_seManifName = ($certificado->CertSrc !== 'CertificadoDefault.pdf') ? $certificado->CertSrc : $certificado->CertSrcManif;
													$_seManifPath = storage_path('app/public/manifiestosExpress/'.$_seManifName);
													$_seManifImg = public_path('img/Manifiestos/'.$_seManifName);
												@endphp
												<td class="text-center"><a method='get' href='{{ file_exists($_seManifPath) ? asset('storage/manifiestosExpress/'.$_seManifName).'?v='.filemtime($_seManifPath) : asset('img/Manifiestos/'.$_seManifName).'?v='.(file_exists($_seManifImg) ? filemtime($_seManifImg) : time()) }}' target='_blank' class='btn btn-primary'><i class='far fa-file-alt fa-lg'></a></td>
											@else
												<td class="text-center"><a disabled method='get' href='/img/CertificadoDefault.pdf' target='_blank' class='btn btn-default'><i class='far fa-file-alt fa-lg'></a></td>
											@endif
											@break
										@case(2)
											@if($certificado->CertSrcExt!=="CertificadoDefault.pdf")
												@php($_seExtImg = public_path('img/CertificadosEXT/'.$certificado->CertSrcExt))
												<td class="text-center"><a method='get' href='/img/CertificadosEXT/{{$certificado->CertSrcExt}}?v={{ file_exists($_seExtImg) ? filemtime($_seExtImg) : time() }}' target='_blank' class='btn btn-warning'><i class='far fa-file-alt fa-lg'></a></td>
											@else
												<td class="text-center"><a disabled method='get' href='/img/CertificadoDefault.pdf' target='_blank' class='btn btn-default'><i class='far fa-file-alt fa-lg'></a></td>
											@endif
											@break
										@default
									@endswitch
									@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
										<td class="text-center" id="AD{{$certificado->CertSlug}}">
											@switch($certificado->CertAuthDp)
												@case(0)
													<p>Pendiente</p>
													@break

												@case(1)
													<i class='fas fa-signature fa-lg'></i>
													<p>Director de Planta</p>
													@break

												@case(2)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Logística</p>
													@break

												@case(3)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Operaciones</p>
													@break

												@case(4)
													<i class='fas fa-signature fa-lg'></i>
													<p>Supervisor de Turno</p>
													@break

												@case(5)
													<i class='fas fa-signature fa-lg'></i>
													<p>Ingeniero HSEQ</p>
													@break

												@case(6)
													<i class='fas fa-signature fa-lg'></i>
													<p>Asistente de Logística</p>
													@break

												@case(7)
													<i class='fas fa-signature fa-lg'></i>
													<p>Programador</p>
													@break

												@default
												<p>Error en Firma Digital</p>
											@endswitch
										</td>
										<td class="text-center" id="AL{{$certificado->CertSlug}}">
											@switch($certificado->CertAuthJl)
												@case(0)
													<p>Pendiente</p>
													@break

												@case(1)
													<i class='fas fa-signature fa-lg'></i>
													<p>Director de Planta</p>
													@break

												@case(2)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Logística</p>
													@break

												@case(3)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Operaciones</p>
													@break

												@case(4)
													<i class='fas fa-signature fa-lg'></i>
													<p>Supervisor de Turno</p>
													@break

												@case(5)
													<i class='fas fa-signature fa-lg'></i>
													<p>Ingeniero HSEQ</p>
													@break

												@case(6)
													<i class='fas fa-signature fa-lg'></i>
													<p>Asistente de Logística</p>
													@break

												@case(7)
													<i class='fas fa-signature fa-lg'></i>
													<p>Programador</p>
													@break

												@default
												<p>Error en Firma Digital</p>
											@endswitch
										</td>
										<td class="text-center" id="AO{{$certificado->CertSlug}}">
											@switch($certificado->CertAuthJo)
												@case(0)
													<p>Pendiente</p>
													@break

												@case(1)
													<i class='fas fa-signature fa-lg'></i>
													<p>Director de Planta</p>
													@break

												@case(2)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Logística</p>
													@break

												@case(3)
													<i class='fas fa-signature fa-lg'></i>
													<p>Jefe de Operaciones</p>
													@break

												@case(4)
													<i class='fas fa-signature fa-lg'></i>
													<p>Supervisor de Turno</p>
													@break

												@case(5)
													<i class='fas fa-signature fa-lg'></i>
													<p>Ingeniero HSEQ</p>
													@break

												@case(6)
													<i class='fas fa-signature fa-lg'></i>
													<p>Asistente de Logística</p>
													@break

												@case(7)
													<i class='fas fa-signature fa-lg'></i>
													<p>Programador</p>
													@break

												@default
												<p>Error en Firma Digital</p>
											@endswitch
										</td>
									@endif
									@if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARC))
										<td class="text-center"><a method='get' href='/certificados/{{$certificado->CertSlug}}' data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>Información Adicional</b>" data-content="<p style='width: 50%'>Puede ver la información adicional relevante para la generación del certificado </p>" class='btn fixed_widthbtn btn-info'><i class='fas fa-lg fa-search'></i></a></td>
									@endif
									@php
										$Status = ['Conciliado', 'Tratado'];
									@endphp
									@if(in_array(Auth::user()->UsRol, Permisos::SIGNMANIFCERT)&&in_array($certificado->SolicitudServicio->SolSerStatus, $Status))
										<td class="text-center">
											<button id="{{'buttonfirmarDoc'.$certificado->CertSlug}}" class='btn fixed_widthbtn btn-warning' onclick="firmarDocumento('{{$certificado->CertSlug}}')"><i class='fas fa-lg fa-file-signature'></i></button>
										</td>
									@else
										<td class="text-center">
											<button id="{{'buttonfirmarDoc'.$certificado->CertSlug}}" class='btn fixed_widthbtn btn-default' disabled><i class='fas fa-lg fa-file-signature'></i></button>
										</td>
									@endif
									@if(in_array(Auth::user()->UsRol, Permisos::SolSerCertifi) || in_array(Auth::user()->UsRol2, Permisos::SolSerCertifi))
										<td>
											<a onclick="ModalStatus('{{$certificado->SolicitudServicio->SolSerSlug}}', '{{$certificado->SolicitudServicio->ID_SolSer}}', '{{in_array($certificado->SolicitudServicio->SolSerStatus, $Status)}}', 'Certificada', 'certificar')" {{in_array($certificado->SolicitudServicio->SolSerStatus, $Status) ? '' :  'disabled'}} style="text-align: center;" class="btn btn-{{in_array($certificado->SolicitudServicio->SolSerStatus, $Status) ? 'success' : 'default'}}"><i class="fas fa-certificate"></i> {{__('adminlte::message.solserstatuscertifi')}}</a>
										</td>
									@endif
									<td>{{$certificado->updated_at}}</td>
								</tr>
								@endforeach
							</tbody>
						</table>
					</div>
					<div class="box-footer">
						<a href="/solicitud-servicio/{{$SolicitudServicio->SolSerSlug}}" class="btn btn-primary pull-right">Volver al Servicio</a>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('NewScript')
<script>
	function ModalStatus(slug, id, boolean, value, text){
		if(boolean == 1){
			$('#ModalStatus').empty();
			$('#ModalStatus').append(`
				<div class="modal modal-default fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-body">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<div style="font-size: 5em; color: #f39c12; text-align: center; margin: auto;">
									<i class="fas fa-exclamation-triangle"></i>
									<span style="font-size: 0.3em; color: black;"><p>¿Seguro(a) quiere `+text+` la solicitud <b>N° `+id+`</b>?</p></span>
									<form action="/solicitud-servicio/changestatus" method="POST" data-toggle="validator" id="SolSer">
										@csrf
										<input type="submit" id="Cambiar`+slug+`" style="display: none;">
										<input type="text" name="solserslug" value="`+slug+`" style="display: none;">
										<input type="text" name="solserstatus" value="`+value+`" style="display: none;">
									</form>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">No, salir</button>
								<label for="Cambiar`+slug+`" class='btn btn-success'>Si, acepto</label>
							</div>
						</div>
					</div>
				</div>
			`);
			$('#SolSer').validator('update');
			popover();
			envsubmit();
			$('#myModal').modal();
		}
	}
</script>
@if(in_array(Auth::user()->UsRol, Permisos::SIGNMANIFCERT))
<script>
	function renewtoken(token) {
	$('meta[name="csrf-token"]').attr('content', token);
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': token
		}
	});
}
function firmarDocumento(CertSlug){
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	$.ajax({
		url: "{{url('/firmarCertificado')}}/"+CertSlug,
		method: 'PUT',
		data:{},
		beforeSend: function(){
			let buttonsubmit = $('#buttonfirmarDoc'+CertSlug);
			buttonsubmit.each(function() {
						$(this).on('click', function(event) {
							event.preventDefault();
						});
						$(this).disabled = true;
						$(this).prop('disabled', true);
					});
			buttonsubmit.empty();
			buttonsubmit.append(`<i class="fas fa-sync fa-spin"></i>`);
		},
		success: function(data, textStatus, jqXHR){
			renewtoken(data.newtoken);
			let buttonsubmit = $('#buttonfirmarDoc'+CertSlug);
			buttonsubmit.each(function() {
				$(this).on('click', function(event) {
					event.preventDefault();
				});
				$(this).disabled = false;
				$(this).prop('disabled', false);
			});
			buttonsubmit.prop('class', 'btn btn-primary');
			buttonsubmit.empty();
			buttonsubmit.append(`<i class="fas fa-lg fa-file-signature"></i>`);

			adireccion = $('#AD'+CertSlug);
			alogisica = $('#AL'+CertSlug);
			aoperaciones = $('#AO'+CertSlug);

			ADfirmaCorrespondiente = "";
			ALfirmaCorrespondiente = "";
			AOfirmaCorrespondiente = "";
			switch (data.Documento['CertAuthDp']) {
				case 0:
				ADfirmaCorrespondiente = `<p>Pendiente</p>`;
					break;

				case 1:
				ADfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Director de Planta</p>`;
					break;

				case 2:
				ADfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Logística</p>`;
					break;

				case 3:
				ADfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Operaciones</p>`;
					break;

				case 4:
				ADfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Supervisor de Turno</p>`;
					break;

				case 5:
				ADfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Ingeniero HSEQ</p>`;
					break;

				case 6:
				ADfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Asistente de Logística</p>`;
					break;

				case 7:
				ADfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Programador</p>`;
					break;

				default:
				ADfirmaCorrespondiente = `<p>Error en Firma Digital</p>`;
					break;
			}

			switch (data.Documento['CertAuthJl']) {
				case 0:
				ALfirmaCorrespondiente = `<p>Pendiente</p>`;
					break;

				case 1:
				ALfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Director de Planta</p>`;
					break;

				case 2:
				ALfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Logística</p>`;
					break;

				case 3:
				ALfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Operaciones</p>`;
					break;

				case 4:
				ALfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Supervisor de Turno</p>`;
					break;

				case 5:
				ALfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Ingeniero HSEQ</p>`;
					break;

				case 6:
				ALfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Asistente de Logística</p>`;
					break;

				case 7:
				ALfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Programador</p>`;
					break;

				default:
				ALfirmaCorrespondiente = `<p>Error en Firma Digital</p>`;
					break;
			}

			switch (data.Documento['CertAuthJo']) {
				case 0:
				AOfirmaCorrespondiente = `<p>Pendiente</p>`;
					break;

				case 1:
				AOfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Director de Planta</p>`;
					break;

				case 2:
				AOfirmaCorrespondiente =`<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Logística</p>`;
					break;

				case 3:
				AOfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Jefe de Operaciones</p>`;
					break;

				case 4:
				AOfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Supervisor de Turno</p>`;
					break;

				case 5:
				AOfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Ingeniero HSEQ</p>`;
					break;

				case 6:
				AOfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Asistente de Logística</p>`;
					break;

				case 7:
				AOfirmaCorrespondiente = `<i class='fas fa-signature fa-lg'></i>
				<p>Programador</p>`;
					break;

				default:
				AOfirmaCorrespondiente = `<p>Error en Firma Digital</p>`;
					break;
			}

			adireccion.empty();
			adireccion.append(ADfirmaCorrespondiente);

			alogisica.empty();
			alogisica.append(ALfirmaCorrespondiente);

			aoperaciones.empty();
			aoperaciones.append(AOfirmaCorrespondiente);

			toastr.success(data['message']);
		},
		error: function(xhr, textStatus, jqXHR){
			renewtoken(xhr.newtoken);
			let buttonsubmit = $('#buttonfirmarDoc'+CertSlug);
			switch (xhr['status']) {
				case 400:
					buttonsubmit.each(function() {
						$(this).on('click', function(event) {
							event.preventDefault();
						});
						$(this).disabled = true;
						$(this).prop('disabled', true);
					});
					buttonsubmit.prop('class', 'btn btn-default');
					buttonsubmit.empty();
					buttonsubmit.append(`<i class="fas fa-lg fa-file-signature"></i>`);
					break;
				case 404:
					buttonsubmit.each(function() {
						$(this).on('click', function(event) {
							event.preventDefault();
						});
						$(this).disabled = true;
						$(this).prop('disabled', true);
					});
					buttonsubmit.prop('class', 'btn btn-danger');
					buttonsubmit.empty();
					buttonsubmit.append(`<i class="fas fa-lg fa-file-signature"></i>`);
					break;

				default:
					buttonsubmit.each(function() {
						$(this).on('click', function(event) {
							event.preventDefault();
						});
						$(this).disabled = false;
						$(this).prop('disabled', false);
					});
					buttonsubmit.prop('class', 'btn btn-default');
					buttonsubmit.empty();
					buttonsubmit.append(`<i class="fas fa-lg fa-file-signature"></i>`);
					break;
			}
			toastr.error(xhr['responseJSON']['message']);
		},
		complete: function(){

			//
		}
	});
}
</script>
@endif
@endsection