@extends('menu/menu')
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
@section('content')

<div class="container mt-5">
    <div class="title-vista mt-4">CHECKLIST DE INSTALACIÓN DE SERVICIOS</div>
</div>

<div class="container mt-5">
    <form action="{{route('create.checklistSolicitud' , Crypt::encryptString($servicio[0]->id ?? 4)) }} " method="POST">
    @csrf
    
    <div class="seccion-filtro">Asignación</div>
    <hr class="separador">

        <div class="row">
            <!-- ASIGNACIÓN -->
            <div class="col-sm-6 form-group">
                <label for="">Técnico asignado</label>
                <select name="tecnico" class="custom-select mayuscula">
                    <option value="" selected>SELECCIONE</option>
                    @if(!empty($trabajadores))
                    @foreach ($trabajadores as $los_datos)
                    <option value="{{$los_datos->id}}">{{$los_datos->nombre_uno. " ".$los_datos->apellido_uno. " ".$los_datos->apellido_dos }} </option>
                    @endforeach
                    @endif
                </select>
                @error('tecnico')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>
                
            <div class="col-sm-6 form-group">
                <label for="">Proyecto asociado</label>
                <select name="proyectos" class="custom-select mayuscula">
                    <option value="" selected>SELECCIONE</option>
                    @if(!empty($proyectos))
                    @foreach ($proyectos as $los_datos)
                    <option value="{{$los_datos->id_proyecto}}">{{$los_datos->nombre." (".$los_datos->razon_social.")" }} </option>
                    @endforeach
                    @endif
                </select>
                @error('proyectos')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-sm-6 form-group">
                <label for="">Fecha Servicio</label>
                <input type="date" class="form-control mayuscula" id="" placeholder="FECHA" name="fecha_servicio" value="">
                @error('fecha_retiro')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
            </div>

                
                

                {{-- <div class="container col-12">
                    <h2><strong>Detalle del Cliente</strong></h2>
                    </div>
                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Cliente</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="CLIENTE" name="" style="pointer-events: none" readonly="readonly" placeholder="DIRECCIÓN" value="{{$servicio[0]->sCliente ?? ''}}" name="">
                    </div>
                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Fecha</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="FECHA" name="" style="pointer-events: none" readonly="readonly" placeholder="DIRECCIÓN" value="{{$servicio[0]->dFecha ?? ''}}" name="">
                    </div>

                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Dirección</h2>
                        </label>
                        <input type="" class="form-control" id="" style="pointer-events: none" readonly="readonly" placeholder="DIRECCIÓN" value="{{$servicio[0]->sDireccion ?? ''}}" name="">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email">
                            <h2>Comuna</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="COMUNA" name="" style="pointer-events: none" readonly="readonly" value="{{$servicio[0]->sComuna ?? ''}}">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email">
                            <h2>CUI o Código Sucursal</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="SC" name="" style="pointer-events: none" readonly="readonly" value="{{$servicio[0]->sSC ?? ''}}">
                </div> --}}
                <!-- Fila 4 ------------------------------------------------------>


                <div style="display:none">



                    <div class="container">
                        <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="email">
                            <h2>Serie</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="SERIE" name="">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email">
                            <h2>Modelo</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="MODELO" name="">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email">
                            <h2>Contador B/N</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="CONTADOR B/N" name="">
                    </div>
                    <div class="container col-sm-3 form-group">
                        <label for="email">
                            <h2>Contador color</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="CONTADOR COLOR" name="">
                    </div>
                    <!-- Fila 6 ------------------------------------------------------>
                    <div class="container col-sm-6 form-group checkbox">
                        <input type="checkbox" id="cambio" name="cambio" value="cambio-de-serie">
                        <label for="cambio">
                            <h3>El equipo no se encuentra en la sucursal</h3>
                        </label>
                    </div>

                    <div class="container col-sm-6 form-group"></div>
                    <!-- Fila 7 ------------------------------------------------------>


                    <div class="container">
                        <hr class="linea">
                    </div>

                    <!-- Accsesorios -->

                    <div class="container col-12">
                        <h2><strong>Accesorios</strong></h2>
                    </div>

                    <!-- FILA 8.1 -->
                    <div class="col-md-3 form-group checkbox">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad" style="margin-top: auto">
                            <h3>Bandeja adicional</h3< /label>
                    </div>
                    <div class=" col-sm-3 form-group">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad">
                            <h3>Mueble</h3>
                        </label>
                    </div>
                    <div class=" col-sm-3 form-group">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad">
                            <h3>Kit lector</h3>
                        </label>
                    </div>
                    <div class=" col-sm-3 form-group">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad">
                            <h3>Memoria SD</h3>
                        </label>
                    </div>
                    <!-- FILA 8.2 -->
                    <div class="col-sm-3 form-group checkbox">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad">
                            <h3>Cable red</h3>
                        </label>
                    </div>

                    <div class="col-sm-3 form-group checkbox">
                        <input type="checkbox" id="band-ad" name="band-ad" value="bandeja-adicional">
                        <label for="band-ad">
                            <h3>Cable de poder</h3>
                        </label>
                    </div>
                    <div class="col-sm-3 form-group checkbox"></div>
                    <div class="col-sm-3 form-group checkbox"></div>

                    <div class="container">
                        <hr class="linea">
                    </div>

                    <div class="container col-sm-12 form-group checkbox">
                        <input type="checkbox" id="cambio" name="cambio" value="cambio-de-serie">
                        <label for="cambio">
                            <h3>Equipo embalado (si la respuesta es no, indicar el motivo en observaciones)</h3>
                        </label>
                    </div>

                    <div class="container">
                        <hr class="linea">
                    </div>

                    <div class="container col-sm-12 form-group checkbox">
                        <label for="cambio">
                            <h3>Observaciones</h3>
                        </label>
                        <textarea class="form-control" id="obs" name="obsercaviones" rows="4"></textarea>
                    </div>

                    <div class="container">
                        <hr class="linea">
                    </div>

                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Datos del Técnico</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="DATOS DEL TÉCNICO" name="">
                    </div>
                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Datos del Contacto</h2>
                        </label>
                        <input type="" class="form-control" id="" placeholder="DATOS DEL CONTACTO" name="">
                    </div>

                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Firma Técnico</h2>
                        </label>
                    </div>
                    <div class="container col-sm-6 form-group">
                        <label for="email">
                            <h2>Firma Contacto</h2>
                        </label>
                    </div>

                    <div class="container col-sm-6 form-group checkbox">
                        <button class="btn btn-verimg asignarimagen" type="button">VER IMÁGENES</button>
                    </div>
                    <div class="container col-sm-6 form-group checkbox">
                        <input type="checkbox" id="cambio" name="cambio" value="cambio-de-serie">
                        <label for="cambio">
                            <h3>Cliente se niega a firmar</h3>
                        </label>
                    </div>
                    {{-- fin del display --}}
                </div>

                <div class="container form-group text-center mt-4">
                    <button class="btn btn-secundario" style="display:none" type="button">RECHAZAR</button>
                    <button class="btn btn-secundario" style="display:none" type="button">CONFIRMAR Y ENVIAR</button>
                    <button class="btn btn-prim guardar px-5" type="submit">GUARDAR</button>
                </div>

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







<!-- 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">CARGA DE IMAGEN DE RETIRO</h1>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">

                <div class="container-fluid">
                    <div class="container rounded-lg">
                        <!-- CARGA DE IMAGEN DE RETIRO -->

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

                            <div class="container col-12" style="margin-top: 10px">
                                <h2><strong>Adjunte la imagen que se solicita a continuación</strong></h2>
                            </div>

                            <!-- 1 -->
                            <div class="container col-sm-12 form-group" style="margin-top: 10px">
                                <label for="email" class="espacio_carga_img">
                                    <h2>Fotografía de la página de estado</h2>
                                </label>
                                <input type="file" id="cargafoto1" name="cargar-foto1">
                            </div>

                        </div>

                        <!-- FIN CARGA DE IMAGEN DE RETIRO -->
                    </div>


                    <div class="container form-group">
                        <br>
                        <button class="btn btn-cancelar float-sm-right guardar btn-rechazar" type="button">CANCELAR</button>
                        <button class="btn btn-subir-img float-sm-right btn-conf" style="margin-right:10px;" type="button">SUBIR IMÁGENES</button>
                    </div>



                </div>


            </div>
        </div>
    </div>


    @endsection
    <script>
        $(document).ready(function() {

            $('.asignarimagen').click(function() {

                $("#modal_historial_retiros").modal('show');
            });
        })
    </script>