@extends('layouts.app')
@section('htmlheader_title')
	Certificado Express
@endsection
@section('contentheader_title')
	<span style="background-image: linear-gradient(40deg, #d4fc79, #00C851); padding-right:30vw; position:relative; overflow:hidden;">
		Certificado Express
	  <div style="background-color:#ecf0f5; position:absolute; height:145%; width:40vw; transform:rotate(30deg); right:-20vw; top:-45%;"></div>
	</span>
@endsection
@section('main-content')
@component('layouts.partials.modal')
	@slot('slug')

	@endslot
	@slot('textModal')
		El certificado <b>N° </b>
	@endslot
@endcomponent
<div class="container-fluid spark-screen">
	<!-- form start -->
		{{-- <input hidden type="text" name="updated_by" value="{{Auth::user()->email}}"> --}}
			<!-- col md3 -->
			<div class="col-md-3">
				<!-- box -->
				<div class="box box-primary">
					<!-- box body -->
					<div class="box-body box-profile">
						{{-- <img class="profile-user-img img-responsive img-circle" src="../../dist/img/user4-128x128.jpg" alt="User profile picture"> --}}
						<h3 class="profile-username text-center">{{$certificado->sedegenerador->generadors->GenerName}}</h3>
						<p class="text-muted text-center">{{$certificado->tratamiento->TratName}}</p>
						<ul class="list-group list-group-unbordered">
							<li class="list-group-item">
								<b>Servicio #</b> <a class="pull-right">{{$certificado->FK_CertSolser}}</a>
							</li>
							<li class="list-group-item">
								<b>certificado #</b> <a class="pull-right">{{$certificado->ID_Cert}}</a>
							</li>
							
							<li class="list-group-item">
								<label>Observaciones</label>
								<textarea style="resize: vertical;" maxlength="250" name="RespelStatusDescription" id="taid" class="form-control" rows ="5">{{$certificado->CertObservacion}}</textarea>
							</li>
							<li class="list-group-item">
								<b>Firma HSEQ</b> <a class="pull-right">@if($certificado->CertAuthHseq === 1)<i class='fas fa-signature'></i>@endif</a>
							</li>
							
							
							{{-- <li class="list-group-item">
								<b>Firma JO</b> <a class="pull-right">{{ $certificado->CertAuthJo === 1 ? "<i class='fas fa-signature'></i>" : "" }}</a>
							</li> --}}
							<li class="list-group-item">
								<b>Firma JL</b> <a class="pull-right">@if($certificado->CertAuthJl === 1)<i class='fas fa-signature'></i>@endif</a>
							</li>
							<li class="list-group-item">
								<b>Firma DP</b> <a class="pull-right">@if($certificado->CertAuthDp === 1)<i class='fas fa-signature'></i>@endif</a>
							</li>
							<li class="list-group-item" style="display: block; overflow: auto";>
								<div class="col-md-12 form-group">
									<label>documento</label>
									<div class="input-group">
										<input type="text" class="form-control" value="Ver Documento" disabled>
										<div class="input-group-btn">
											@if($certificado->CertSrc == 'CertificadoDefault.pdf')
											<a class='btn btn-default'><i class='fas fa-file-pdf fa-lg'></i></a>
											@else
											<a method='get' href='/img/Certificados/{{$certificado->CertSrc}}' target='_blank' class='btn btn-success'><i class='fas fa-file-pdf fa-lg'></i></a>
											@endif
										</div>
									</div>	
								</div>
							</li>
							<li class="list-group-item" style="display: block; overflow: auto";>
								<div class="col-md-12 form-group">
									<label>Anexos</label>
									<div class="input-group">
										<input type="text" class="form-control" value="Ver Documento" disabled>
										<div class="input-group-btn">
											<a method='get' href='/img/HojaSeguridad/' target='_blank' class='btn btn-success'><i class='fas fa-file-pdf fa-lg'></i></a>
										</div>
									</div>	
								</div>
							</li>
							
						</ul>
					</div>
					<!-- /.box-body -->
				</div>
				<!-- /.box body -->
			</div>
			<!-- /.col md3 -->
			<!-- col md9 -->
			<div class="col-md-9">
				<!-- box -->
				<div class="box">
					<!-- box header -->
					<div class="box-header with-border">
						<h3 class="box-title">Información para generar Certificado</h3>
						<div class="box-tools pull-right">
							@if (in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT) ||in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT))
								<a href="/certificadosexpress/{{$certificado->CertSlug}}/edit" class="btn btn-warning pull-right"> <i class="fas fa-edit"></i> <b>{{ __('adminlte::message.edit') }}</b></a>
							@endif
							@if (in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT) ||in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT))
								<a target="_blank" href="/certificadosexpress/{{$certificado->CertSlug}}/wordtemplate" class="btn btn-primary pull-right" style="margin-right: 1em"> <i class="fas fa-file-word"></i> <b>Plantilla</b></a>
							@endif
							@if (in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT) ||in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT))
								@if ($certificado->SolicitudServicio->SolSerStatus == 'Conciliado' || $certificado->SolicitudServicio->SolSerStatus == 'Tratado')
									<a data-toggle='modal' data-target='#ModalIndependiente' class="btn btn-success pull-right" style="margin-right: 1em"><i class="fas fa-file-import"></i><b>Independiente</b></a>
								@endif
							@endif
						</div>
					</div>

					<!-- /.box header -->
					<!-- box body -->
					<div class="box-body">
						<!-- nav-tabs-custom -->
						<div class="nav-tabs-custom" style="box-shadow:3px 3px 5px grey; margin-bottom: 0px;">
							<ul class="nav nav-tabs">
								<li class="nav-item">
									<a class="nav-link" href="#Generadorpane" data-toggle="tab">Generador</a>
								</li>
								<li class="nav-item active">
									<a class="nav-link" href="#Residuospane" data-toggle="tab">Residuos</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#Transportadorpane" data-toggle="tab">Transportador</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#Clientepane" data-toggle="tab">Cliente</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#Gestorpane" data-toggle="tab">Gestor-Tratamiento</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="#Anexospane" data-toggle="tab">Anexos</a>
								</li>
							</ul>
							<!-- nav-content -->
							<div class="tab-content" style="display: block; overflow: auto;">
								<!-- tab-pane fade -->
								<div class="tab-pane fade" id="Generadorpane">
									@include('layouts.CertificadoPartials.certiGenerador')
								</div>
								<!-- /.tab-pane fade -->
								<!-- tab-pane fade -->
								<div class="tab-pane fade in active" id="Residuospane">
									@include('layouts.CertificadoPartials.certiExpressResiduos')
								</div>
								<!-- tab-pane fade -->
								<!-- tab-pane fade -->
								<div class="tab-pane fade" id="Transportadorpane">
									@include('layouts.CertificadoPartials.certiTransportador')
								</div>
								<!-- tab-pane fade -->
								<!-- /.tab-pane fade -->
								<div class="tab-pane fade" id="Clientepane">
									@include('layouts.CertificadoPartials.certiCliente')
								</div>
								<!-- /.tab-pane fade -->
								<!-- tab-pane fade -->
								<div class="tab-pane fade" id="Gestorpane">
									@include('layouts.CertificadoPartials.certiGestorTratamiento')
								</div>
								<div class="tab-pane fade" id="Anexospane">
									{{-- @include('layouts.CertificadoPartials.respel-tarifas') --}}
								</div>

								<div id="modalrango"></div>
								<div id="modal2">
									{{--  Modal --}}
									@if (in_array(Auth::user()->UsRol, Permisos::EDITMANIFCERT))
										<div class="modal modal-default fade in" id="ModalIndependiente" tabindex="-1" role="dialog"
											aria-labelledby="myModalLabel">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													<form action="/certificadosexpress/{{$certificado->ID_Cert}}/independiente" method="POST" id="certindependienteForm">
														@csrf
														<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: 1.5em; text-align: center; margin: auto;">
																<span>
																	<p>Escoja los residuos que desea <b>mover</b><br> hacia un <i>certificado independiente</i></p>
																</span>
															</div>
															<div class="form-group col-md-12 select-multiple-contenedor">
																<label style="color: black; text-align: left;" data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="Residuos a separar" data-content="Escoja los residuos que desea quitar de este certificado y añadirlos en un certificado independiente"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>Residuos</label>
																<small id="caracteresrestantesrepetirSR" class="help-block with-errors"></small>
																<select multiple name="residuos[]" id="residuos">
																	@foreach($certificado->SolicitudServicio->SolicitudResiduo as $Residuo)
																	@foreach ($certificado->certdato as $certdato)
																	@if($Residuo->ID_SolRes == $certdato->FK_DatoCertSolRes)
																	@php
																	// $TotalEnv = $Residuo->generespel->respels->SolResKgEnviado+$TotalEnv;
																	// $TotalRec = $Residuo->generespel->respels->SolResKgRecibido+$TotalRec;
																	// $TotalCons = $Residuo->generespel->respels->SolResKgConciliado+$TotalCons;
																	// $TotalTrat = $Residuo->generespel->respels->SolResKgTratado+$TotalTrat;
																	switch ($Residuo->SolResTypeUnidad) {
																	case 'Unidad':
																	$TypeUnidad = 'Unid.';
																	break;
																	case 'Litros':
																	$TypeUnidad = 'Lt.';
																	break;
																	default:
																	$TypeUnidad = 'Kg.';
																	break;
																	}
																	@endphp
																	<option value="{{$certdato->ID_CertDato}}">{{$Residuo->generespel->respels->RespelName}} / {{$Residuo->SolResEmbalaje}} /
																	@if($Residuo->SolResTypeUnidad == 'Litros' || $Residuo->SolResTypeUnidad == 'Unidad')
																	{{$Residuo->SolResCantiUnidadConciliada === null ? 'N/A' : $Residuo->SolResCantiUnidadConciliada }}
																	@else
																	{{$Residuo->SolResKgConciliado === null ? 'N/A' : $Residuo->SolResKgConciliado }}
																	@endif
																	{{$TypeUnidad}}
																	</option>
																	@endif
																	@endforeach
																	@endforeach
																</select>
																<input type="hidden" name="ID_Cert" id="ID_Cert" value="{{$certificado->ID_Cert}}">
															</div>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Cancelar</button>
															<button form="certindependienteForm" type="submit" class="btn btn-success">enviar</button>
														</div>
													</form>
												</div>
											</div>
										</div>
									@endif
									{{-- END Modal --}}
								</div>
								<!-- /.tab-pane fade -->
							</div>
							<!-- /.tab-content -->
						</div>
					</div>
					<!-- /.box body -->
					<div class="box-footer">

					</div>
					{{-- @php
					foreach ($contadorRango as $key => $value) {
						foreach ($value as $key2 => $value2) {
							echo $value2;
						}
					}
					@endphp --}}
					<!-- /.nav-tabs-custom -->
				</div>
				<!-- /.box -->
			</div>
			<!-- /.col md9 -->
		<!-- /.row -->
</div>
@endsection
@section('NewScript')
@endsection