@extends('plantilla')

@section('seccion')


<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Asignar equipo a usuario / proyecto</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Dashboard v2</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
        <div class="row">
            <!-- left column -->
            <div class="col-6">
                <!-- Horizontal Form -->
                <div class="card card-info">
                    
                    <div class="card-header">
                    <h3 class="card-title">Datos del equipo</h3>
                    </div>
                    <!-- /.card-header -->            
                    <div class="card-body">   
                        <div class="form-group row" id="GRPequi_serie">
                            <label for="tieq_id" class="col-sm-2 col-form-label">Nro. Serie</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control form-control-sm" id="equi_serie" name="equi_serie" placeholder="R939FOP" autofocus>
                                <div class="invalid-feedback">
                                    Ingrese un numero de serie
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success btn-block btn-sm" name="btnBuscarNumeroSerie" id="btnBuscarNumeroSerie"><i class="fa fa-search"></i> Buscar</button>
                            </div>
                        </div>  

                        <div class="form-group row" id="GRPequi_id ">
                            <label for="equi_id " class="col-sm-2 col-form-label">Interno</label>
                            <div class="col-sm-10">
                            <input type="text" class="form-control form-control-sm" id="equi_id" name="equi_id" readonly>                            
                            </div>
                        </div>                          

                        <div class="form-group row" id="GRPequi_nombreTipoEquipo">
                            <label for="equi_nombreTipoEquipo" class="col-sm-2 col-form-label">Tipo equipo</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control form-control-sm" id="equi_nombreTipoEquipo" name="equi_nombreTipoEquipo" readonly>
                            </div>
                        </div>  
                        
                        <div class="form-group row" id="GRPequi_modelo">
                            <label for="equi_modelo" class="col-sm-2 col-form-label">Modelo</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control form-control-sm" id="equi_modelo" name="equi_modelo" readonly>
                                <div class="invalid-feedback">
                                    Ingrese un dato valido
                                </div>
                            </div>
                        </div> 

                    </div>
                    <!-- /.card-body -->   
                </div>
                <!-- /.card -->
        
            </div><!--/. end col -->
            <div class="col-6">
                <!-- Horizontal Form -->
                <div class="card card-info">
                    
                    <div class="card-header">
                    <h3 class="card-title">Datos del usuario</h3>
                    </div>
                    <!-- /.card-header -->            
                    <div class="card-body">   
                        <div class="form-group row" id="GRPasig_usuario">
                            <label for="asig_usuario" class="col-sm-3 col-form-label">Nombres y Apellidos</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control form-control-sm" id="asig_usuario" name="asig_usuario" placeholder="Juan Perez ó Residente Michiquillay">
                                <div class="invalid-feedback">
                                    Ingrese un dato valido
                                </div>
                            </div>
                        </div>  

                        <div class="form-group row" id="GRPasig_DNI">
                            <label for="asig_DNI" class="col-sm-3 col-form-label">DNI</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control form-control-sm" id="asig_DNI" name="asig_DNI" placeholder="41203655">
                                <div class="invalid-feedback">
                                    Ingrese un dato valido
                                </div>
                            </div>
                            <div class="col-sm-1">
                                <!-- <button type="button" class="btn btn-info btn-block btn-sm" data-toggle="tooltip" data-placement="top" title="Si es es puesto DNI = 00000000"><i class="fa fa-info-circle"></i> </button> -->
                                <i class="fa fa-info-circle"  data-toggle="tooltip" data-placement="top" title="Si es puesto DNI = 00000000"></i>
                            </div>
                        </div>  

                        <div class="form-group row" id="GRPtieq_id">
                            <label for="proy_id" class="col-sm-3 col-form-label">Site / Proyecto</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="proy_id" id="proy_id">
                                @foreach ($proyectos as $item)
                                    <option value="{{$item->proy_id}}">{{$item->proy_nombre}}</option>
                                @endforeach                       
                                </select>   
                            </div>
                        </div>  
                        
                        <div class="form-group row" id="GRPasig_area">
                            <label for="asig_area" class="col-sm-3 col-form-label">Area</label>
                            <div class="col-sm-9">
                                <select class="form-control form-control-sm" name="asig_area" id="asig_area">
                                    <option>ADMINISTRACION</option>
                                    <option>ALMACEN</option>
                                    <option>COMERCIAL</option>
                                    <option>CONTABILIDAD</option>                                    
                                    <option>CTI</option>
                                    <option>ESTRUCTURAS</option>
                                    <option>FINANZAS</option>
                                    <option>LOGISTICA</option>
                                    <option>MANTENIMIENTO</option>
                                    <option>MARKETING</option>
                                    <option>OPERACIONES</option>
                                    <option>PRODUCCION</option>
                                    <option>PTA. BROCAS</option>
                                    <option>PTA. ENSAMBLAJE</option>
                                    <option>RRHH</option>                            
                                    <option>SERVICIOS</option>
                                    <option>SIG</option>
                                    <option>VENTAS</option>                                    
                                </select>     
                            </div>
                        </div>                      

                    </div>
                    <!-- /.card-body --> 
                </div>
                <!-- /.card -->
        
            </div><!--/. end col -->
        </div><!--/. end row -->

        <div class="row">
            <!-- left column -->
            <div class="col-12">
                <!-- Horizontal Form -->
                <div class="card card-info">
                    
                    <div class="card-header">
                        <h3 class="card-title">Detalle de asignación</h3>
                    </div>
                    <!-- /.card-header -->            
                    <div class="card-body">
                        <div class="row">   
                            <div class="col-6">
                                <div class="form-group" id="GRPasig_accesorios">
                                    <label for="asig_accesorios" class="col-sm-12 col-form-label">Accesorios de equipo</label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control form-control-sm" id="asig_accesorios" name="asig_accesorios" placeholder="MOUSE, CARGADOR, BATERIAS, AUDIFONOS, ETC" >
                                    </div>
                                    <div class="invalid-feedback">
                                    Ingrese un dato valido
                                    </div>
                                </div>  
                                <div class="form-group" id="GRPasig_medio">
                                    <label for="asig_medio" class="col-sm-12 col-form-label">Metodo de asignación</label>
                                    <div class="col-sm-12">
                                    <select class="form-control form-control-sm" name="asig_medio" id="asig_medio">
                                        <option>PERSONAL</option>
                                        <option>SISTEMA</option>                            
                                        <option>COORDINADOR</option> 
                                    </select>     
                                    </div>
                                </div>  
                                <div class="form-group" id="GRPasig_observaciones">
                                    <label for="asig_observaciones" class="col-sm-12 col-form-label"  >Observaciones generales</label>
                                    <div class="col-sm-12">
                                        <textarea class="form-control" rows="3" id="asig_observaciones" name="asig_observaciones" ></textarea>                        
                                    </div>
                                </div>   
                            </div>
                            <div class="col-6">
                                <div class="form-group" id="GRPasig_fechaRegistro">
                                    <label for="asig_fechaRegistro" class="col-sm-12 col-form-label">Fecha</label>
                                    <div class="col-sm-12">
                                        <div class="input-group date" id="reservationdate" data-target-input="nearest">
                                            <input type="text" class="form-control form-control-sm datetimepicker-input" name="asig_fechaRegistro" id="asig_fechaRegistro" data-target="#reservationdate"/>
                                            <div class="invalid-feedback">
                                                Ingrese un dato valido
                                            </div>
                                                <div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                                </div>
                                        </div>
                                    </div>
                                </div>  
                                <div class="form-group" id="GRPasig_lote">
                                    <label for="asig_lote" class="col-sm-12 col-form-label">Numero lote</label>
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control form-control-sm" id="asig_lote" name="asig_lote" placeholder="190613">
                                        <div class="invalid-feedback">
                                            Ingrese un dato valido
                                        </div>
                                    </div>
                                </div> 
                                <div class="form-group" id="GRPasig_observacionesInternas">
                                    <label for="asig_observacionesInternas" class="col-sm-12 col-form-label"  >Observaciones internas</label>
                                    <div class="col-sm-12">
                                        <textarea class="form-control" rows="3" id="asig_observacionesInternas" name="asig_observacionesInternas" ></textarea>                        
                                    </div>
                                </div>   
                            </div>
                        </div><!--/. end row -->
                  
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                        <button name="btnGuardarAsignacion" id="btnGuardarAsignacion" type="button" class="btn btn-success">Guardar</button>                
                        <a href="{{ route('ListarAsignacionEquipos') }}" class="btn btn-info float-right">Volver a la lista</a>
                    </div>
                    <!-- /.card-footer -->            
                </div>
                <!-- /.card -->
        
            </div><!--/. end col -->
           
        </div><!--/. end row -->
        
        </div><!--/. container-fluid -->
  </section>
  <!-- /.content -->

  @endsection


  @section('librerias')
    <!-- JS PROPIAS DE LA VISTA-->
    <script src="{{ asset('assets/js/myfunctions/asignacion.js') }}"></script>   

    <script>
        $(function () {
        $('[data-toggle="tooltip"]').tooltip()
        }) 
    </script>
        

  @endsection