@extends('menu/menu')

{{-- <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>




@section('content')

@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
    {{-- <a class="dropdown-item" href="{{route('go_see_clien')}}" style="text-align: right"> <button class="btn btn-success">Clientes</button></a>  --}}

@endif

<!-- body code goes here -->
<div class="container mt-5">
    <div class="title-vista mt-4">Checklist de instalación de equipos</div>
</div>
	  
    
<form action="{{route('finalizar.checklist',Crypt::encryptString($datos_asignacion[0]->id_checklist))}} " method="POST">
    @csrf
    <div class="container mt-4">
    
        <div class="seccion-filtro">Asignación</div> 
        <hr class="separador">

        <div class="row">
            <!-- Fila 1 ------------------------------------------------------>
            <div class="col-sm-3 form-group">
                <label for="">Nº de visita</label>
                <input type="" class="form-control mayuscula" id="" placeholder="Nº DE VISITA"  style="pointer-events: none"  readonly="readonly" value="{{$datos_asignacion[0]->numero_visita}}" name="">
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Tipo de visita</label>
                <input type="" class="form-control mayuscula" id="" placeholder="Nº DE VISITA"  style="pointer-events: none"  readonly="readonly" value="{{$tipo_visita->descripcion}}" name="">
            </div>
        
            <div class="col-sm-6 form-group">
                <label for="">Proyecto asociado</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$proyecto_asociado[0]->nombre}}" >
            </div>
        </div>

        <!-- Detalle del Cliente -->
        <div class="seccion-filtro">Detalle al Cliente</div> 
        <hr class="separador">

        <div class="row">
            <!-- Fila 2 ------------------------------------------------------>
            <div class="col-sm-3 form-group">
                <label for="">Cliente</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$proyecto_asociado[0]->razon_social}}" >
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Fecha</label>
                <input type="" class="form-control mayuscula" 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>

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

            <div class="col-sm-3 form-group">
                <label for="">Comuna</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Cscomuna}}" name="">
            </div>

            
            <!-- Fila 3 ------------------------------------------------------>
            <div class="col-sm-6 form-group">
                <label for="">Contacto</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->Cscontacto}}" name="">
            </div>

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

        <!-- Detalle de Equipamiento -->
        <div class="seccion-filtro">Detalle de Equipamiento</div> 
        <hr class="separador ">
        
        <div class="row">
            <!-- Fila 4 ------------------------------------------------------>
            <div class="col-sm-3 form-group">
                <label for="">Marca</label>
                <input type="" style="pointer-events: none"  readonly="readonly" required class="form-control mayuscula" id="" placeholder="MARCA" name="marca" value="{{@old('marca')}}">
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Serie</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->CsSerie}}" name="">
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Modelo</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->CsModelo}}" name="">
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Tipo</label>
                <input type="" class="form-control mayuscula" id="" placeholder="" name=""  style="pointer-events: none"  readonly="readonly" placeholder="" value="{{$datos_asignacion[0]->tipo_equipo}}" name="">
            </div>
        
            <!-- Fila 6 ------------------------------------------------------>
            <div class="col-sm-3 form-group check-input">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="cambio_serie" name="cambio_serie" value="cambio_serie" {{ (! empty(old('cambio_serie')) ? 'checked' : '') }}>
                    <label class="custom-control-label" for="cambio_serie">Cambio de serie</label>
                </div>
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Serie de remplazo</label>
                <input type="" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" 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="col-sm-3 form-group">
                <label for="">Modelo de remplazo</label>
                <input type="" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" placeholder="MODELO DE REMPLAZO" name="modelo_remplazo" value="{{@old('modelo_remplazo')}}">
                @error('modelo_remplazo')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="row">
            <!-- Fila 7 ------------------------------------------------------>
            <div class="col-sm-3 form-group">
                <label for="">IP</label>
                <input type="" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" required placeholder="" name="ip"  placeholder="" value="{{$datos_asignacion[0]->CsIP}}" >
                @error('ip')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Software</label>
                <input type="" class="form-control mayuscula" id="" placeholder="Nº DE VISITA"  style="pointer-events: none"  readonly="readonly" value="{{$datos_asignacion[0]->nombre_software}}" name="">
                @error('Software')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Mask</label>
                <input type="" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" placeholder="Mask"   required  placeholder="" value="{{$datos_asignacion[0]->CsMsk}}" name="Mask">
                @error('Mask')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Gateway</label>
                <input type="" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" placeholder="Gateway"   required  placeholder="" value="{{$datos_asignacion[0]->CsGateway}}" name="Gateway">
                @error('Gateway')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <!-- Fila 8 ------------------------------------------------------>
            <div class="col-sm-3 form-group">
                <label for="">Contador B/N</label>
                <input type="number" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" placeholder="Contador B/N"  required   placeholder="" value="{{$datos_asignacion[0]->CnContador ?? ''}}" name="contador_bn">
                @error('contador_bn')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-sm-3 form-group">
                <label for="">Contador color</label>
                <input type="number" style="pointer-events: none"  readonly="readonly" class="form-control mayuscula" id="" placeholder="Contador color" required   placeholder="" value="{{$datos_asignacion[0]->CnContador_color ?? 0}}" name="contador_color">
                @error('contador_color')
                    <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="row">
        <!-- Accsesorios -->
        <div class="col-md-6 form-group">
                <div class="seccion-filtro">Accesorios</div> 
                <hr class="separador">

                <div class="row">
                    <!-- FILA 8.1 -->
                    <div class="col-sm-6 form-group check-input">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->CsBandeja_adicional == 'si')
                            <input type="checkbox" class="custom-control-input" id="band_ad" name="band_ad" checked="checked" value="bandeja-adicional"
                            {{ !empty(old('band_ad')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" id="band_ad" name="band_ad" value="bandeja-adicional"
                                {{ !empty(old('band_ad')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="band_ad">Bandeja adicional</label>
                        </div>
                    </div>

                    <div class="col-sm-6 form-group">
                        <label for="">Modelo de bandeja</label>
                        <input type="" style="pointer-events: none" readonly="readonly" class="form-control mayuscula" 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-sm-6 form-group check-input mt-4">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->CsMueble == 'si')
                            <input type="checkbox" class="custom-control-input" required id="mueble" name="mueble" checked="checked"
                                value="si" {{ !empty(old('mueble')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="mueble" name="mueble" value="si"
                                    {{ !empty(old('mueble')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="mueble">Mueble</label>
                            @error('mueble')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-6 form-group check-input mt-4">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->CsMueble == 'si')
                            <input type="checkbox" class="custom-control-input" required id="kit_lector" name="kit_lector" checked="checked" value="si"
                                {{ !empty(old('kit_lector')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="kit_lector" name="kit_lector" value="si"
                                    {{ !empty(old('kit_lector')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="kit_lector">Kit lector</label>
                        </div>
                    </div>

                    <!-- FILA 8.3 -->
                    <div class="col-sm-6 form-group check-input mt-5">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->CsSD == 'si')
                            <input type="checkbox" class="custom-control-input" required id="memoria_sd" name="memoria_sd" checked="checked" value="si"
                            {{ !empty(old('memoria_sd')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="memoria_sd" name="memoria_sd" value="si"
                                {{ !empty(old('memoria_sd')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="memoria_sd">Memoria SD</label>
                        </div>
                    </div>
                    
                    <div class="col-sm-6 form-group check-input mt-5">
                        <div class="custom-control custom-checkbox">
                            <label for="cable_red">
                                @if ($datos_asignacion[0]->CsCable_red == 'si')
                                    <input type="checkbox" class="custom-control-input" required id="cable_red" checked="checked" name="cable_red" value="si" {{ !empty(old('cable_red')) ? 'checked' : '' }}>
                                @else
                                    <input type="checkbox" class="custom-control-input" required id="cable_red" name="cable_red" value="si" {{ !empty(old('cable_red')) ? 'checked' : '' }}>
                                @endif
                                <label class="custom-control-label" for="cable_red">Cable red</label>
                            </label>
                        </div>
                    </div>

                    <!-- FILA 8.4 -->
                    <div class="col form-group check-input mt-5">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->CsCable_poder == 'si')
                            <input type="checkbox" class="custom-control-input" required id="cable_poder" name="cable_poder" value="si"
                            {{ !empty(old('cable_poder')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="cable_poder" name="cable_poder" value="si"
                            {{ !empty(old('cable_poder')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="cable_poder">Cable de poder</label>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Configuración -->
            <div class="col-sm-6 form-group">
                <div class="seccion-filtro">Configuración</div> 
                <hr class="separador">

                <div class="row">
                    <!-- FILA 9.1 -->
                    <div class="col-md-6 form-group">
                        <label for="">Tipo de conexión</label>
                        <input type="" class="form-control mayuscula" id="" placeholder="Nº de visita"
                            style="pointer-events: none" readonly="readonly"
                            value="{{ $datos_asignacion[0]->nombre_conexion }}" name="">
                        @error('tipo_conexion')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 form-group check-input">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->Csconexion_electrica == 'si')
                            <input type="checkbox" class="custom-control-input" required id="conexion_electrica" checked="checked" name="conexion_electrica" value="si"
                            {{ !empty(old('conf_smb')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="conexion_electrica" name="conexion_electrica" value="si"
                                {{ !empty(old('conf_smb')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="conexion_electrica">Conexión eléctrica</label>
                        </div>
                    </div>

                    <!-- FILA 9.2 -->
                    <div class=" col-md-6 form-group">
                        <label for="">Nombre servidor</label>
                        <input type="" class="form-control mayuscula" id="" placeholder="Nº de visita"
                            style="pointer-events: none" readonly="readonly"
                            value="{{ $datos_asignacion[0]->nombre_servidor }}" name="">
                        @error('servidores')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 form-group check-input mt-4">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->Csservidor_impresion == 'si')
                            <input type="checkbox" class="custom-control-input" required id="servidor_impresion" checked="checked" name="servidor_impresion" value="si"
                            {{ !empty(old('servidor_impresion')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="servidor_impresion" name="servidor_impresion" value="si"
                            {{ !empty(old('servidor_impresion')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="servidor_impresion">Servidor de impresión</label>
                        </div>
                    </div>

                    <!-- FILA 9.3 -->
                    <div class="col-lg-3 form-group check-input mt-2">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->Csconfig_smb == 'si')
                                <input type="checkbox" class="custom-control-input" required id="conf_smb" checked="checked"  name="conf_smb" value="si"
                            {{ !empty(old('conf_smb')) ? 'checked' : '' }}>
                            @else
                                <input type="checkbox" class="custom-control-input" required id="conf_smb"  name="conf_smb" value="si"
                            {{ !empty(old('conf_smb')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="conf_smb">Config. SMB</label>
                        </div>
                    </div>

                    <div class="col-lg-3 form-group check-input mt-2">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->Csconfig_email == 'si')
                            <input type="checkbox" class="custom-control-input" required id="conf_email"  checked="checked" name="conf_email" value="si"
                            {{ !empty(old('conf_email')) ? 'checked' : '' }}>
                            @else
                            <input type="checkbox" class="custom-control-input" required id="conf_email" name="conf_email" value="si"
                            {{ !empty(old('conf_email')) ? 'checked' : '' }}>
                            @endif
                            <label class="custom-control-label" for="conf_email">Config. Email</label>
                        </div>
                    </div>

                    <div class="col-lg-6 form-group check-input bg-seccion-filtro mt-1 pt-1 pb-1">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" required id="modo_U253" name="modo_U253" value="si"
                            {{ !empty(old('modo_U253')) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="modo_U253">modo U253</label>
                        </div>
                    </div>

                    <!-- FILA 9.4 -->
                    <div class="col-md-6 form-group check-input mt-4">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" required id="ins_driver" name="ins_driver" value="si"
                            {{ !empty(old('ins_driver')) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="ins_driver">Instalación de driver manual</label>
                        </div>
                    </div>

                    <div class="col-md-6 form-group">
                        <label for="">Cantidad de usuarios</label>
                        <input  style="pointer-events: none"  readonly="readonly" type="" class="form-control mayuscula" id="" required placeholder="Cantidad de usuarios"
                            name="cantidad_usuarios" value="{{ $datos_asignacion[0]->Cscantidad_usuarios }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="seccion-filtro">Equipo</div> 
        <hr class="separador">

        <div class="row">
            <div class="col-sm-12 form-group check-input mb-4">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="equipo_operativo" required name="equipo_operativo" value="si"
                    {{ !empty(old('ins_driver')) ? 'checked' : '' }}>
                    <label class="custom-control-label" for="equipo_operativo">Equipo operativo</label>
                </div>
            </div>
        </div>

        <div class="seccion-filtro">Observaciones</div> 
        <hr class="separador">

        <div class="row">
            <div class="col-sm-12 form-group checkbox">
                <label for="cambio">Observaciones</label>
                <textarea required class="form-control mayuscula" id="cambio" name="obsercaviones"  rows="4" style="pointer-events: none"  readonly="readonly"
                    name="observaciones"> {{ old('obsercaviones') }}{{ $datos_asignacion[0]->observacion }} </textarea>
            </div>

            <div class="col-sm-12 form-group">
                <button class="btn btn-secundario w-25 float-right" type="button" data-toggle="modal" data-target="#myModal">VER IMÁGENES</button>
            </div>
        </div>
        

        <div class="seccion-filtro">Datos</div> 
        <hr class="separador">

        <div class="row">
            <div class="col-sm-6 form-group">
                <div class="row">
                    <div class="col-sm-12 form-group">
                        <label for="">Datos del Técnico</label>
                        <input style="pointer-events: none"  readonly="readonly" type="text" class="form-control mayuscula" id="" placeholder="DATOS DEL TÉCNICO" name=""
                            value="{{ $datos_asignacion[0]->nombrepersona . ' ' . $datos_asignacion[0]->nombrepe }}">
                    </div>
                    
                    <div class="col-sm-12 form-group">
                        <label for="">Firma Técnico</label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 form-group">
                <div class="row">
                    <div class="col-sm-12 form-group">
                        <label for="">Datos del Contacto</label>
                        <input style="pointer-events: none"  readonly="readonly" required type="text" class="form-control mayuscula" id="" placeholder="DATOS DEL CONTACTO"
                            name="contacto_firma" value="{{ $datos_asignacion[0]->Cscontacto }}">
                    </div>

                    <div class="col-sm-12 form-group">
                        <label for="">Firma Contacto</label>
                    </div>

                    <div class="col-sm-12 form-group check-input">
                        <div class="custom-control custom-checkbox">
                            @if ($datos_asignacion[0]->firma_contacto == 0)
                                <input type="checkbox" class="custom-control-input" id="no_firma_cliente" name="no_firma_cliente" checked="checked" value="si">
                            @else
                                <input type="checkbox" class="custom-control-input" id="no_firma_cliente" name="no_firma_cliente" value="si">
                            @endif
                            <label class="custom-control-label" for="no_firma_cliente">Cliente se niega a firmar</label>
                            <img src="{{ asset ("fotos/".$datos_asignacion[0]->url_firma)}}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>     
  
    

    

    
<!--Modal------------------------------------------->
<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
        
            
            <div class="modal-header">
                <div class="seccion-modal">Imágenes</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <hr class="separador ml-4 mr-4">

            <div class="modal-body">
                <div class="container">
                    <!--Carrusel----------------------------------------------->
                    <div id="demo" class="carousel slide" data-ride="carousel">
                        
                        <!--Indicaciones-->
                        <ul class="carousel-indicators">
                            <li data-target="#demo" data-slide-to="0" class="active"></li>
                            <li data-target="#demo" data-slide-to="1"></li>
                            <li data-target="#demo" data-slide-to="2"></li>
                        </ul>
                        
                    
                        <div class="carousel-inner">
                        {{$valor = 0}}
                            @if(!empty($fotos))
                            @foreach ($fotos   as $los_datos) 
                            @if($valor == 0)
                                <div class="carousel-item active">
                                    <img src="{{ asset ("fotos/".$los_datos->url)}}" alt="cajas" width="500" height="500">
                                </div>
                                {{$valor=1}}
                            @else 

                                <div class="carousel-item">
                                <img src="{{ asset ("fotos/".$los_datos->url )}}" alt="joya 1" width="500" height="500">
                                </div>

                            @endif
                            
                            @endforeach
                            @endif 
                            
                        </div>
                        
                        <!--Controles del acrrusel-->
                        <a class="carousel-control-prev" href="#demo" data-slide="prev">
                            <span class="carousel-control-prev-icon"></span>
                        </a>
                        <a class="carousel-control-next" href="#demo" data-slide="next">
                            <span class="carousel-control-next-icon"></span>
                        </a>
                        
                    </div>
                    <!--Fin Carrusel---------------------------------------->
                </div>
            </div>
            <div class="container text-center my-4">
                <button type="button" class="btn btn-prim w-25" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<!--Fin Modal----------------------------------------->

@endsection