@extends('layouts.app')
@section('htmlheader_title')
{{ __('adminlte::message.progvehictitle') }}
@endsection
@section('contentheader_title')
<span style="background-image: linear-gradient(40deg, #d4fc79, #00C851); padding-right:30vw; position:relative; overflow:hidden;">
	{{'Programación 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')
<div class="row">
	@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
	<div class="col-md-3">
		<div class="box box-success" style="overflow-y: auto; max-height: 560px;">
			<div class="box-header with-border">
				<h4 class="box-title">Servicios Por Programar</h4>
			</div>
			<div class="box-body">
				<div id="external-events">
					@foreach($serviciosnoprogramados as $servicionoprogramado)
						@php
							if($servicionoprogramado->SolSerTipo == 'Interno'){
								$color = 'bg-aqua';
							}
							else{
								$color = 'bg-green';
							}
						@endphp
						<p style="background-color: #001f3f; color: #fff; padding-top: 15px !important; padding-bottom: 0 !important; text-align: center;" class="external-event ui-draggable ui-draggable-handle servicionoprogramado col-md-12 form-group col-xs-12" data-tipo="{{$servicionoprogramado->SolSerTipo}}" data-id="{{$servicionoprogramado->ID_SolSer}}">
							<span class="col-md-12 form-group col-xs-12">N° {{$servicionoprogramado->ID_SolSer.' - '.$servicionoprogramado->CliName}}</span>
							<a href="/serviciosexpress/{{$servicionoprogramado->SolSerSlug}}" target="_blank" class='{{$color}} col-md-12 form-group col-xs-12' style="border-radius: 4px;">{{ __('adminlte::message.see') }}</a>
						</p>
					@endforeach
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-9">
	@else
	<div class="col-md-12">
	@endif
		<div class="box box-success">
			<div class="box-body no-padding">
				<div id='calendar'></div>
			</div>
		</div>
	</div>
</div>

{{--  Modal --}}
<div class="modal modal-default fade in" id="CrearProgVehic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="titleModalCreate">{{ __('adminlte::message.progvehictitle') }} Interno</h4>
			</div>
			<div class="box box-info">
				<div class="modal-body">
					<div style="margin: auto;" id="descripModalCreate">
						<form action="/programacion-express" method="POST" id="formularioCreate" data-toggle="validator">
							@csrf
							<input type="text" hidden name="FK_ProgServi" class="FK_ProgServi" id="FK_ProgServi">
							<div class="box-body">
								<div class="form-group col-xs-12 col-md-6">
									<label for="ProgVehFecha">{{ __('adminlte::message.progvehicfech') }}</label>
									<input  class="form-control ProgVehFecha" type="date" id="ProgVehFecha" name="ProgVehFecha" min="{{date('Y-m-d', strtotime("1 months ago"))}}" value="{{old('ProgVehFecha')}}">
									<small class="help-block with-errors"></small>
								</div>
								<div class="form-group col-xs-12 col-md-6">
									<label for="ProgVehSalida">{{ __('adminlte::message.progvehicsalida') }}</label>
									<input class="form-control" type="time" required id="ProgVehSalida" name="ProgVehSalida" value="{{old('ProgVehSalida')}}">
									<small class="help-block with-errors"></small>
								</div>
								<div class="form-group col-md-12">
									<label>Tipo de Transportador</label>
									<select name="typetransportador" id="typetransportador" class="form-control">
										<option value="">Seleccione...</option>
										<option onclick="TranspotadorProsarc()" value="0">Prosarc S.A. ESP</option>
										<option onclick="TranspotadorAlquilado()" value="1">Alquilado</option>
									</select>
								</div>

								{{-- Div correspondiente a el campo de precintos --}}

								<div class="form-group col-md-12" id="containerDePrecintos">
									<div class="row" id="precintos0">
										<div class="col-md-12">
											<label>Precintos</label>
										</div>
										<div class="col-md-8">
											<input type="text" name="ProgVehPrecintos[]" class="form-control">
										</div>
										<div class="col-md-2">
											<a class="btn btn-success addprecinto" id="addprecinto" onclick="addPrecinto()">Añadir Precinto</a>
										</div>
										<div class="col-md-2">
											<button class="btn btn-danger dropprecinto" type="button" id="button-addon2" onclick="dropPrecinto(0)">Borrar</button>
										</div>
									</div>
								</div>

								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label>Transportador</label>
									<small class="help-block with-errors">*</small>
									<select name="transport" id="transport" class="form-control">
										<option value="">Seleccione...</option>
										@foreach($transportadores as $transportador)
											<option value="{{$transportador->CliSlug}}">{{$transportador->CliName}}</option>
										@endforeach
									</select>
								</div>


								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehDocConductorEXT">{{ __('adminlte::message.progvehdocext') }}</label>
									<input type="text" maxlength="15" data-minlength="6" class="form-control document" id="ProgVehDocConductorEXT"  name="ProgVehDocConductorEXT">
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehNameConductorEXT">{{ __('adminlte::message.progvehnameext') }}</label>
									<input type="text" maxlength="50" class="form-control" id="ProgVehNameConductorEXT"  name="ProgVehNameConductorEXT" >
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehDocAuxiliarEXT">{{ __('adminlte::message.progvehdocauxext') }}</label>
									<input type="text" maxlength="15" data-minlength="6" class="form-control document" id="ProgVehDocAuxiliarEXT"  name="ProgVehDocAuxiliarEXT" >
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehNameAuxiliarEXT">{{ __('adminlte::message.progvehnameauxext') }}</label>
									<input type="text" maxlength="50" class="form-control" id="ProgVehNameAuxiliarEXT"  name="ProgVehNameAuxiliarEXT" >
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehPlacaEXT">{{ __('adminlte::message.progvehplacaext') }}</label>
									<input type="text" class="form-control placa" id="ProgVehPlacaEXT"  name="ProgVehPlacaEXT" data-minlength="7">
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label for="ProgVehTipoEXT">{{ __('adminlte::message.progvehtipoext') }}</label>
									<input type="text" maxlength="16" class="form-control" id="ProgVehTipoEXT"  name="ProgVehTipoEXT">
								</div>
								<div class="form-group col-md-12 vehiculoAlquilado" hidden="true">
									<label>Placa Vehiculo Provicional</label><a class="loadvehicalqui"></a>
									<small class="help-block with-errors">*</small>
									<select name="vehicalqui" id="vehicalqui" class="form-control">
										<option value="">Seleccione...</option>
									</select>
								</div>
								<div class="form-group col-xs-12 col-md-12 vehiculoProsarc" hidden="true">
									<label for="FK_ProgVehiculo">{{ __('adminlte::message.progvehicvehic') }}</label>
									<small class="help-block with-errors">*</small>
									<select name="FK_ProgVehiculo" id="FK_ProgVehiculo" class="form-control" required>
										<option value="">{{ __('adminlte::message.select') }}</option>
										@foreach($vehiculos as $vehiculo)
											<option value="{{$vehiculo->ID_Vehic}}" {{old('FK_ProgVehiculo') == $vehiculo->ID_Vehic ? 'selected' : ''}}>{{$vehiculo->VehicPlaca}}</option>
										@endforeach
									</select>
								</div>
								<div class="form-group col-xs-12 col-md-12 vehiculoProsarc" hidden="true">
									<label for="FK_ProgConductor">{{ __('adminlte::message.progvehicconduc') }}</label>
									<small class="help-block with-errors">*</small>
									<select name="FK_ProgConductor" id="FK_ProgConductor" class="form-control" required>
										<option value="">{{ __('adminlte::message.select') }}</option>
										@foreach($conductors as $conductor)
											<option value="{{$conductor->ID_Pers}}" {{old('FK_ProgConductor') == $conductor->ID_Pers ? 'selected' : ''}}>{{$conductor->PersFirstName.' '.$conductor->PersLastName}}</option>
										@endforeach
									</select>
								</div>
								<div class="form-group col-xs-12 col-md-12 ambos" hidden="true">
									<label for="FK_ProgAyudante">{{ __('adminlte::message.progvehicayudan') }}</label>
									<small class="help-block with-errors">*</small>
									<select name="FK_ProgAyudante" id="FK_ProgAyudante" class="form-control" required>
										<option value="">{{ __('adminlte::message.select') }}</option>
										@foreach($ayudantes as $ayudante)
											<option value="{{$ayudante->ID_Pers}}" {{old('FK_ProgAyudante') == $ayudante->ID_Pers ? 'selected' : ''}}>{{$ayudante->PersFirstName.' '.$ayudante->PersLastName}}</option>
										@endforeach
									</select>
								</div>
								<div class="form-group col-xs-12 col-md-12 vehiculoProsarc" hidden="true">
									<label for="ProgVehColor">{{ __('adminlte::message.progvehiccolor') }}</label>
									<input class="form-control" type="color" style="height: 34px;" id="ProgVehColor" name="ProgVehColor" value="{{old('ProgVehColor') == null ? '#66b032' : old('ProgVehColor')}}">
								</div>
								<input type="submit" hidden="true" id="submit1" name="submit1">
							</div>
						</form>
					</div>
				</div>
				<div class="box box-info">
					<div class="modal-footer">
						<label for="submit1" class="btn btn-success">{{ __('adminlte::message.add') }}</label>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{-- END Modal

{{--  Modal --}}
<div class="modal modal-default fade in" id="CrearProgVehic2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="titleModalCreate">{{ __('adminlte::message.progvehictitle') }} Externos</h4>
			</div>
			<div class="box box-info">
				<div class="modal-body">
					<div style="margin: auto;" id="descripModalCreate">
						<form action="/programacion-express" method="POST" id="formularioCreate" data-toggle="validator">
							@csrf
							<input type="text" hidden name="FK_ProgServi" class="FK_ProgServi" id="FK_ProgServi">
							<div class="box-body">
								<div class="form-group col-xs-12 col-md-6">
									<label for="ProgVehFecha2">{{ __('adminlte::message.progvehicfech') }}</label>
									<input  class="form-control ProgVehFecha" readonly type="date" id="ProgVehFecha2" name="ProgVehFecha" min="{{date('Y-m-d', strtotime(today()))}}" value="{{old('ProgVehFecha2')}}">
								</div>
								<div class="form-group col-xs-12 col-md-6">
									<label for="ProgVehSalida">{{ __('adminlte::message.progvehicsalida2') }}</label>
									<input class="form-control" type="time" required id="ProgVehSalida2" name="ProgVehSalida" value="{{old('ProgVehSalida2')}}">
									<small class="help-block with-errors"></small>
								</div>
								<input type="submit" hidden="true" id="submit2" name="submit2">
							</div>
						</form>
					</div>
				</div>
				<div class="box box-info">
					<div class="modal-footer">
						<label for="submit2" class="btn btn-success">{{ __('adminlte::message.add') }}</label>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{-- END Modal --}}

{{--  Modal --}}
<div class="modal modal-default fade in" id="CrearMantVehic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="titleModal">{{ __('adminlte::message.mantvehititle') }}</h4>
			</div>
			<div class="box box-info">
				<div class="modal-body">
					<div style="margin: auto;" id="descripModal">
						<form action="/vehicle-mantenimiento" method="POST" id="formularioModal" data-toggle="validator">
							@csrf
							@if ($errors->createManVeh->any())
								<div class="alert alert-danger" role="alert">
									<ul>
										@foreach ($errors->createManVeh->all() as $error)
											<p>{{$error}}</p>
										@endforeach
									</ul>
								</div>
							@endif
							<div class="box-body">
								<div class="col-xs-12 col-md-12">
									<div class="form-group col-xs-12 col-md-6">
										<label for="FK_VehMan">{{ __('adminlte::message.mantvehivehic') }}</label>
										<select name="FK_VehMan" class="form-control" required id="FK_VehMan">
											<option value="" >{{ __('adminlte::message.select') }}</option>
											@foreach($vehiculos as $vehiculo)
											<option value="{{$vehiculo->ID_Vehic}}" {{old('FK_VehMan') == $vehiculo->ID_Vehic ? 'selected' : ''}}>{{$vehiculo->VehicPlaca}}</option>
											@endforeach
										</select>
										<small class="help-block with-errors"></small>
									</div>
									<div class="form-group col-xs-6 col-md-6">
										<label for="MvType">{{ __('adminlte::message.mantvehitype') }}</label>
										<input type="text" class="form-control" required maxlength="255" id="MvType" name="MvType" value="{{old('MvType')}}">
										<small class="help-block with-errors"></small>
									</div>
									{{-- <div class="form-group col-xs-12 col-md-6">
										<label for="MvKm">{{ __('adminlte::message.mantvehikm') }}</label>
										<input maxlength="11" class="form-control number" required type="text" id="MvKm" name="MvKm" value="{{old('MvKm')}}">
										<small class="help-block with-errors"></small>
									</div> --}}
								</div>
								<div class="col-xs-12 col-md-12">
									<div class="form-group col-xs-12 col-md-6">
										<label for="HoraMavInicio1">{{ __('adminlte::message.mantvehiinicio1') }}</label>
										<input type="date" required id="HoraMavInicio1" name="HoraMavInicio1" class="form-control" value="{{old('HoraMavInicio1') <> null ? old('HoraMavInicio1') : date('Y-m-d')}}">
										<small class="help-block with-errors"></small>
									</div>
									<div class="form-group col-xs-12 col-md-6">
										<label for="HoraMavFin1">{{ __('adminlte::message.mantvehifin1') }}</label>
										<input type="date" id="HoraMavFin1" required name="HoraMavFin1" class="form-control" value="{{old('HoraMavFin1') <> null ? old('HoraMavFin1') : date('Y-m-d')}}">
										<small class="help-block with-errors"></small>
									</div>
								</div>
								<div class="col-xs-12 col-md-12">
									<div class="form-group col-xs-12 col-md-6">
										<label for="HoraMavInicio">{{ __('adminlte::message.mantvehiinicio') }}</label>
										<input required class="form-control" type="time" id="HoraMavInicio" name="HoraMavInicio" value="{{old('HoraMavInicio') <> null ? old('HoraMavInicio') : date('H:i')}}">
										<small class="help-block with-errors"></small>
									</div>
									<div class="form-group col-xs-12 col-md-6">
										<label for="HoraMavFin">{{ __('adminlte::message.mantvehifin') }}</label>
										<input class="form-control horas" type="time" required id="HoraMavFin" name="HoraMavFin" value="{{old('HoraMavFin') <> null ? old('HoraMavFin') : date('H:i')}}">
										<small class="help-block with-errors"></small>
									</div>
								</div>
								{{-- <div class="col-xs-12 col-md-12">

								</div> --}}
								<input type="submit" hidden="true" id="submit3" name="submit3">
							</div>
						</form>
					</div>
				</div>
				<div class="box box-info">
					<div class="modal-footer">
						<label for="submit3" class="btn btn-success">{{ __('adminlte::message.add') }}</label>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{{-- END Modal --}}

<div id="ModalDelete"></div>

@endsection

@section('NewScript')
{{-- fullcalendar --}}
<script type="text/javascript" src="{{ url (mix('/js/fullcalendar.js')) }}"></script>

<script>
	@if ($errors->create->any())
		$(document).ready(function(){
			$('#CrearProgVehic').modal("show");
		});
	@endif
	@if ($errors->createManVeh->any())
		$(document).ready(function(){
			$('#CrearMantVehic').modal("show");
		});
	@endif
	document.addEventListener('DOMContentLoaded', function() {
		@if(session('Delete'))
			NotifiTrue('{{session('Delete')}}');
		@endif
		var calendarEl = document.getElementById('calendar');
		@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
		var Draggable = FullCalendarInteraction.Draggable;
		var containerEl = document.getElementById('external-events');
		new Draggable(containerEl, {
			itemSelector: '.external-event',
			eventData: function(eventEl) {
				return {
					id: eventEl.dataset.id,
					title: eventEl.dataset.tipo,
				};
			}
		});
		@endif
		var calendar = new FullCalendar.Calendar(calendarEl, {
			themeSystem: 'standard',
			plugins: ['interaction', 'dayGrid', 'timeGrid'],
			locale: 'es',
			timeZone: 'UTC',
			defaultView: 'dayGridMonth',
			buttonText:{
				today: 'Hoy',
				day: 'Día',
				month: 'Mes',
				week: 'Semana'
			},
			// validRange: {
			//     start: '2019-11-24',
			//     end: '2121-11-26'
			//  },
			defaultRangeSeparator: ' - ',
			height: 'parent',
			customButtons: {
				@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
				AddMantVehc: {
					text: 'Añadir Mantenimiento',
					click: function() {
						$('#CrearMantVehic').modal();
						$("#CrearMantVehic").on("hidden.bs.modal", function () {
							$('#FK_VehMan').val('');
							$('#MvKm').val('');
							$('#HoraMavFin1').val('{{date('Y-m-d')}}');
							$('#HoraMavInicio1').val('{{date('Y-m-d')}}');
							$('#HoraMavInicio').val('{{date('H:i')}}');
							$('#HoraMavFin').val('{{date('H:i')}}');
							$('#MvType').val('');
						});
					}
				},
				@endif
				ListProg: {
					text: 'Listar Programaciones',
					click: function() {
						window.location.href = "{{url('/programacion-express')}}";
					}
				},
                envirRecordatorio: {
                    text: 'Recordatorio',
                    click: function() {
                        fetch("{{ secure_url('/api/v1/test-wati') }}")
                            .then(response => response.json())
                            .then(data => {
                                if (data.status === 'OK') {
                                    alert('Éxito: ' + data.mensaje);
                                    console.log('Salida Artisan:', data.salida_artisan);
                                } else {
                                    alert('Error: ' + data.mensaje);
                                }
                            })
                            .catch(error => {
                                console.error('Error en la petición:', error);
                                alert('Ocurrió un error al procesar la solicitud.');
                            });
                    }
                }
			},
			header: {
				left: 'dayGridMonth,timeGridWeek,timeGridDay',
				center: 'title',
				right: 'prev,today,next'
			},
			footer: {
				left: 'AddMantVehc',
				center: 'envirRecordatorio',
				right: 'ListProg'
			},
			aspectRatio: 2,
			// displayEventTime : false,
			eventSources:[{
				events: [
					@foreach($programacions as $programacion)
						@if(($programacion->ProgVehtipo == 1 || $programacion->ProgVehtipo == 2))
						{
							id: '{{$programacion->ID_ProgVeh}}',
							@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
							url: '{{url('/programacion-express/'.$programacion->ID_ProgVeh.'/edit')}}',
							@endif
							color: '{{$programacion->ProgVehColor}}',
							title: '{{$programacion->CliName." - ".$programacion->ID_SolSer}}',
							start: '{{$programacion->ProgVehSalida}}',
							textColor: 'black'
						},
						@endif
						@if($programacion->ProgVehtipo == 0)
						{
							id: '{{$programacion->ID_ProgVeh}}',
							@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
							url: '{{url('/programacion-express/'.$programacion->ID_ProgVeh.'/edit')}}',
							@endif
							title: '{{$programacion->CliName." - ".$programacion->ID_SolSer}}',
							color: '#00a65a',
							start: '{{$programacion->ProgVehSalida}}',
							end: '{{$programacion->ProgVehEntrada}}',
							textColor: 'black'
						},
						@endif
					@endforeach
					@foreach($mantenimientos as $mantenimiento)
						{
							id: '{{$mantenimiento->ID_Mv}}',
							title: '{{$mantenimiento->VehicPlaca." - ".$mantenimiento->MvType}}',
							@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
							url:'{{url('/vehicle-mantenimiento/'.$mantenimiento->ID_Mv.'/edit')}}',
							@endif
							color: 'brown',
							start: '{{$mantenimiento->HoraMavInicio}}',
							end: '{{$mantenimiento->HoraMavFin}}',
							textColor: 'black'
						},
					@endforeach
				],
			}],
			eventLimit: true,
			eventLimitText: "más",
			views: {
				month: {
					eventLimit: 1
				}
			},
			dateClick: function(info) {
				calendar.changeView('timeGridDay', info.dateStr);
			},
			@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
			droppable: true,
			eventStartEditable: true,
			drop : function( dropInfo ) {
				let hora = FullCalendar.formatDate(dropInfo.date.toUTCString(), {
					hour: '2-digit',
					hour12: false,
					minute: '2-digit'
				});
				$('.ProgVehFecha').val(dropInfo.dateStr);
				$('#ProgVehSalida').val(hora);
			},
			eventReceive: function( info ) {
				var id = info.event.id;
				var tipo = info.event.title;
				$('.FK_ProgServi').val(id);
				info.event.remove();
				if(tipo == 'Interno'){
					$('#CrearProgVehic').modal();
					$("#CrearProgVehic").on("hidden.bs.modal", function () {
						$('#FK_ProgVehiculo').val("");
						$('#FK_ProgConductor').val("");
						$('#ProgVehSalida').val("");
						$('#FK_ProgAyudante').val("");
						$('#ProgVehColor').val("#0000f6");
					});
				}
				else{
					$('#CrearProgVehic2').modal();
					$("#CrearProgVehic2").on("hidden.bs.modal", function () {
						$('#FK_ProgVehiculo').val("");
						$('#FK_ProgConductor').val("");
						$('.ProgVehSalida').val("");
						$('#FK_ProgAyudante').val("");
						$('#ProgVehColor').val("#0000f6");
					});
				}
			},
			eventDrop: function( eventDropInfo ) {
				CambioDeFecha(eventDropInfo.event);
			},
			eventClick: function(info){
				info.jsEvent.preventDefault();
				window.open(info.event.url);
			}
			@endif
		});
		calendar.render();
		@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
		function CambioDeFecha(event){
			var id = event.id;
			var fecha = event.start.toISOString();
			var token = '{{csrf_token()}}';
			var data={Event:fecha,_token:token};
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: "{{url('/CambioDeFechaProgVehic')}}/"+id,
				type: "PUT",
				data: data,
				success: function (msg) {
					NotifiTrue(msg);
				},
				error: function (jqXHR, textStatus, errorThrown) {
					for (var i = jqXHR.responseJSON.errors.Event.length - 1; i >= 0; i--) {
						NotifiFalse(jqXHR.responseJSON.errors.Event[i]);
					}
				}
			});
		}
		@endif
	});
	@if(in_array(Auth::user()->UsRol, Permisos::ProgVehic1) || in_array(Auth::user()->UsRol2, Permisos::ProgVehic1))
	function TranspotadorProsarc(){
		$('.vehiculoAlquilado').attr('hidden', true);
		$('.vehiculoProsarc').attr('hidden', false);
		$('.ambos').attr('hidden', false);
		$('#transport').attr('required', false);
		$('#vehicalqui').attr('required', false);
		$('#FK_ProgVehiculo').attr('required', true);
		$('#FK_ProgConductor').attr('required', true);
		$('#FK_ProgAyudante').attr('required', true);
	}
	function TranspotadorAlquilado(){
		$('.vehiculoProsarc').attr('hidden', true);
		$('.vehiculoAlquilado').attr('hidden', false);
		$('.ambos').attr('hidden', false);
		$('#transport').attr('required', true);
		$('#vehicalqui').attr('required', true);
		$('#FK_ProgVehiculo').attr('required', false);
		$('#FK_ProgConductor').attr('required', false);
		$('#FK_ProgAyudante').attr('required', true);
	}
	$('#transport').on('change', function() {
		var id = $('#transport').val();
		if(id != 0){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: "/vehicle-transport/"+id,
				method: 'GET',
				data:{},
				beforeSend: function(){
					$(".loadvehicalqui").append('<i class="fas fa-sync-alt fa-spin"></i>');
					$("#vehicalqui").prop('disabled', true);
				},
				success: function(res){
					if(res != ''){
						$("#vehicalqui").empty();
						var vehiculos = new Array();
						$("#vehicalqui").append(`<option value="">{{ __('adminlte::message.select') }}</option>`);
						for(var i = res.length -1; i >= 0; i--){
							if ($.inArray(res[i].ID_Vehic, vehiculos) < 0) {
								$("#vehicalqui").append(`<option value="${res[i].ID_Vehic}">${res[i].VehicPlaca}</option>`);
								vehiculos.push(res[i].ID_Vehic);
							}
						}
					}
					else{
						$("#vehicalqui").empty();
						$("#vehicalqui").append(`<option value="">{{ __('adminlte::message.select') }}</option>`);
						NotifiFalse('EL transportador no tiene vehiculos asignados');
					}
				},
				complete: function(){
					$(".loadvehicalqui").empty();
					$("#vehicalqui").prop('disabled', false);
				}
			})
		}
	});
	@endif
</script>

<script type="text/javascript">


	var contadorPrecintos = 0;
	function addPrecinto(){
		contadorPrecintos++
		container = $('#containerDePrecintos')
		container.append(`<div class="row" id="precintos`+contadorPrecintos+`">
			<div class="col-md-12">
				<label for="ProgVehPrecintos`+contadorPrecintos+`">Precintos</label>
			</div>
			<div class="col-md-8">
				<input type="text" name="ProgVehPrecintos[]" class="form-control" id="ProgVehPrecintos`+contadorPrecintos+`">
			</div>
			<div class="col-md-2">
				<a class="btn btn-success addprecinto" id="addprecinto" onclick="addPrecinto(`+contadorPrecintos+`)">Añadir Precinto</a>
			</div>
			<div class="col-md-2">
				<button class="btn btn-danger dropprecinto" type="button" id="button-addon2" onclick="dropPrecinto(`+contadorPrecintos+`)">Borrar</button>
			</div>
		</div>`)
	};



	function dropPrecinto(id){
		var id = $('#precintos'+id).remove();
	};






</script>

@endsection