@extends('layouts.app')
@section('htmlheader_title')
{{ __('adminlte::message.solsertitle') }}
@endsection
@section('contentheader_title')
<span style="background-image: linear-gradient(40deg, #fbc2eb, #aa66cc); padding-right:30vw; position:relative; overflow:hidden;">
	Servicios-Solicitudes
  <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">
					<h3 class="box-title">{{ __('adminlte::message.solsertitlecreate') }}</h3>
				</div>
				<div class="box box-info">
					<form role="form" id="CreateSolSer" action="/solicitud-servicio" method="POST" enctype="multipart/form-data" data-toggle="validator">
						@csrf
						@if ($errors->any())
							<div class="alert alert-danger" role="alert">
								<ul>
									@foreach ($errors->all() as $error)
										<p>{{$error}}</p>
									@endforeach
								</ul>
							</div>
						@endif
                        <div class="box-body">
                            <div class="col-md-12">
                                <div class="row">
                                    @php
                                    $usuario = Auth::user();
                                    $puedeRectificarCliente = in_array($usuario->UsRol, Permisos::COMERCIALES, true)
                                        || in_array($usuario->UsRol2, Permisos::COMERCIALES, true)
                                        || in_array($usuario->UsRol, Permisos::COMERCIALEINGRURNO, true)
                                        || in_array($usuario->UsRol2, Permisos::COMERCIALEINGRURNO, true);
                                    @endphp

                                    @if($puedeRectificarCliente && $Clientes->isNotEmpty())
                                    <div class="form-group col-md-12">
                                        <label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserpersonal') }}</b>" data-content="{{ __('adminlte::message.solserpersonaldescript') }}">
                                            <i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>
                                            {{ __('Confirme el cliente:') }}
                                        </label>
                                        <small class="help-block with-errors">*</small>
                                        <select id="FK_SolSerCliente" name="FK_SolSerCliente" class="form-control" required>
                                            @foreach ($Clientes as $ClienteOption)
                                            <option value="{{ $ClienteOption->ID_Cli }}" {{ (isset($clienteSeleccionado) && $clienteSeleccionado == $ClienteOption->ID_Cli) ? 'selected' : '' }}>{{ $ClienteOption->CliName }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @endif
									<div class="form-group col-md-12">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserpersonal') }}</b>" data-content="{{ __('adminlte::message.solserpersonaldescript') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solserpersonal') }}</label>
										<small class="help-block with-errors">*</small>
										<select id="FK_SolSerPersona" name="FK_SolSerPersona" class="form-control" required="">
											@foreach ($Personals as $Personal)
											<option value="{{$Personal->PersSlug}}">{{$Personal->PersFirstName.' '.$Personal->PersLastName}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group col-md-12 select-multiple-contenedor">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserpersonalcopy') }}</b>" data-content="{{ __('adminlte::message.solsermailcopy') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solserpersonalcopy') }}</label>
										<small class="help-block with-errors"></small>
										<select multiple id="SolServMailCopia" name="SolServMailCopia[]" class="form-control">
											@foreach ($Personals as $Personal)
											<option value="{{$Personal->PersEmail}}">{{$Personal->PersFirstName.' '.$Personal->PersLastName}}</option>
											@endforeach
										</select>
									</div>
								</div>
								<div id="transportadorContainer" class="row" style="background-color: #d9edf7">
									<div class="form-group col-md-6">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsertypetrans') }}</b>" data-content="{{ __('adminlte::message.solsertypetransdescript') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solsertypetrans') }}</label>
										<small class="help-block with-errors">*</small>
										<select class="form-control" name="SolSerTipo" id="SolSerTipo" required="">
											<option onclick="TransportadorProsarc()" value="99">Prosarc S.A. ESP.</option>
											<option onclick="TransportadorCliente()" value="98">{{$Cliente->CliName}}</option>
											<option onclick="TransportadorGeneradores()" value="97">Generador</option>
											<option onclick="OtraTransportadora()" value="96">Otra Empresa Transportadora</option>
										</select>
									</div>
									<div id="transportador" class="form-group col-md-6" hidden="true">
										<label id="transportadorLabel" data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsertranspro') }}</b>" data-content="{{ __('adminlte::message.solsertransprodescript') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>Sede del Transportador</label>
										<small class="help-block with-errors">*</small>
										<select class="form-control" id="SolSerTransportador" name="SolSerTransportador">
											{{-- espacio para sedes del cliente o de los generadores --}}
										</select>
									</div>
									<div id="nametransportadora" class="form-group col-md-6" hidden="true">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>Razón Social de la Empresa Transportadora</b>" data-content="{{ 'Ingrese la razón social de la empresa que realizara el transporte de los residuos, <b>debe ser preciso en el ingreso de los datos de este transportador</b> ya que estos datos serán utilizados, para la recepción de los residuos en la Planta de tratamiento de <b>Prosarc S.A. ESP. y para la creacion de los respectivos certificados/manifiestos' }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>Razon Social de la Transportadora</label>
										<small class="help-block with-errors">*</small>
										<input maxlength="255" type="text" class="form-control" id="SolSerNameTrans" name="SolSerNameTrans" value="{{old('SolSerNameTrans')}}">
									</div>
									<div id="nittransportadora" class="form-group col-md-6" hidden="true">
										<label for="SolSerNitTrans">{{ __('adminlte::message.solsertransnit') }}</label>
										<small class="help-block with-errors">*</small>
										<input type="text" class="form-control nit" id="SolSerNitTrans" name="SolSerNitTrans" value="{{old('SolSerNitTrans')}}">
									</div>
									<div id="addresstransportadora" class="form-group col-md-6" hidden="true">
										<label for="SolSerAdressTrans">{{ __('adminlte::message.solsertransaddress') }}</label>
										<small class="help-block with-errors">*</small>
										<input maxlength="255" type="text" class="form-control" id="SolSerAdressTrans" name="SolSerAdressTrans" value="{{old('SolSerAdressTrans')}}">
									</div>
									<div class="form-group col-md-6 citytransportadora" hidden>
										<label for="departamento">{{ __('adminlte::message.solsertransdepart') }}</label>
										<select class="form-control select" id="departamento">
											<option value="">Seleccione...</option>
											@foreach ($Departamentos as $Departamento)
											<option value="{{$Departamento->ID_Depart}}">{{$Departamento->DepartName}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group col-md-6 citytransportadora" hidden>
										<label for="municipio">{{ __('adminlte::message.solsertransmuni') }}</label><a class="load"></a>
										<small class="help-block with-errors">*</small>
										<select name="SolSerCityTrans" class="form-control select" id="municipio"></select>
									</div>
									<div id="Conductor" class="form-group col-md-6" hidden="true">
										<label for="SolSerConductor">{{ __('adminlte::message.solserconduc') }}</label>
										<input maxlength="255" type="text" class="form-control" id="SolSerConductor" name="SolSerConductor[]" value="{{ old('SolSerConductor')[0] ?? '' }}">
									</div>
									<div id="Vehiculo" class="form-group col-md-6" hidden="true">
										<label for="SolSerVehiculo">{{ __('adminlte::message.solservehic') }}</label>
										<input type="text" class="form-control placa" id="SolSerVehiculo" name="SolSerVehiculo[]" value="{{ old('SolSerVehiculo')[0] ?? '' }}">
									</div>
									<div id="Fecha" class="form-group col-md-6" hidden="true">
										<label for="SolSerFecha">Fecha llegada a Planta</label>
										<input type="date" class="form-control fecha" id="SolSerFecha" name="SolSerFecha" value="{{old('SolSerFecha')}}">
									</div>
                                    <div id="divPrecintos" class="form-group col-md-6" hidden>
                                        <label for="Precintos"># Precintos</label>
                                        <input type="number" class="form-control" id="Precintos" name="Precintos" value="{{old('Precintos')}}">
                                    </div>
									<div id="typeaditable" class="form-group col-md-6">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solseraudi') }}</b>" data-content="{{ __('adminlte::message.solseraudidescrit') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solseraudi') }}</label>
										<small class="help-block with-errors">*</small>
										<select class="form-control" id="SolResAuditoriaTipo" name="SolResAuditoriaTipo" required="">
											<option value="97">{{ __('adminlte::message.solsernoaudi') }}</option>
											<option value="98">{{ __('adminlte::message.solseraudiprese') }}</option>
											<option value="99">{{ __('adminlte::message.solseraudivirt') }}</option>
										</select>
									</div>
									<div id="typecollect" class="form-group col-md-12">
										<label>{{ __('adminlte::message.solsertypecollect') }}</label>
										<small class="help-block with-errors">*</small>
										<select class="form-control" id="SolSerTypeCollect" name="SolSerTypeCollect" required="">
											<option onclick="HiddenTypeCollect()" value="">{{ __('adminlte::message.select') }}</option>
											<option onclick="TypeCollectSede()" value="98">{{ __('adminlte::message.solsertypecollect2') }}</option>
											<option onclick="HiddenTypeCollect()" value="99">{{ __('adminlte::message.solsertypecollect1') }}</option>
											<option onclick="TypeCollectOther()" value="97">{{ __('adminlte::message.solsertypecollect3') }}</option>
										</select>
									</div>
									<div id="sedecollect" class="form-group col-md-6" hidden="">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsersedecollect') }}</b>" data-content="{{ __('adminlte::message.solsersedecollectdescrit') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solsersedecollect') }}</label>
										<small class="help-block with-errors">*</small>
										<select class="form-control select" id="SedeCollect" name="SedeCollect">
											<option value="">Seleccione...</option>
											@foreach($Sedes as $Sede)
											<option value="{{$Sede->SedeSlug}}">{{$Sede->SedeName}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group col-md-6 addresscollect" hidden="">
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solseraddrescollect') }}</b>" data-content="{{ __('adminlte::message.solseraddrescollectdescrit') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solseraddrescollect') }}</label>
										<small class="help-block with-errors">*</small>
										<input maxlength="255" type="text" class="form-control" id="AddressCollect" name="AddressCollect">
									</div>
									<div class="form-group col-md-6 addresscollect" hidden="">
										<label for="departamento2">{{ __('adminlte::message.solseraddrescollectdepa') }}</label>
										<select class="form-control select" id="departamento2">
											<option value="">Seleccione...</option>
											@foreach ($Departamentos as $Departamento)
											<option value="{{$Departamento->ID_Depart}}">{{$Departamento->DepartName}}</option>
											@endforeach
										</select>
									</div>
									<div class="form-group col-md-6 addresscollect" hidden="">
										<label for="municipio2">{{ __('adminlte::message.solseraddrescollectmuni') }}</label><a class="load"></a>
										<small class="help-block with-errors">*</small>
										<select name="FK_SolSerCollectMun" class="form-control select" id="municipio2"></select>
									</div>
								</div>

								<div class="col-md-12">
									<center>
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="Observaciones <b>Opcional</b>" data-content="En este campo puede redactar sus observaciones con relación a esta solicitud de servicio"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>Observaciones</label>
										<button type="button" class="btn btn-box-tool boton" style="color: black;" data-toggle="collapse" data-target=".Observaciones" onclick="AnimationMenusForm('.Observaciones')" title="Reducir/Ampliar"><i class="fa fa-plus"></i></button>
										<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.requirements') }}</b>" data-content="{{ __('adminlte::message.requirementsdescript') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.requirements') }}</label>
										<button type="button" class="btn btn-box-tool boton" style="color: black;" data-toggle="collapse" data-target=".Requerimientos" onclick="AnimationMenusForm('.Requerimientos')" title="Reducir/Ampliar"><i class="fa fa-plus"></i></button>
									</center>
									<div class="form-group col-md-12 collapse Observaciones" style="min-height: 100px; margin-bottom: 1em; padding-left:0; padding-right:0;">
										<small id="caracteresrestantes" class="help-block with-errors"></small>
										<textarea onchange="updatecaracteres()" id="textDescription" rows ="5" style="resize: vertical;" maxlength="4000" class="form-control col-xs-12" name="SolSerDescript"></textarea>
									</div>
									<div class="col-md-12 collapse Requerimientos" style="border: 2px dashed #00c0ef">
										<div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserticket') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solserticketdescrit') }} </p>">
												<label for="SolSerBascula">{{ __('adminlte::message.solserticket') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" {{(isset($Requerimientos[0]))&&($Requerimientos[0]['RequeCliBascula'] === 1) ? "" : "disabled"}} {{(isset($Requerimientos[0]))&&($Requerimientos[0]['auto_RequeCliBascula'] === 1) ? "checked" : ""}} class="testswitch" id="SolSerBascula" name="SolSerBascula" {{ old('SolSerBascula') == 'on' ? 'checked' : '' }} hidden="">
												</div>
											</label>
										</div>
										<div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserperscapa') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solserperscapadescrit') }} </p>">
												<label for="SolSerCapacitacion">{{ __('adminlte::message.solserperscapa') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" {{(isset($Requerimientos[0]))&&($Requerimientos[0]['RequeCliCapacitacion'] === 1) ? "" : "disabled"}} {{(isset($Requerimientos[0]))&&($Requerimientos[0]['auto_RequeCliCapacitacion'] === 1) ? "checked" : ""}} class="testswitch" id="SolSerCapacitacion" name="SolSerCapacitacion" {{ old('SolSerCapacitacion') == 'on' ? 'checked' : '' }} hidden="">
												</div>
											</label>
										</div>
										<div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsermaspers') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solsermaspersdescrit') }} </p>">
												<label for="SolSerMasPerson">{{ __('adminlte::message.solsermaspers') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" {{(isset($Requerimientos[0]))&&($Requerimientos[0]['RequeCliMasPerson'] === 1) ? "" : "disabled"}} {{(isset($Requerimientos[0]))&&($Requerimientos[0]['auto_RequeCliMasPerson'] === 1) ? "checked" : ""}} class="testswitch" id="SolSerMasPerson" name="SolSerMasPerson" {{ old('SolSerMasPerson') == 'on' ? 'checked' : '' }} hidden="">
												</div>
											</label>
										</div>
										<div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solservehicexclusi') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solservehicexclusidescrit') }} </p>">
												<label for="SolSerVehicExclusive">{{ __('adminlte::message.solservehicexclusi') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" {{(isset($Requerimientos[0]))&&($Requerimientos[0]['RequeCliVehicExclusive'] === 1) ? "" : "disabled"}}  {{(isset($Requerimientos[0]))&&($Requerimientos[0]['auto_RequeCliVehicExclusive'] === 1) ? "checked" : ""}} class="testswitch" id="SolSerVehicExclusive" name="SolSerVehicExclusive" {{ old('SolSerVehicExclusive') == 'on' ? 'checked' : '' }} hidden="">
												</div>
											</label>
										</div>
										<div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solservehicplata') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solservehicplatadescrit') }} </p>">
												<label for="SolSerPlatform">{{ __('adminlte::message.solservehicplata') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" {{(isset($Requerimientos[0]))&&($Requerimientos[0]['RequeCliPlatform'] === 1) ? "" : "disabled"}} {{(isset($Requerimientos[0]))&&($Requerimientos[0]['auto_RequeCliPlatform'] === 1) ? "checked" : ""}} class="testswitch" id="SolSerPlatform" name="SolSerPlatform" {{ old('SolSerPlatform') == 'on' ? 'checked' : '' }} hidden="">
												</div>
											</label>
										</div>
										{{-- <div class="col-md-4" style="text-align: center;">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserdevelem') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solserdevelemdescrit') }} </p>">
												<label for="SolSerDevolucion">{{ __('adminlte::message.solserdevelem') }}</label>
												<div style="width: 100%; height: 34px;">
													<input type="checkbox" class="testswitch" id="SolSerDevolucion" name="SolSerDevolucion" {{ old('SolSerDevolucion') == 'on' ? 'checked' : '' }}>
												</div>
											</label>
										</div>
										<div class="form-group col-md-6 col-md-offset-3" style="text-align: center;" hidden="">
											<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsernameelem') }}</b>" data-content="<p style='width: 50%'> {{ __('adminlte::message.solsernameelemdescrit') }} </p>" class="col-md-12" >
												<label for="SolSerDevolucionTipo">{{ __('adminlte::message.solsernameelem') }}</label>
												<input maxlength="128" type="text" class="form-control" id="SolSerDevolucionTipo" name="SolSerDevolucionTipo" value="{{ old('SolSerDevolucionTipo')}}">
												<small class="help-block with-errors"></small>
											</label>
										</div> --}}
									</div>
								</div>
							</div>
							<div class="col-md-12" style="text-align: center;">
								<b>{{ __('adminlte::message.solserrespelsend') }}</b>
							</div>
							<div id="Generador0" class="box box-success col-md-12">
								<div class="form-group col-md-16">
									<label data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solserselectgener') }}</b>" data-content="{{ __('adminlte::message.solserselectgenerdescrit') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{ __('adminlte::message.solserselectgener') }}</label>
									<button type="button" class="btn btn-box-tool boton" style="color: #00a65a;" data-toggle="collapse" data-target=".Respel0" onclick="AnimationMenusForm('.Respel0')" title="Reducir/Ampliar"> <i class="fa fa-plus"></i> </button>
									<small class="help-block with-errors">*</small>
									<select name="SGenerador[0]" id="SGenerador" class="form-control" required="">
										<option onclick="HiddenResiduosGener(0)" value="">{{ __('adminlte::message.select') }}</option>
										@foreach($SGeneradors as $SGenerador)
											<option onclick="ResiduosGener(0,'{{$SGenerador->GSedeSlug}}')" value="{{$SGenerador->GSedeSlug}}">{{$SGenerador->GenerName.' ('.$SGenerador->GSedeName.')'}}</option>
										@endforeach
									</select>
									<br>
								</div>
								<div id="DivRepel0" class="form-group col-md-16">
								</div>
							</div>
							<div id="AddGenerador" class="col-md-16">
								<a onclick="AgregarGenerador()" id="Agregar" class="btn btn-primary" data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b> {{ __('adminlte::message.solseraddgener') }}</b>" data-content="{{ __('adminlte::message.solseraddgenerdescrit') }}"><i class="fas fa-plus-circle"></i> {{ __('adminlte::message.solseraddgener') }}</a>
							</div>
						</div>
						<div id="ModalSupport"></div>
						<div class="box box-info">
							<div class="box-footer">
								<a onclick="$('#Submit').hasClass('disabled') ? $('#Submit').click() : submitverify()" id="Submit2" class="btn btn-success pull-right">{{ __('adminlte::message.applyfor') }}</a>
								<button type="submit" id="Submit" style="display: none;"></button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
@section('NewScript')
<script>
function Switch(){
	$("#SolSerBascula").bootstrapSwitch();
	$("#SolSerCapacitacion").bootstrapSwitch();
	$("#SolSerMasPerson").bootstrapSwitch();
	$("#SolSerVehicExclusive").bootstrapSwitch();
	$("#SolSerPlatform").bootstrapSwitch();
	$("#SolSerDevolucion").bootstrapSwitch();
}
Switch();
function submitverify(){
	var tipoFacturacion = '{{$Cliente->TipoFacturacion}}';
	var CantidadTotalkg = 0;
	for (var i = 0; i < contadorGenerador; i++) {
		for (var y = 0; y <= contadorRespel[i]; y++) {
			if($("#SolResKgEnviado"+i+y).val() != null){
				CantidadTotalkg = parseInt(CantidadTotalkg)+parseInt($("#SolResKgEnviado"+i+y).val());
			}
		}
	}
	if(CantidadTotalkg != 0){
		if((CantidadTotalkg >= 500)||(tipoFacturacion=='Credito')){
			$("#Submit2").empty();
			$("#Submit2").append(`<i class="fas fa-sync fa-spin"></i> Enviando...`);
			$("#Submit2").attr('disabled', true);
			$('#Submit').click();
		}
		else{
			$('#ModalSupport').empty();
			$('#ModalSupport').append(`
				<div class="modal modal-default fade in" id="SupportPay" 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>
								<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>Su solicitud es inferior a 500kg adjunte el soporte de pago</p></span>
									<span style="font-size: 0.3em; color: black;"><p>Su solicitud es de <b>`+CantidadTotalkg+` kg</b></p></span>
								</div>
							</div>
							<div class="modal-header">
								<div class="form-group col-md-12">
									<label style="color: black; text-align: left;" data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>{{ __('adminlte::message.solsersupportpay') }}</b>" data-content="{{ __('adminlte::message.solsersupportpaydescript') }}"><i style="font-size: 1.8rem; color: Dodgerblue;" class="fas fa-info-circle fa-2x fa-spin"></i>{{__('adminlte::message.solsersupportpay')}}</label>
									<small class="help-block with-errors"></small>
									<input name="SupportPay" type="file" data-filesize="5120" class="form-control" data-accept="pdf" accept=".pdf">
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">No, salir</button>
								<label for="Submit" class='btn btn-success'>Enviar</label>
							</div>
						</div>
					</div>
				</div>
			`);
			popover();
			$('#CreateSolSer').validator('update');
			envsubmit();
			$('#SupportPay').modal();
		}
	}
}
function updatecaracteres() {
	var area = document.getElementById("textDescription");
	var message = document.getElementById("caracteresrestantes");
	if (!area || !message) {
		return;
	}
	var maxLength = 4000;
	message.innerHTML = (maxLength - area.value.length) + " caracteres restantes";
}
$(document).ready(function(){
	$('#textDescription').on('keyup change', updatecaracteres);
	updatecaracteres();
})
</script>
@include('solicitud-serv.layaoutsSolSer.functionsSolSer')
@endsection