@extends('menu/menu')
<style>
.mostrar {
  display: none;

}
@media (max-width: 768px) {
    .mostrar {
    display: block;
    
  }
}
.selectBox{
    position: relative;
}
.overSelect{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#checkboxes2{
    display: none;
    border: 1px #dadada solid;
    background-color: white;
}
#checkboxes2 label{
    display: block;
}
#checkboxes2 label:hover{
    background-color: #1e90ff;
}
</style>
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
{{-- <script src="https://files.codepedia.info/files/uploads/iScripts/html2canvas.js"></script> --}}

<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<style>
    canvas {
        width: 250px;
        height: 250px;
        background-color: #fff;
    }
@media screen and (max-width: 768px) {
  canvas {
         width: 250px;
         height: 250px;
      z-index:99999;
      float:center;
         background-color: #fff;
     }
}
</style>

@section('content')
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif

@if ( session('mensaje_error') )

    <div class="alert alert-danger">{{ session('mensaje_error') }}</div>

@endif

 	<!-- body code goes here -->
    <div class="mostrar" style="text-align: right">
       <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

    </div>
	  
   <div class="container-fluid">
    <div class="container">
		
	
		@if ( $datos_asignacion[0]->estado_inicio == null || $datos_asignacion[0]->estado_inicio == "" )
    		<a class="dropdown-item" href="{{route('iniciando.checklist',Crypt::encryptString($datos_asignacion[0]->id_checklist))}}" style="text-align: right"> <button class="btn btn-success float-sm-right" style="margin-top: 30px">Iniciar Check</button></a> 
		@else

		@endif

		
		
      <form action="{{route('finalizar.checklist',Crypt::encryptString($datos_asignacion[0]->id_checklist))}}" method="POST" class="needs-validation" novalidate>
        @csrf
    			<!-- BARRA DE BUSQUEDA -->
				<h1 style="margin-top: 70px">CHECKLIST DE INSTALACIÓN DE EQUIPOS</h1>

				<div class="row reex" style="height: auto">

				<!-- ASIGNACIÓN -->
				<div class="container col-12" style="margin-top: 10px">
					<h2><strong>Asignación</strong></h2>
				</div>
				<!-- Fila 1 ------------------------------------------------------>

				<div class="container col-sm-3 form-group">
					<label for=""><h2>Nº de visita</h2></label>
					<input type="number" class="form-control" id="" placeholder="Nº DE VISITA"  style="pointer-events: none"  readonly="readonly" value="{{$datos_asignacion[0]->numero_visita}}" name="">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Tipo de visita</h2></label>
					<input type="" class="form-control" id="" placeholder="Nº DE VISITA"  style="pointer-events: none"  readonly="readonly" value="{{$tipo_visita->descripcion}}" name="">
				</div>

				<input type="hidden"  value="{{$accion}}" name="acc">

				<div class="container col-sm-6 form-group ali">
					<label for=""><h2>Proyecto asociado</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$proyecto_asociado[0]->nombre}}" >
				</div>

				<div class="container col-md-12"><hr class="linea"></div>


				<!-- Detalle del Cliente -->
				<div class="container col-12">
					<h2><strong>Detalle del Cliente</strong></h2>
				</div>

				<!-- Fila 2 ------------------------------------------------------>
				<div class="container col-sm-6 form-group">
					<label for=""><h2>Cliente</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$proyecto_asociado[0]->razon_social}}" >
				</div>
				<div class="container col-sm-6 form-group">
					<label for=""><h2>Fecha</h2></label>
					<input type="" class="form-control" id="" placeholder="FECHA" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{Carbon\Carbon::createFromDate($datos_asignacion[0]->fecha_instalacion ?? '')->format('d-m-Y')}}" name="">
				</div>

				<!-- Fila 3 ------------------------------------------------------>
				<div class="container col-sm-6 form-group">
					<label for=""><h2>Dirección</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Csdireccion}}" name="">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Comuna</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Cscomuna}}" name="">
				</div>
				<div class="container col-sm-3 form-group"></div>

				<!-- Fila 4 ------------------------------------------------------>
				<div class="container col-sm-6 form-group">
					<label for=""><h2>Contacto</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Cscontacto}}" name="">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>SC</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->CsSC}}" name="">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>CUI o Código Sucursal</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Cscui}}" name="">
				</div>

				<div class="container col-md-12"><hr class="linea"></div><br>

				<!-- Detalle de Equipamiento -->
				<div class="container col-12">
					<h2><strong>Detalle de Equipamiento</strong></h2>
				</div>

				<!-- Fila 5 ------------------------------------------------------>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Marca</h2></label>
					<input type="" required class="form-control" id="" placeholder="MARCA" name="marca" value="KYOCERA">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Serie</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->CsSerie}}" name="">
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Modelo</h2></label>
					<input type="" class="form-control" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->CsModelo}}" name="">
				</div>

				<div class="container col-sm-3 form-group">
					<label for=""><h2>Tipo Equipo</h2></label>
					<select required  name="tipo_equipo" id="tipo_equipo" class="custom-select ">

						@if(!empty($$datos_asignacion[0]->tipo_equipo))		
							<option value="" required >SELECCIONE</option>
							@if ($datos_asignacion[0]->tipo_equipo == "multifuncional")
								<option value="multifuncional"  selected {{ old('tipo_equipo') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
								<option value="impresora"  {{ old('tipo_equipo') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>	
							@elseif($datos_asignacion[0]->tipo_equipo == "impresora")
							<option value="multifuncional"   {{ old('tipo_equipo') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
							<option value="impresora"  selected {{ old('tipo_equipo') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
							@else
									<option value="multifuncional"   {{ old('tipo_equipo') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
									<option value="impresora"  {{ old('tipo_equipo') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
							@endif
						@else	

						  <option value="multifuncional"   {{ old('tipo_equipo') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
						  <option value="impresora"  {{ old('tipo_equipo') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
						@endif


					</select>
					@error('tipo_equipo')
						<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>

				<div class="container col-sm-3 form-group checkbox alincheck">
					<input type="checkbox"  id="cambio_serie" name="cambio_serie"  value="cambio_serie" {{ (! empty(old('cambio_serie')) ? 'checked' : '') }} onclick="desabilitar()">
					<label for="cambio_serie"> <h3>Cambio de serie</h3></label>
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Serie de remplazo</h2></label>
					<input type="" class="form-control" id="serie_remplazo" disabled placeholder="SERIE DE REMPLAZO" name="serie_remplazo" value="{{@old('serie_remplazo')}}">
					@error('serie_remplazo')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Modelo de remplazo</h2></label>
					<input type="" class="form-control" id="modelo_remplazo" disabled placeholder="MODELO DE REMPLAZO" name="modelo_remplazo" value="{{@old('modelo_remplazo')}}">
					@error('modelo_remplazo')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>

				<!-- Fila 7 ------------------------------------------------------>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>IP (*)</h2></label>
					<input type="" class="form-control" id="" required placeholder="" name="ip"  placeholder="" value="{{$datos_asignacion[0]->CsIP}}">
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('ip')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Software (*)</h2></label>
					<select name="Software" id="Software" class="custom-select col-mb-3">
						<option value="8" required selected>SELECCIONE</option>
						@if(!empty($softwares))
						  @foreach ($softwares   as $los_datos)
						      @if ($los_datos->id == $datos_asignacion[0]->id)
						       <option selected value="{{$los_datos->id}}"  {{ old('Software') == $los_datos->id ? 'selected' : '' }}>  {{$los_datos->descripcion}} </option>
						     @else
						    <option value="{{$los_datos->id}}"  {{ old('Software') == $los_datos->id ? 'selected' : '' }}>  {{$los_datos->descripcion}} </option>

						     @endif
						   @endforeach
						@endif
					</select>
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('Software')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Mask (*)</h2></label>
					<input type="" class="form-control" id="" placeholder="Mask"   required  placeholder="" value="{{$datos_asignacion[0]->CsMsk}}" name="Mask">
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('Mask')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Gateway (*)</h2></label>
					<input type="" class="form-control" id="" placeholder="Gateway"   required  placeholder="" value="{{$datos_asignacion[0]->CsGateway}}" name="Gateway">
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('Gateway')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
				</div>
				<!-- Fila 8 ------------------------------------------------------>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Contador B/N(*)</h2></label>
					<input type="number" class="form-control" id="" placeholder="Contador B/N" onKeyPress="return soloNumeros(event)"   required   placeholder="" value="{{$datos_asignacion[0]->CnContador ?? ''}}" name="contador_bn">
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('contador_bn')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group">
					<label for=""><h2>Contador color(*)</h2></label>
					<input type="number" class="form-control" id="" placeholder="Contador color" required  onKeyPress="return soloNumeros(event)"   placeholder="" value="{{$datos_asignacion[0]->CnContador_color ?? 0}}" name="contador_color">
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
					@error('contador_color')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror
				</div>
				<div class="container col-sm-3 form-group"></div>
				<div class="container col-sm-3 form-group"></div>

				<div class="container col-md-12"><hr class="linea"></div>
					
				<div class="container col-sm-6 form-group realin">
					<!-- Accsesorios -->
					<div class="container col-12">
						<h2><strong>Accesorios</strong></h2>
					</div>

					<div class="row">

						<!-- FILA 8.1 -->  
						<div class="col-md-6 form-group checkbox alincheck">
							<input type="checkbox"   id="band_ad" name="band_ad"  value="bandeja-adicional" {{ (! empty(old('band_ad')) ? 'checked' : '') }}>
							<label for="band_ad"><h3>Bandeja adicional</h3></label>
						</div>
						<div class="col-sm-6 form-group">
							<label for=""><h2>Modelo de bandeja</h2></label>
							<input type="" class="form-control" id="" placeholder="MODELO DE BANDEJA" name="modelo_bandeja" >
							@error('modelo_bandeja')
								<div class="alert alert-danger">{{ $message }}</div>
							@enderror
						</div>

						<!-- FILA 8.2 -->
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="mueble" name="mueble" value="{{$datos_asignacion[0]->CsMueble ?? ''}}" {{ (! empty(old('mueble')) ? 'checked' : '') }}>
							<label for="mueble"><h3>Mueble (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
							@error('mueble')
								<div class="alert alert-danger">{{ $message }}</div>
							@enderror
						</div>
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="kit_lector" name="kit_lector" value="{{$datos_asignacion[0]->CsKit_lector ?? ''}}" {{ (! empty(old('kit_lector')) ? 'checked' : '') }}>
							<label for="kit_lector"><h3>Kit lector (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.3 -->
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="memoria_sd" name="memoria_sd" value="{{$datos_asignacion[0]->CsSD ?? ''}}" {{ (! empty(old('memoria_sd')) ? 'checked' : '') }}>
							<label for="memoria_sd"><h3>Memoria SD (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>
						{{-- {{$datos_asignacion[0]->CsCable_red}} --}}
						<div class="col-md-6 form-group checkbox alincheck-2"> 
							<input type="checkbox" required id="cable_red" name="cable_red" value="{{$datos_asignacion[0]->CsCable_red ?? ''}}" >
							<label for="cable_red"><h3>Cable red (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.4 -->
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="cable_poder" name="cable_poder" value="{{$datos_asignacion[0]->CsCable_poder ?? ''}}" {{ (! empty(old('cable_poder')) ? 'checked' : '') }}>
							<label for="cable_poder"><h3>Cable de poder (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>
						<div class="col-md-6"></div>
					</div>
				</div>


								{{-- para diferenciar si es manual  o no  --}}
								@if(!empty($manual))
								<input type="text" id="tipo_instalacion" name="tipo_instalacion" style="display:none" value="{{$manual  ?? ''}}">
							@else	
			
							<input type="text" id="tipo_instalacion" name="tipo_instalacion" style="display:none" value="no">
			
							@endif

				<div class="container col-sm-6 form-group realin">
					<!-- Configuración -->
					<div class="container col-12">
						<h2><strong>Configuración</strong></h2>
					</div>

					<div class="row">

						<!-- FILA 8.1 -->
						<div class="col-md-6 form-group">
							<label for=""><h2>Tipo de conexión (*)</h2></label>
							<select required name="tipo_conexion" id="tipo_conexion" class="custom-select col-mb-3">
								<option value="" selected>SELECCIONE</option>
								@if(!empty($tipo_conexion))
								@foreach ($tipo_conexion  as $los_datos)

								@if ($los_datos->id == $datos_asignacion[0]->id)
									<option selected value="{{$los_datos->id}}"  {{ old('tipo_conexion') == $los_datos->id ? 'selected' : '' }}>{{$los_datos->descripcion}} </option>
								@else
									<option value="{{$los_datos->id}}"  {{ old('tipo_conexion') == $los_datos->id ? 'selected' : '' }}>{{$los_datos->descripcion}} </option>
								@endif

								@endforeach
								@endif
							</select>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
							@error('tipo_conexion')
								<div class="alert alert-danger">{{ $message }}</div>
							@enderror
						</div>
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="conexion_electrica" name="conexion_electrica" value="{{$datos_asignacion[0]->Csconexion_electrica ?? ''}}" {{ (! empty(old('conf_smb')) ? 'checked' : '') }}>
							<label for="conexion_electrica"><h3>Conexión eléctrica (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.2 -->
						<div class=" col-md-6 form-group">
							<label for=""><h2>Nombre servidor (*)</h2></label>
							<select required name="servidores"  id="servidores"  class="custom-select col-mb-3">
								<option value="" selected>SELECCIONE</option>
								@if(!empty($servidores))
								@foreach ($servidores   as $los_datos)
								@if ($los_datos->id == $datos_asignacion[0]->id)
								   <option selected value="{{$los_datos->id}}" {{ old('servidores') == $los_datos->id ? 'selected' : '' }}>{{$los_datos->descripcion}} </option>
								@else
								   <option value="{{$los_datos->id}}" {{ old('servidores') == $los_datos->id ? 'selected' : '' }}>{{$los_datos->descripcion}} </option>

								@endif
								
								@endforeach
								@endif
							</select>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
							@error('servidores')
								<div class="alert alert-danger">{{ $message }}</div>
							@enderror
						</div>
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="servidor_impresion" name="servidor_impresion" value="{{$datos_asignacion[0]->Csservidor_impresion ?? ''}}"{{ (! empty(old('servidor_impresion')) ? 'checked' : '') }}>
							<label for="servidor_impresion"><h3>Servidor de impresión (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.3 -->
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="conf_smb" name="conf_smb" value="{{$datos_asignacion[0]->Csconfig_smb ?? ''}}" {{ (! empty(old('conf_smb')) ? 'checked' : '') }}>
							<label for="conf_smb"><h3>Config. SMB (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required id="conf_email" name="conf_email" value="{{$datos_asignacion[0]->Csconfig_email ?? ''}}" {{ (! empty(old('conf_email')) ? 'checked' : '') }}>
							<label for="conf_email"><h3>Config. Email (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.4 -->
						<div class="col-md-6 form-group checkbox alincheck-2 caja-roja">
							<input type="checkbox" required  id="modo_U253" name="modo_U253" value="{{$datos_asignacion[0]->modo_U253 ?? ''}}" {{ (! empty(old('modo_U253')) ? 'checked' : '') }}>
							<label for="modo_U253"><h3>modo U253 (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>
						<div class="col-md-6 form-group checkbox alincheck-2">
							<input type="checkbox" required  id="ins_driver" name="ins_driver" value="{{$datos_asignacion[0]->ins_driver ?? ''}}" {{ (! empty(old('ins_driver')) ? 'checked' : '') }}>
							<label for="ins_driver"><h3>Instalación de driver manual (*)</h3></label>
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>

						<!-- FILA 8.5 -->
						<div class="col-md-6 form-group">
							<label for=""><h2>Cantidad de usuarios (*)</h2></label>
							<input type="number" class="form-control" id="cantidad_usuarios" required placeholder="Cantidad de usuarios" name="cantidad_usuarios" value="{{$datos_asignacion[0]->Cscantidad_usuarios ?? ''}}">
							<div class="invalid-feedback">
								Este campo es requerido!
							</div>
						</div>
						<div class="col-md-6 form-group"></div>
					</div>
				</div>
				<div class="container col-md-12"><hr class="linea"></div>
				<!--EQUIPO SALIENTE-->
                <div class="container col-sm-12 form-group checkbox">
                    <label for="">Equipo de remplazo</label><br>
                    <input type="checkbox"  id="equipo_remplazo_si"  name="equip_remplazo_si" onchange="javascript:showContent(); javascript:changeCheckNo()">
                    <label for="equipo_remplazo_si"> <h3> Si </h3></label>
                    <input type="checkbox"  id="equipo_remplazo_no"  name="equip_remplazo_no" onchange="javascript:showContent(); javascript:changeCheckSi()">
                    <label for="equipo_remplazo_no"> <h3> No </h3></label>
                </div>
                <div class="container row" id="equipo_de_remplazo" style="display:none">
                    <div class="container col-12">
                        <h2><strong>Detalle de Equipamiento</strong></h2>
                        <h4><strong>Equipo Saliente</strong></h4>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Marca</h2></label>
                        <input type="" required class="form-control" id=""  placeholder="MARCA" name="marca_es" value="KYOCERA">
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Serie</h2></label>
                        <input type="" class="form-control" id="" value="{{$datos_asignacion[0]->CsSerie_es ?? ''}}" placeholder="" value="" name="serie_es">
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Modelo</h2></label>
                        <input type="" class="form-control" id="" value="{{$datos_asignacion[0]->CsModelo_es ?? ''}}" placeholder="" value="" name="modelo_es">
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Tipo Equipo</h2></label>
                        <select required  name="tipo_equipo_es" id="tipo_equipo" class="custom-select ">
                            @if(!empty($$datos_asignacion[0]->CsTipoequipo_es))        
                            <option value="" required >SELECCIONE</option>
                            @if ($datos_asignacion[0]->CsTipoequipo_es == "multifuncional")
                            <option value="multifuncional"  selected {{ old('CsTipoequipo_es') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
                            <option value="impresora"  {{ old('CsTipoequipo_es') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>    
                            @elseif($datos_asignacion[0]->CsTipoequipo_es == "impresora")
                            <option value="multifuncional"   {{ old('CsTipoequipo_es') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
                            <option value="impresora"  selected {{ old('CsTipoequipo_es') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
                            @else
                            <option value="multifuncional"   {{ old('CsTipoequipo_es') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
                            <option value="impresora"  {{ old('CsTipoequipo_es') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
                            @endif
                            @else    
                            <option value="multifuncional"   {{ old('CsTipoequipo_es') == "multifuncional" ? 'selected' : '' }} required >MULTIFUNCIONAL</option>
                            <option value="impresora"  {{ old('CsTipoequipo_es') == "impresora" ? 'selected' : '' }} required >IMPRESORA</option>
                            @endif
                        </select>
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Contador B/N</h2></label>
                        <input type="number" class="form-control" id="" value="{{$datos_asignacion[0]->CsContador_es ?? ''}}" name="contador_bn_es" placeholder="Contador B/N" onKeyPress="return soloNumeros(event)" >
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for=""><h2>Contador color</h2></label>
                        <input type="number" class="form-control" id="" value="{{$datos_asignacion[0]->CsContadorcolor_es ?? ''}}" name="contador_color_es" placeholder="Contador color"  onKeyPress="return soloNumeros(event)" >
						<div class="invalid-feedback">
								Este campo es requerido!
						</div>
                    </div>
        
                    <div class="container col-sm-3 form-group"></div>
                    <div class="container col-sm-3 form-group"></div>
                </div>
                <div class="container col-md-12"><hr class="linea"></div>
				<!--FIN EQUIPO SALIENTE-->
				<!--SOLICITUD DE ACCESORIOS-->
				<div class="container col-sm-12 form-group checkbox">
					<label for="">Desea solicitar repuesto</label><br>
					<input type="checkbox" id="accesorios_si" name="accesorios_si" onchange="javascript:showContent2(); javascript:changeCheckNo2()">
					<label for="accesorios_si">
						<h3> Si </h3>
					</label>
					<input type="checkbox" id="accesorios_no" name="accesorios_no" onchange="javascript:showContent2(); javascript:changeCheckSi2()">
					<label for="accesorios_no">
						<h3> No </h3>
					</label>
				</div>
				<!--MOTIVOS-->
				<div class="container col-sm-12" id="motivos" style="display:none">
					<label for="" class="">Motivo</label><br>
					<input type="checkbox" id="motivo_1" name="motivo_1" onchange="javascript:showContent3(); javascript:changeCheckMotivo1();">
					<label for="motivo_1">
						<h3> Fin de vida util </h3>
					</label>
					<input type="checkbox" id="motivo_2" name="motivo_2" onchange="javascript:showContent4(); javascript:changeCheckMotivo2();">
					<label for="motivo_2">
						<h3> Garantia </h3>
					</label>
					<input type="checkbox" id="motivo_3" name="motivo_3" onchange="javascript:showContent3(); javascript:changeCheckMotivo3();">
					<label for="motivo_3">
						<h3> Daño de usuario </h3>
					</label>
				</div>
				<!--FIN MOTIVOS-->
				<!--FOTOS-->
				<div class="container" id="fotos_accesorios" style="display:none">
					<button class="btn btn-info btn-block asignarimagenes" type="button">Subir imagenes</button>
				</div>
				<!--FIN FOTOS-->
				<!--ACCESORIOS DAÑADOS-->
				<div class="container row mt-2" id="div_accesorios_dañados" style="display:none">
					<div class="container col-12">
						<h2><strong>Seleccione partes dañadas</strong></h2>
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>Nombre de parte</h2>
						</label>
						<input type="" class="form-control" id="keywords2" placeholder="Nombre de parte" name="" value="" oninput="myFunction2()">
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>Número de parte</h2>
						</label>
						<input type="" class="form-control" id="articulo2" placeholder="Número de parte" name="" value="" oninput="myFunction2()">
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>ID</h2>
						</label>
						<input type="" class="form-control" id="id_accesorio2" placeholder="ID" name="" value="" oninput="myFunction2()">
					</div>
					<div class="container col-sm-12 mb-2 ml-2" id="" style="max-height: 300px; border: 0.1px solid #ddd;background: white; overflow-y: scroll;">
						<table class="table table-hover">
							<tbody id="accesorios2"></tbody>
						</table>
					</div>
					<div class="container col-12 mb-2 ml-2" style="background-color: white;">
						<table class="table table-hover">
							<tbody>
								<thead>
									<th scope="col">Nombre de parte</th>
									<th scope="col">Numero de parte</th>
									<th scope="col">S/N parte</th>
									<th scope="col">Cantidad</th>
									<th scope="col">Acciones</th>
								</thead>
							<tbody id="agregar_accesorios2">
							</tbody>
						</table>
					</div>
				</div>
				<!--FIN DE ACCESORIOS DAÑADOS-->
				<!--ACCESORIOS A SOLICITAR-->
				<div class="container row" id="div_accesorios_solicitados" style="display:none">
					<div class="container col-12">
						<h2><strong>Seleccione partes a solicitar</strong></h2>
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>Nombre de parte</h2>
						</label>
						<input type="" class="form-control" id="keywords" placeholder="Nombre de parte" name="" value="" oninput="myFunction()">
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>Número de parte</h2>
						</label>
						<input type="" class="form-control" id="articulo" placeholder="Número de parte" name="" value="" oninput="myFunction()">
					</div>
					<div class="container col-sm-4 form-group">
						<label for="">
							<h2>ID</h2>
						</label>
						<input type="" class="form-control" id="id_accesorio" placeholder="ID" name="" value="" oninput="myFunction()">
					</div>
					<div class="container col-sm-12 mb-2 ml-2" id="" style="max-height: 300px; border: 0.1px solid #ddd;background: white; overflow-y: scroll;">
						<table class="table table-hover">
							<tbody id="accesorios"></tbody>
						</table>
					</div>
					<div class="container col-12 mb-2 ml-2" style="background-color: white;">
						<table class="table table-hover">
							<tbody>
								<thead>
									<th scope="col">Nombre de parte</th>
									<th scope="col">Numero de parte</th>
									<th scope="col">S/N parte</th>
									<th scope="col">Cantidad</th>
									<th scope="col">Acciones</th>
								</thead>
							<tbody id="agregar_accesorios">
							</tbody>
						</table>
					</div>
				</div>
				<!--FIN SOLICITUD DE ACCESORIOS A SOLICITAR-->
                <div class="container col-md-12"><hr class="linea"></div>
				<div class="container col-sm-12 form-group checkbox">
					<input type="checkbox"  id="equipo_operativo" required name="equipo_operativo" value="{{$datos_asignacion[0]->equipo_operativo ?? ''}}" {{ (! empty(old('ins_driver')) ? 'checked' : '') }}>
					<label for="equipo_operativo"> <h3>Equipo operativo</h3></label>
				</div>

				<div class="container col-md-12"><hr class="linea"></div>

				<div class="container col-sm-12 form-group checkbox">
					<label for="cambio"> <h3>Observaciones</h3></label>
					<textarea required class="form-control" id="cambio" name="obsercaviones" rows="4"  name="observaciones">   {{$datos_asignacion[0]->CsObservacion ?? ''}} {{old('obsercaviones')}}</textarea>
					<div class="invalid-feedback">
						Este campo es requerido!
					</div>
				</div>

				<div class="container col-md-12"><hr class="linea"></div>

				<!-- FIRMAS CONTRAPARTES -->
				<div class="container col-sm-6 form-group realin">
					<div class="container col-sm-12">
						<label for=""><h2>Datos del Técnico</h2></label>
						<input readonly type="text" class="form-control" id="" placeholder="DATOS DEL TÉCNICO" name="" value="{{ $datos_asignacion[0]->nombrepersona. " ". $datos_asignacion[0]->nombrepe  ?? ''}}">
					</div>
                
					<div class="container col-sm-12 form-group">
				  
                        
			  
						  					
	
						  

						</div>
						



					<div class="container col-sm-12 form-group"></div>
				</div>
                </form>
					
				
				<div class="container col-sm-6 form-group realin">
            		<div class="container col-sm-12">
                 		<label for=""><h2>Datos del Contacto</h2></label>
                  		<input readonly required type="text" class="form-control"  placeholder="DATOS DEL CONTACTO" name="contacto_firma" value="{{ $datos_asignacion[0]->Cscontacto }}">
                  	</div>
				  	<div class="container col-sm-12 form-group">
						<label for=""><h2>Firma Contacto</h2></label>

					  </div>

					
					  {{--  solo pude agregar firma cuando este iniciado --}}
					  @php
                        $hora_actual = Carbon\Carbon::now();
                        $date = $hora_actual->toTimeString();
                        $hora_salida = "20:00:00";
                        $hora_entrada = "08:00:00";
						@endphp
						{{-- $date --}}
                    <!--@if ($date > $hora_entrada && $date < $hora_salida)-->
			@if ( $datos_asignacion[0]->estado_inicio != 0 || $datos_asignacion[0]->estado_inicio != ""  )	
			<form id='formCanvas' method='post' action="{{route('guardandofotosprueba')}} " enctype='multipart/form-data'>	  
				<div class="container col-sm-12 form-group checkbox">
					<input type="checkbox"  id="no_firma_cliente" name="no_firma_cliente" value="si">
					<label for="no_firma_cliente"> <h3>Cliente se niega a firmar</h3></label>
					<div id="contenido" class="table table-responsive" style="background-color:#e8f5fe; display;"  > 
						@csrf
						<table>
							<tr><td><canvas id="pizarra" name="img_firma" ><_tecnico/canvas></td></tr>
						</table>
						<input type="text" style="display: none"  id="imagen_firma" value="" name="imagen_firma">
						<input type="text" style="display:none "  id="check" value="{{Crypt::encryptString($datos_asignacion[0]->id_checklist)}}" name="check">
						{{-- <button type='button' onclick='LimpiarTrazado()'> --}}
						<button type='submit' id="enviar_firma" >Guardar</button>
						<button type='button' id="borrars"  onclick="borrar()" >Borrar</button>
						@if($datos_asignacion[0]->url_firma != "")
							<label for="">( Firma ya Registrada) </label>
						@endif
						<input type='hidden' name='imagen' id='imagen' />									
					</div>
					<div class="form-group">
                        <button class="btn btn-info btn-block" type="button">Firma masiva</button>
                        <div class="multiselect">
                            <div class="selectBox" onclick="showCheckBoxes2()">
                                <select class="form-control">
                                <option>Seleccionar checks</option>
                                </select>
                                <div class="overSelect"></div>
                            </div>
                            <div id="checkboxes2">
                                <label for="one">
                                    @if(!empty($datos_instalacion))
                                    @foreach ($datos_instalacion as $checks)
                                    <div><input type="checkbox" id="jerarquia" name="jerarquia[]" value="{{$checks->idcheck}}">{{strtoupper($checks->Csdireccion)}} - {{strtoupper($checks->Cscliente)}} - {{$checks->CsSerie ?? 'Sin serie'}}</div>
                                    @endforeach
                                    @endif
                                </label>
                            </div>
                        </div>
                    </div>
				</div>
			</form>
			@endif	
			<!--@endif-->
				  </div>
				  
				<!-- FIN FIRMAS CONTRAPARTES -->
				
					
				{{-- 
						<div class="container col-sm-12 form-group checkbox">
							<button class="btn btn-verimg asignarimagen" type="button">SUBIR IMÁGENES</button>		
						</div>

						<div class="container form-group">

			  	
					  <button class="btn btn-rechazar float-sm-right" type="button">Cancelar</button>
					  <button class="btn btn-conf float-sm-right" type="submit">Finalizar</button>

				  @endif --}}


@if ( $datos_asignacion[0]->estado_inicio != 0 || $datos_asignacion[0]->estado_inicio != ""  )		
	<div class="container col-sm-12 form-group checkbox">
		<label for=""><h2>SUBIR IMÁGENES</h2></label><br>

	@if($cantidad_fotos != 0)
	(El siguiente Check, ya tiene imagenes asociadas)<br>
	@endif
		<button class="btn btn-verimg asignarimagen" type="button">IOS</button>	
		<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_fotos_android">
			Android
		</button>	
		<button type="button" style="background-color: rgb(56, 193, 114); color: #fff" class="btn " data-toggle="modal" data-target="#modal_fotos_email">
		Por	Email
		</button>	

		
	</div>	    
				  
				  <div class="container col-sm-4 form-group ali">
					<label for=""><h2>Estado</h2></label>
					<select name="estado" required class="custom-select mayuscula col-mb-3" id="estado">
					
						@if(!empty($estado))
							@foreach ($estado   as $los_datos)
								@if($los_datos == "Finalizar" || $los_datos == "finalizar")
									<option class="mayuscula" selected value="{{$los_datos}}"  {{ old('estado') == $los_datos ? 'selected' : '' }}>  {{$los_datos}} </option>
								@else
									<option class="mayuscula" value="{{$los_datos}}"  {{ old('estado') == $los_datos ? 'selected' : '' }}>  {{$los_datos}} </option>
								@endif	
							@endforeach
						@endif
					</select>			
					@error('estado')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror	

				</div>		
				<div class="container col-sm-4 form-group ali">
					<label for=""><h2>Detalle</h2></label>
					
					<select name="detalle" required class="custom-select mayuscula col-mb-3" id="detalle">
						
						@if(!empty($detalle))
							@foreach ($detalle   as $los_datos)
								@if($los_datos == "Equipo operativo" || $los_datos == "equipo operativo")
									<option class="mayuscula" selected value="{{$los_datos}}"  {{ old('detalle') == $los_datos ? 'selected' : '' }}>  {{$los_datos}} </option>
								@else 
									<option class="mayuscula" value="{{$los_datos}}"  {{ old('detalle') == $los_datos ? 'selected' : '' }}>  {{$los_datos}} </option>
								@endif 
							@endforeach
						@endif
					</select>

					@error('detalle')
					<div class="alert alert-danger">{{ $message }}</div>
					@enderror			
					</div>
				<div class="container col-sm-4 form-group ali" style="margin-top: 12px">
					<div></div><br>

					<button class="btn btn-conf float-sm-right form-control "  type="submit">GUARDAR</button>
			</div>
			</div>		

		@endif
			</div> 

          </form >    
    </div>
    
    <!-- FIN BARRA DE BUSQUEDA -->
  </div>
    
      

	</div>
	<!--MODAL FOTOS ACCESORIOS-->
<div class="modal fade" id="modal_fotos_accesorios" role="dialog">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h1 style="margin-top: 50px">Ingrese las fotos de accesorios</h1>
				<button type="button" class="close" data-dismiss="modal">&times;</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid">
					<form enctype="multipart/form-data" id="formuploadaccesorios" method="post">
						@csrf
						<div class="container rounded-lg">
							<!-- CARGA DE IMÁGENES DE ACCESORIOS -->
							<div class="row reex" style="height: auto">
								<div class="container col-12" style="margin-top: 10px">
									<h2><strong>Adjunte las imágenes que se solicita a continuación</strong></h2>
								</div>
								<input type="text" style="display:none" name="check_list" id="" value="{{$datos_asignacion[0]->id_checklist}}">
								<div class="container col-12" style="margin-top: 10px">
									<label style="color:red" ; id="mensaje-text" for=""></label>
								</div>
								<!-- 1 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafotoa1" class="espacio_carga_img">
										<h2>Fotografía 1&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file" id="cargafotoa1" name="cargafotoa1">
								</div>
								<!-- 2 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafotoa2" class="espacio_carga_img">
										<h2>Fotografía 2&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa2" name="cargafotoa2">
								</div>
								<!-- 3 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafotoa3" class="espacio_carga_img">
										<h2>Fotografía 3&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa3" name="cargafotoa3">
								</div>
								<!-- 4 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 4&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa4" name="cargafotoa4">
								</div>
								<!-- 5 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 5&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa5" name="cargafotoa5">
								</div>
								<!-- 6 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 6&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa6" name="cargafotoa6">
								</div>
								<!-- 7 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 7&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa7" name="cargafotoa7">
								</div>
								<!-- 8 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 8&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa8" name="cargafotoa8">
								</div>
								<!-- 9 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 9&nbsp; &nbsp;&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa9" name="cargafotoa9">
								</div>
								<!-- 10 -->
								<div class="container col-sm-12 form-group" style="margin-top: 10px">
									<label for="cargafoto3" class="espacio_carga_img">
										<h2>Fotografía 10&nbsp;</h2>
									</label>
									<input type="file"  id="cargafotoa10" name="cargafotoa10">
								</div>
							</div>
							<!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
						</div>
						<div class="container form-group">
							<br>
							<button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
							<button class="btn btn-subir-img float-sm-right upload_accesorios" type="submit">SUBIR IMÁGENES</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!--FIN MODAL FOTOS ACCESORIOS-->
	  <!-- MODAL IMAGENES -->
<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_historial_retiros" role="dialog">
	<div class="modal-dialog  modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
			<h1 style="margin-top: 50px">Ingresar el siguiente ID en la Aplicacción</h1>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
		
					
	  <div class="container-fluid">
		<form enctype="multipart/form-data" id="formuploadajax" method="post">
			@csrf


	    <div class="container rounded-lg">
			<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->

	
			  <div class="row reex" style="height: auto">
				
		
				
            	<div class="container col-12" style="margin-top: 10px">
					<h2><strong>Adjunte las imágenes que se solicita a continuación</strong></h2>
				</div>
				<input type="text" style="display:none" name="check_list" id="" value="{{$datos_asignacion[0]->id_checklist}}">

				<div class="container col-12" style="margin-top: 10px">
					 <label style="color:red"; id="mensaje-text" for=""></label> 
				</div>
				<!-- 1 -->
				<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p1.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
				  <label for="cargafoto1" class="espacio_carga_img"><h2>Fotografía de la página de estado&nbsp; &nbsp;</h2> 
				  </label>
					<input type="file" required id="cargafoto1" name="cargafoto1">
				</div>
			  	<!-- 2 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p2.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto2" class="espacio_carga_img"><h2>Fotografía del panel de la máquina</h2>
					</label>
					<input type="file" required id="cargafoto2" name="cargafoto2">
				</div>
			  	<!-- 3 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p3.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto3" class="espacio_carga_img"><h2>Fotografía a 2 metros del equipo&nbsp; &nbsp;&nbsp;</h2>
					</label>
					<input type="file" required id="cargafoto3" name="cargafoto3">
				</div>  

		  </div>
		  <!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
			
		</div>
		  
		  
		  <div class="container form-group">
				 <br>  
			 	 <button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
				<button class="btn btn-subir-img float-sm-right upload" type="submit">SUBIR IMÁGENES</button>
        	</div>
		  
		</form>  
		  
      </div>		
								 
								 
								 
		 </div>
							
			 
	  </div>
	</div>
  </div>

      <!-- MODAL IMAGENES -->
<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_fotos_email" role="dialog">
	<div class="modal-dialog  modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
			<h1 style="margin-top: 50px">Ingresar 3 Fotos</h1>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
		
					
	  <div class="container-fluid">
		{{-- <form enctype="multipart/form-data" id="formuploadajax" method="post">
			@csrf --}}


	    <div class="container rounded-lg">
			<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->

	
			  {{-- <div class="row reex" style="height: auto"> --}}
				
				<div style="text-align: center; border-style: solid; background: #E8F5FE; border-radius: 5px;border-color: #BAC5D8; padding: 10px"  >
					 <a class="btn btn-info" href="mailto:ayaing@retailmax.cl?subject=<br />
<b>Notice</b>:  Undefined variable: datos_asignacion in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources/views/check/27-12iniciar_checklist.blade.php</b> on line <b>1116</b><br />
<br />
<b>Notice</b>:  Trying to get property 'id_checklist' of non-object in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources/views/check/27-12iniciar_checklist.blade.php</b> on line <b>1116</b><br />
"><h3 style="color: white">Subir Fotos</h3></a><br><br><br>
					 <a class="btn btn-success" href="http://globati.com/ayaingenieria/index.php?id=<br />
<b>Notice</b>:  Undefined variable: datos_asignacion in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources/views/check/27-12iniciar_checklist.blade.php</b> on line <b>1117</b><br />
<br />
<b>Notice</b>:  Trying to get property 'id_checklist' of non-object in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources/views/check/27-12iniciar_checklist.blade.php</b> on line <b>1117</b><br />
" target="_blank"><h3 style="color: white">Confirmar</h3> </a>

				</div>
				
            	{{-- <div class="container col-12" style="margin-top: 10px">
					<h2><strong>Adjunte las imágenes que se solicita a continuación</strong></h2>
				</div>
				<input type="text" style="display:none" name="check_list" id="" value="{{$datos_asignacion[0]->id_checklist}}">

				<div class="container col-12" style="margin-top: 10px">
					 <label style="color:red"; id="mensaje-text" for=""></label> 
				</div>
				<!-- 1 -->
				<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p1.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
				  <label for="cargafoto1" class="espacio_carga_img"><h2>Fotografía de la página de estado&nbsp; &nbsp;</h2> 
				  </label>
					<input type="file" required id="cargafoto1" name="cargafoto1">
				</div>
			  	<!-- 2 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p2.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto2" class="espacio_carga_img"><h2>Fotografía del panel de la máquina</h2>
					</label>
					<input type="file" required id="cargafoto2" name="cargafoto2">
				</div>
			  	<!-- 3 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p3.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto3" class="espacio_carga_img"><h2>Fotografía a 2 metros del equipo&nbsp; &nbsp;&nbsp;</h2>
					</label>
					<input type="file" required id="cargafoto3" name="cargafoto3">
				</div>   --}}

		  {{-- </div> --}}
		  <!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
			
		</div>
		  
		  
		  <div class="container form-group">
				 <br>  
			 	 <button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
				{{-- <button class="btn btn-subir-img float-sm-right upload" type="submit">SUBIR IMÁGENES</button> --}}
        	</div>
		  
		{{-- </form>   --}}
		  
      </div>		
								 
								 
								 
		 </div>
							
			 
	  </div>
	</div>
  </div>
    
  <!-- MODAL IMAGENES -->
<!-- MODAL IMAGENES -->
<div class="modal fade" id="modal_fotos_android" role="dialog">
	<div class="modal-dialog  modal-lg">
	  <div class="modal-content">
		<div class="modal-header">
			<h1 style="margin-top: 50px">Ingresar el siguiente ID en la Aplicacción</h1>
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		</div>
		<div class="modal-body">
		
					
	  <div class="container-fluid">
		{{-- <form enctype="multipart/form-data" id="formuploadajax" method="post">
			@csrf --}}


	    <div class="container rounded-lg">
			<!-- CARGA DE IMÁGENES DE INSTALACIÓN -->

	
			  {{-- <div class="row reex" style="height: auto"> --}}
				
				<div style="text-align: center; border-style: solid; background: #E8F5FE; border-radius: 5px;border-color: #BAC5D8">
					 <h1>ID = {{$datos_asignacion[0]->id_checklist}}</h1>
				</div>
				
            	{{-- <div class="container col-12" style="margin-top: 10px">
					<h2><strong>Adjunte las imágenes que se solicita a continuación</strong></h2>
				</div>
				<input type="text" style="display:none" name="check_list" id="" value="{{$datos_asignacion[0]->id_checklist}}">

				<div class="container col-12" style="margin-top: 10px">
					 <label style="color:red"; id="mensaje-text" for=""></label> 
				</div>
				<!-- 1 -->
				<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p1.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
				  <label for="cargafoto1" class="espacio_carga_img"><h2>Fotografía de la página de estado&nbsp; &nbsp;</h2> 
				  </label>
					<input type="file" required id="cargafoto1" name="cargafoto1">
				</div>
			  	<!-- 2 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p2.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto2" class="espacio_carga_img"><h2>Fotografía del panel de la máquina</h2>
					</label>
					<input type="file" required id="cargafoto2" name="cargafoto2">
				</div>
			  	<!-- 3 -->
			  	<div class="container col-sm-12 form-group" style="margin-top: 10px">
					<img src="{{ asset('img/p3.png') }}" width="30" height="30" class="espacio_carga_img" alt=""/>
					<label for="cargafoto3" class="espacio_carga_img"><h2>Fotografía a 2 metros del equipo&nbsp; &nbsp;&nbsp;</h2>
					</label>
					<input type="file" required id="cargafoto3" name="cargafoto3">
				</div>   --}}

		  {{-- </div> --}}
		  <!-- FIN CARGA DE IMÁGENES DE INSTALACIÓN -->
			
		</div>
		  
		  
		  <div class="container form-group">
				 <br>  
			 	 <button class="btn btn-cancelar float-sm-right guardar" type="button" data-dismiss="modal">CANCELAR</button>
				{{-- <button class="btn btn-subir-img float-sm-right upload" type="submit">SUBIR IMÁGENES</button> --}}
        	</div>
		  
		{{-- </form>   --}}
		  
      </div>		
								 
								 
								 
		 </div>
							
			 
	  </div>
	</div>
  </div>
    
<div class="modal fade" id="modalfirma" tabindex="-1" role="dialog" aria-labelledby="modalfirma" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content" >
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Ingrese Firma</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" >
        </div>
      <div class="modal-footer">

        <button type="button" class="btn btn-primary">Guardar Firma</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>
@endsection

<script>
    var lineas = [];


function borrar(){
		
		// Creamos nuestro canvas
		var canvas = document.getElementById("pizarra");
		var ctx = canvas.getContext("2d");
		
		// Borramos el área que nos interese
		ctx.clearRect(0, 0, canvas.width, canvas.height);
	//	console.log(lineas);
		lineas = [];
	
	}

$(function(){
  
  var element = $("#pizarra"); // global variable
  var getCanvas; // global variable

        function downloadURI(uri, name) {
          var link = document.createElement("a");
          link.download = name;
          link.href = uri;

        }
  html2canvas(element, {
   onrendered: function (canvas) {
                             getCanvas = canvas;
   }
  });


 

  //======================================================================
      // VARIABLES
      //======================================================================
      let miCanvas = document.querySelector('#pizarra');
  
      let correccionX = 0;
      let correccionY = 0;
      let pintarLinea = false;

      let posicion = miCanvas.getBoundingClientRect()
      correccionX = posicion.x;
      correccionY = posicion.y;

      miCanvas.width = 250;
      miCanvas.height = 250;

      //======================================================================
      // FUNCIONES
      //======================================================================

//borrar	




      /**
       * Funcion que empieza a dibujar la linea
       */
      function empezarDibujo () {
          pintarLinea = true;
          lineas.push([]);
      };

      /**
       * Funcion dibuja la linea
       */
      function dibujarLinea (event) {



          event.preventDefault();
          if (pintarLinea) {
              let ctx = miCanvas.getContext('2d')
              // Estilos de linea
              ctx.lineJoin = ctx.lineCap = 'round';
              ctx.lineWidth = 5;
              // Color de la linea
              ctx.strokeStyle = '#000';
              // Marca el nuevo punto
              let nuevaPosicionX = 0;
              let nuevaPosicionY = 0;
              if (event.changedTouches == undefined) {
                  // Versión ratón
                  nuevaPosicionX = event.layerX;
                  nuevaPosicionY = event.layerY;
              } else {
                  // Versión touch, pantalla tactil
                  nuevaPosicionX = event.changedTouches[0].pageX - correccionX;
                  nuevaPosicionY = event.changedTouches[0].pageY - correccionY;
              }
              // Guarda la linea
              lineas[lineas.length - 1].push({
                  x: nuevaPosicionX,
                  y: nuevaPosicionY
              });
              // Redibuja todas las lineas guardadas
              ctx.beginPath();
              lineas.forEach(function (segmento) {
                  ctx.moveTo(segmento[0].x, segmento[0].y);
                  segmento.forEach(function (punto, index) {
                      ctx.lineTo(punto.x, punto.y);
                  });
              });
              ctx.stroke();
          }
      }

      /**
       * Funcion que deja de dibujar la linea
       */
      function pararDibujar () {
          pintarLinea = false;
      }

      //======================================================================
      // EVENTOS
      //======================================================================

      // Eventos raton
      miCanvas.addEventListener('mousedown', empezarDibujo, false);
      miCanvas.addEventListener('mousemove', dibujarLinea, false);
      miCanvas.addEventListener('mouseup', pararDibujar, false);

      // Eventos pantallas táctiles
      miCanvas.addEventListener('touchstart', empezarDibujo, false);
      miCanvas.addEventListener('touchmove', dibujarLinea, false);
  
    ////////////////////////////////////////

        $("#formuploadajax").on("submit", function(e){
            e.preventDefault();
            var f = $(this);
            var formData = new FormData(document.getElementById("formuploadajax"));
            formData.append("dato", "valor");
            //formData.append(f.attr("name"), $(this)[0].files[0]);
            $.ajax({
				url:"{{ route('save.imagenchecklist') }}",
				type: "post",
                dataType: "html",
                data: formData,
                cache: false,
                contentType: false,
	     		processData: false,
		beforeSend : function(){
			
			$("#loader").text("Subiendo Imágenes.....");
          },	 
				 success: function(response) { 
					$("#loader").text("");

					 console.log(response);


					 $("#mensaje-text").text("Imagenes Guardadas");
					 alert("imagenes guardadas");
                       $("#modal_historial_retiros").modal('hide');
				 }
            })
                .done(function(res){
                    $("#mensaje").html("Respuesta: " + res);
                });
        });
		//fin de la fucn
    });


$(document).ready(function(){


//funcion para poder cambiar las opciones del finalizar
$('#estado').change(function() {    
         buscar_opciones($("#estado option:selected").val(),"#detalle");  
        // alert("hols");
     })





    //enviar for firma

	  	  $("#formCanvas").on("submit", function(e){
			url_img =document.getElementById("pizarra").toDataURL('image/png');

          $("#imagen_firma").val(url_img);
				//alert(url_img);
            e.preventDefault();
            var f = $(this);
            var formData = new FormData(document.getElementById("formCanvas"));
			var a = document.getElementById("jerarquia");
         //   formData.append("dato", url_img);
            //formData.append(f.attr("name"), $(this)[0].files[0]);
            $.ajax({
				url:"{{ route('guardandofotosprueba') }}",
				type: "post",
                dataType: "html",
                data: formData,a,
                cache: false,
                contentType: false,
	     		processData: false,
				 success: function(response) { 
							alert(response);
				 },
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                }
            })
                .done(function(res){
             //    alert("error");
                });
        });


//modal imagenes
	$('.asignarimagen').click(function() {
         
         $("#modal_historial_retiros").modal('show');
    });

//mueble
$("#mueble").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'mueble');
    });
    $("#kit_lector").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'kit_lector');
    });
    $("#memoria_sd").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'memoria_sd');
    });
    $("#cable_poder").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'cable_poder');
    });
    $("#cable_red").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'cable_red');
    });
    $("#conexion_electrica").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'conexion_electrica');
    });
    $("#servidor_impresion").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'servidor_impresion');
    });  
    $("#conf_smb").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'conf_smb');
    }); 
     $("#conf_email").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'conf_email');
    });  
    $("#modo_U253").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'modo_U253');
    });  
    $("#ins_driver").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'ins_driver');
    });  
    $("#equipo_operativo").data('checked', 0).on('click', function() {
      el = $(this);
      tres_estados(el,'equipo_operativo');
    });  
    // $("#no_firma_cliente").data('checked', 0).on('click', function() {
    //   el = $(this);
    //  alert(el);
	// });  
	
	$( '#no_firma_cliente' ).on( 'click', function() {
    if( $(this).is(':checked') ){
        // Hacer algo si el checkbox ha sido seleccionado
	//    alert("El checkbox con valor " + $(this).val() + " ha sido seleccionado");
		$("#contenido").css("display","none")
    } else{
		$("#contenido").css("display","")
	}
});
  });//fin del onclick



function tres_estados(el, id_chec) {



switch (el.data('checked')) {

	case 0: //cehckeado
		el.data('checked', 1);
		el.prop('indeterminate', false);
		el.prop('checked', true);

		var valor2 = id_chec;

		var valor =$("#cambio").val();


		$("#" + id_chec).val("si");
		// $("#cambio").val(valor.replace(" sin "+id_chec+',',""));

		//  console.log('true');
		break;


	case 1:


		el.data('checked', 2);
		el.prop('indeterminate', true);
		el.prop('checked', true);

		var valor2 = id_chec;

		var valor =$("#cambio").val();
		valor+=" sin "+valor2+',';

		// $("#cambio").val(valor);



		//console.log('null');
		$("#" + id_chec).val("no");

		
		break;


	default:



		el.data('checked', 0);
		el.prop('indeterminate', false);
		el.prop('checked', false);
		//console.log('false');

		var valor2 = id_chec;

		var valor =$("#cambio").val();

		$("#" + id_chec).val("");
		// $("#cambio").val(valor.replace(" sin "+id_chec+',',""));
}
    
}


function buscar_opciones(id_estado, id_detalle, direccion = "") {

//el parametro direccion, es por si mandan la solicitud desde un punto que no conincide con toda la raiz. (../) 





$.ajax({

	headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

	type: 'POST',

	url:"{{ route('buscar_opciones') }}",

	data: { 'id': id_estado },

	success: function(data) {


		$("#detalle").empty();


		$.each(data, function(id,dato) {

			 sin_espacio = dato.replace(/\s+/g, "_");


			$("#detalle").append("<option value="+sin_espacio+">" + dato+ "</option>");

		

		});


	},

	error: function(xhr, status) {

		alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');

	}

});



}

function soloNumeros(e){

var key = window.Event ? e.which : e.keyCode
return (key >= 48 && key <= 57)
}

</script>
<script>
	function rellenar(id){
		if($("#"+id).val() == "no"){

		// $("#"+id).data('checked', 2);
		$("#"+id).prop('indeterminate', true);
		 $("#"+id).prop('checked', true);
	}else if($("#"+id).val() == "si"){
		$("#"+id).prop('indeterminate', false);
		 $("#"+id).prop('checked', true);
	}

	}
</script>

<script>
    $(function(){


	 var idCheck = ["equipo_operativo","ins_driver","modo_U253","conf_email","conf_smb","servidor_impresion","conexion_electrica","cable_red","cable_poder","mueble", "kit_lector", "memoria_sd",];


	 for (let i = 0; i < idCheck.length; i++) {

	 rellenar(idCheck[i]);
	 }

	
	 $("#mueble").data('checked', 0).on('click', function() {
       el = $(this);
       tres_estados(el,'mueble');
     });


        $("#estado").change(function(){

            var selecion = $(this).val();
            if(selecion == "Pendiente"){

                $('#Software').removeAttr("required");
                $('#tipo_equipo').removeAttr("required");
                $('#mueble').removeAttr("required");
                $('#kit_lector').removeAttr("required");
                $('#memoria_sd').removeAttr("required");
                $('#cable_red').removeAttr("required");
                $('#cable_poder').removeAttr("required");
                $('#tipo_conexion').removeAttr("required");
                $('#conexion_electrica').removeAttr("required");
                $('#servidores').removeAttr("required");
                $('#servidor_impresion').removeAttr("required");
                $('#conf_smb').removeAttr("required");
                $('#conf_email').removeAttr("required");
                $('#modo_U253').removeAttr("required");
                $('#ins_driver').removeAttr("required");
                $('#cantidad_usuarios').removeAttr("required");
                $('#equipo_operativo').removeAttr("required");
                $('#cambio').removeAttr("required");

            }else if(selecion == "Cancelar"){
                $('#Software').removeAttr("required");
                $('#tipo_equipo').removeAttr("required");
                $('#mueble').removeAttr("required");
                $('#kit_lector').removeAttr("required");
                $('#memoria_sd').removeAttr("required");
                $('#cable_red').removeAttr("required");
                $('#cable_poder').removeAttr("required");
                $('#tipo_conexion').removeAttr("required");
                $('#conexion_electrica').removeAttr("required");
                $('#servidores').removeAttr("required");
                $('#servidor_impresion').removeAttr("required");
                $('#conf_smb').removeAttr("required");
                $('#conf_email').removeAttr("required");
                $('#modo_U253').removeAttr("required");
                $('#ins_driver').removeAttr("required");
                $('#cantidad_usuarios').removeAttr("required");
                $('#equipo_operativo').removeAttr("required");
                $('#cambio').removeAttr("required");
            }

        });
    });
</script>
<script>
    element = document.getElementById("equipo_de_remplazo");
    function showContent() {
        element = document.getElementById("equipo_de_remplazo");
        check = document.getElementById("equipo_remplazo_si");
        check2 = document.getElementById("equipo_remplazo_no");
        if (check.checked) {
            element.style.display='';
        }
        else if(check2.checked){
            element.style.display='none';
        }
        else {
            element.style.display='none';
        }
    }
    function changeCheckNo(){
        ($('#equipo_remplazo_no')).prop('checked',false) ;
    }
    function changeCheckSi(){
        element.style.display='none';
        ($('#equipo_remplazo_si')).prop('checked',false) ;
    }
</script>
<script>
    function desabilitar(){
        cambio = document.getElementById("cambio_serie");
        serie = document.getElementById("serie_remplazo");
        modelo = document.getElementById("modelo_remplazo");
        if (cambio.checked) {
            serie.removeAttribute('disabled');
            modelo.removeAttribute('disabled');
        }else{
            serie.setAttribute('disabled','disabled');
            modelo.setAttribute('disabled','disabled');
        }
    }
</script>
<script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function() {
  'use strict'
  window.addEventListener('load', function () {
  // Fetch all the forms we want to apply custom Bootstrap validation styles to
  var forms = document.querySelectorAll('.needs-validation')

  // Loop over them and prevent submission
  Array.prototype.slice.call(forms).forEach(function (form) {
    form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
          event.preventDefault()
          event.stopPropagation()
        }
        form.classList.add('was-validated')
      }, false)
    })
})
})()
</script>
<script>
    var expanded = false;
    function showCheckBoxes2(){
        checkboxes = document.getElementById("checkboxes2");
        if(!expanded){
            checkboxes.style.display = "block";
            expanded = true;
        }else{
            checkboxes.style.display = "none";
            expanded = false;
        }
    }
</script>
<script>
	var aux = 1;
	var aux2 = 1;

	function myFunction() {
		descripcion = $('#keywords').val();
		id = $('#id_accesorio').val();
		articulo = $('#articulo').val();
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.search_accesorios') }}",
			data: {
				'id': id,
				'articulo': articulo,
				'descripcion': descripcion
			},
			success: function(data) {
				$('#accesorios').empty();
				$(data).each(function(i, v) {
					$('#accesorios').append(
						'<tr><td class="agregar" onclick="agregar(' + v.id + ')">' + v.descripcion + '</td></tr');
				})
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};

	function myFunction2() {
		descripcion = $('#keywords2').val();
		id = $('#id_accesorio2').val();
		articulo = $('#articulo2').val();
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.search_accesorios') }}",
			data: {
				'id': id,
				'articulo': articulo,
				'descripcion': descripcion
			},
			success: function(data) {
				$('#accesorios2').empty();
				$(data).each(function(i, v) {
					$('#accesorios2').append(
						'<tr><td class="agregar" onclick="agregar2(' + v.id + ')">' + v.descripcion + '</td></tr');
				})
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};


	function agregar(id) {
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.agregar_accesorio') }}",
			data: {
				'id': id
			},
			success: function(data) {
				$(data).each(function(i, v) {
					$('#agregar_accesorios').append(
						'<tr class="eliminar' + aux + '">' +
						'<td>' +
						'<input name="descripcion_accesorio[]" value="' + v.id + '" type="hidden">' + v.descripcion +
						'</td>' +
						'<td>'+ v.articulo +'</td>' +
						'<td> <input type="text" name="serie_parte[]" class="form-control" onkeyup="this.value=Numeros(this.value)"' + v.serie_parte + '"> </td>' +
						'<td>' +
						'<button class="btn btn-light" type="button" onclick="sumalo(' + aux + ')">+</button>' +
						'<input type="hidden" name="cantidad[]" value="1" class="resultados' + aux + '" id="resultados' + aux + '">' +
						'<span class="resultado' + aux + '" id="resultado' + aux + '">1</span>' +
						'<button class="btn btn-light" type="button" onclick="restalo(' + aux + ')">-</button>' +
						'</td>' +
						'<td onclick="eliminalo(' + aux + ')">Eliminar</td>' +
						'</tr');
				})
				aux++;
				limpiar();
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};

	function agregar2(id) {
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			type: 'POST',
			url: "{{ route('go.agregar_accesorio') }}",
			data: {
				'id': id
			},
			success: function(data) {
				$(data).each(function(i, v) {
					$('#agregar_accesorios2').append(
						'<tr class="2eliminar' + aux2 + '">' +
						'<td>' +
						'<input name="descripcion_accesorio2[]" value="' + v.id + '" type="hidden">' + v.descripcion +
						'</td>' +
						'<td>'+ v.articulo +'</td>' +
						'<td> <input type="text" name="serie_parte2[]" class="form-control" onkeyup="this.value=Numeros(this.value)"' + v.serie_parte + '"> </td>' +
						'<td>' +
						'<button class="btn btn-light" type="button" onclick="sumalo2(' + aux2 + ')">+</button>' +
						'<input type="hidden" name="cantidad2[]" value="1" class="2resultados' + aux2 + '" id="2resultados' + aux2 + '">' +
						'<span class="2resultado' + aux2 + '" id="2resultado' + aux2 + '">1</span>' +
						'<button class="btn btn-light" type="button" onclick="restalo2(' + aux2 + ')">-</button>' +
						'</td>' +
						'<td onclick="eliminalo2(' + aux2 + ')">Eliminar</td>' +
						'</tr');
				})
				aux2++;
				limpiar2();
			},
			error: function(xhr, status) {
				alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
			}
		});
	};

	function limpiar() {
		$('#keywords').val("");
		$('#id_accesorio').val("");
		$('#articulo').val("");
		$('#accesorios').empty();
	}
	function limpiar2() {
		$('#keywords2').val("");
		$('#id_accesorio2').val("");
		$('#articulo2').val("");
		$('#accesorios2').empty();
	}

	function eliminalo(params) {
		$(".eliminar" + params).remove();
	}
	function eliminalo2(params) {
		$(".2eliminar" + params).remove();
	}

	function sumalo(params) {
		x = document.getElementById("resultado" + params).innerText;
		x++;
		document.getElementById("resultado" + params).innerText = x;
		document.getElementById("resultados" + params).value = x;
	}
	function sumalo2(params) {
		x = document.getElementById("2resultado" + params).innerText;
		x++;
		document.getElementById("2resultado" + params).innerText = x;
		document.getElementById("2resultados" + params).value = x;
	}

	function restalo(params) {
		x = document.getElementById("resultado" + params).innerText;
		x--;
		if (x < 1) {} else {
			document.getElementById("resultado" + params).innerText = x;
			document.getElementById("resultados" + params).value = x;
		}
	}
	function restalo2(params) {
		x = document.getElementById("2resultado" + params).innerText;
		x--;
		if (x < 1) {} else {
			document.getElementById("2resultado" + params).innerText = x;
			document.getElementById("2resultados" + params).value = x;
		}
	}
</script>
<script>
	function showContent2() {
		element2 = document.getElementById("motivos");
		check = document.getElementById("accesorios_si");
		check2 = document.getElementById("accesorios_no");
		if (check.checked) {
			element2.style.display = '';
		} else if (check2.checked) {
			element2.style.display = 'none';
		} else {
			element2.style.display = 'none';
		}
	}

	function changeCheckNo2() {
		($('#accesorios_no')).prop('checked', false);
	}

	function changeCheckSi2() {
		element2 = document.getElementById("motivos");
		element2.style.display = 'none';
		($('#accesorios_si')).prop('checked', false);
	}

	function showContent3() {
		element3 = document.getElementById("div_accesorios_solicitados");
		element4 = document.getElementById("div_accesorios_dañados");
		check = document.getElementById("motivo_1");
		check2 = document.getElementById("motivo_2");
		check3 = document.getElementById("motivo_3");
		if (check.checked || check3.checked) {
			element3.style.display = '';
			element4.style.display = '';
		} else if (check2.checked) {
			element3.style.display = 'none';
			element4.style.display = '';
		} else {
			element3.style.display = 'none';
			element4.style.display = '';
		}
	}

	function changeCheckMotivo1() {
		($('#motivo_2')).prop('checked', false);
		($('#motivo_3')).prop('checked', false);
		element4 = document.getElementById("fotos_accesorios");
		element4.style.display = 'none';
	}

	function changeCheckMotivo2() {
		element3 = document.getElementById("div_accesorios_solicitados");
		element4 = document.getElementById("div_accesorios_dañados");
		element3.style.display = '';
		element4.style.display = 'none';
		($('#motivo_1')).prop('checked', false);
		($('#motivo_3')).prop('checked', false);
	}

	function changeCheckMotivo3() {
		element4 = document.getElementById("fotos_accesorios");
		element4.style.display = 'none';
		($('#motivo_1')).prop('checked', false);
		($('#motivo_2')).prop('checked', false);
	}

	function showContent4() {
		element4 = document.getElementById("fotos_accesorios");
		check = document.getElementById("motivo_1");
		check2 = document.getElementById("motivo_2");
		check3 = document.getElementById("motivo_3");
		if (check2.checked) {
			element4.style.display = '';
		} else {
			element4.style.display = 'none';
		}
	}
	function Numeros(string){//Solo numeros
		var out = '';
		var filtro = '1234567890abcdefghijklmnñoprstuvwyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ';//Caracteres validos
		
		//Recorrer el texto y verificar si el caracter se encuentra en la lista de validos 
		for (var i=0; i<string.length; i++)
		if (filtro.indexOf(string.charAt(i)) != -1) 
				//Se añaden a la salida los caracteres validos
			out += string.charAt(i);
		
		//Retornar valor filtrado
		return out;
	} 
</script>
<script>
	$(document).ready(function() {
		$('.asignarimagenes').click(function() {
			$("#modal_fotos_accesorios").modal('show');
		});
	})
</script>