@extends('layouts.app')
{{-- title --}}
@section('title','Solicitud Orden de Trabajo')

 


@section('content')
<div class="container">

<!-- Form wizard with icon tabs section start -->
<section id="info-tabs-">

  <div class="row justify-content-center">
    <div class="col-md-10 col-sm-12">
      <div class="card icon-tab">
        <div class="card-header">
          <h4 class="card-title lead">Solicitud Nueva Orden de Trabajo</h4>
          <h4 ></h4>
        </div>
        <div class="card-content mt-2">
          <div class="card-body">
            <form method="POST" action="{{ route('guardarnuevaot') }}" class="wizard-validation" id="NuevaOT">
              @csrf
              <!-- Step 1 -->
              <h6>
                <i class="step-icon"></i>
                <span class="fonticon-wrap pb-0">
                  <i class="livicon-evo"
                    data-options="name:user.svg; style:lines; strokeColor:#4981BE;"></i>
                </span>
                
                <span class="titlespan">Datos Principales</span>
              </h6>
              <!-- Step 1 end-->
              <!-- body content of step 1 -->
              <fieldset class="mt-0 pt-0">
              
                 <hr> 
                <div class="row">
                  <div class="col-12">
                    <h4 class="py-50 mt-3 mb-3"><center> <strong> Información Cliente </strong> </center></h4>
                  </div>
                
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead" >Nombre Cliente</label>
                      <select class="form-control" id="nom_clienteN_OT" name="nom_cliente" onchange="clientesRUT({{$clientes}},'nom_clienteN_OT')"  placeholder="Nombre y Apellidos" required>
                        <option value="0" selected disabled>Seleccione Cliente</option>
                          @foreach ($clientes as $cli)
                        <option value="{{$cli->rut_cliente}}" id="idrutsearch_{{$cli->rut_cliente}}">{{$cli->nombre}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead">Rut Cliente</label>
                      <div class="input-group mb-3">
                        <input type="text" class="form-control" id="rut_clienteN_OT" name="rut_cliente" placeholder="Rut sin codigo verificador" required >
                        <div class="input-group-append">
                          <a class="btn btn-outline-secondary" onclick="clientesRUT({{$clientes}},'rut_clienteN_OT')" title="Buscar por Rut, sin puntos, guion, o numero verificador">
                            <i class="fa fa-search"></i>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  
                  <div class="col-md-6">
                    <div class="form-group">
                      <label class="lead">Telefono Contacto para Instalacion</label>
                      <input type="text" class="form-control" id="tel_clienteN_OT" name="tel_cliente" placeholder="Numero Telefono o Celular" required>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead">Email Contacto para Instalacion</label>
                      <input type="email" class="form-control" id="email_clienteN_OT" name="email_cliente" placeholder="Email Valido" required>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label class="lead">Direccion de Instalacion</label>
                      <input type="text" class="form-control" id="dir_clienteN_OT" name="dir_cliente" placeholder="Direccion" required>
                    </div>
                  </div>

                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead">Comuna de Instalacion</label>
                      <input type="text" class="form-control" id="comuna_clienteN_OT" name="comuna_cliente" placeholder="Comuna" required>
                    </div>
                  </div>

                </div>
                <hr> 
                <div class="row">
                  <div class="col-12">
                    <h4 class="py-50 mt-4 mb-4"><center> <strong> Información Tecnico</strong> </center></h4>
                  </div>
                
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead">Nombre Tecnico</label>
                      <select class="form-control" name="nom_instal" id="nom_instal" onchange="tecnicosRUT()">
                        <option value="0" selected disabled>Seleccione al Tecnico</option>
                        @foreach ($tecnicos as $tec)
                      <option value="{{$tec->rut_tecnico}}">{{$tec->nombre}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label class="lead">Rut Tecnico</label>
                      <input type="text" class="form-control" name="rut_instal"  id="rut_instal" placeholder="Rut sin codigo verificador" readonly required>
                    </div>
                  </div>
                </div>
                <hr>
                <div class="row">
                  <div class="col-12">
                    <h4 class="py-50 mt-4 mb-4"><center> <strong> Información Instalación</strong> </center></h4>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label class="lead">Responsable Instalación</label>
                      <select class="form-control" name="taller_install" id="taller_install">
                        <option value="0"  disabled>Seleccione al Responsable  de la Instalación</option>                      
                        <option value="cartec" selected>Cartec</option>                      
                        <option value="servitattersall">Servitattersal</option>  
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label class="lead">Prestador Servicio GPS</label>
                      <select class="form-control" name="presGPS"  id="presGPS">
                        <option value="0" disabled>Seleccione al Responsable  de la Instalación</option>                      
                        <option value="gpsimple">Gpsimple</option>                      
                        <option value="entel" selected>FollowmyCar</option>  
                        <option value="tattersall" selected>Tattersall</option>
			<option value="cemin" selected>Cemin</option>
			<option value="carflex" selected>CarFlex</option>
		      </select>
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label class="lead">Tipo Servicio</label>
                      <select class="form-control" name="tiposerv"  id="tiposerv">
                        <option value="0"  disabled>Seleccione el Tipo de Servicio</option>                      
                        <option value="instalacion_gps" selected>Instalación GPS</option>                      
                        <option value="visita_tecnica" >Visita_tecnica GPS</option>  
                        <option value="desinstalacion_gps" >Desinstalación GPS</option>  
                      </select>
                    </div>
                  </div>
                </div>
              <hr>
               
              </fieldset>
              <!-- body content of step 1 end-->
              <!-- Step 2-->
              <h6>
                <i class="step-icon"></i>
                <span class="fonticon-wrap">
                  <i class="livicon-evo"
                    data-options="name:car.svg; size: 50px; style:lines; strokeColor:#4981BE;"></i>
                </span>
                <span class="titlespan">Datos Vehiculos</span>
              </h6>
              <!-- Step 2 end-->
              <!-- body content of step 2 -->
              <fieldset>
                <div class="row">
                  <div class="col-12">
                    <h4 class="py-50"><center> <strong> Listado de Vehiculos </strong> </center></h4>
                    
                  </div>
                  <div class="row col-12">
                    <div class="col-md-4 col-sm-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label for="patenteN-OT" style="min-width:70px;"><span class="input-group-text">Patente</span></label>
                            </div>
                            <input type="text" id="patenteN-OT" class="form-control" style="text-transform: uppercase; min-width:70px; " placeholder="PATENTE" aria-label="PATENTE" aria-describedby="patenteN-OT" required>
                        </div>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label for="marcaN-OT" style="min-width:70px;"><span class="input-group-text" >Marca</span></label>
                            </div>
                            <input type="text" id="marcaN-OT" class="form-control" placeholder="Marca" aria-label="Marca" aria-describedby="marcaN-OT" required>
                        </div>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label for="modeloN-OT" style="min-width:70px;" ><span class="input-group-text">Modelo</span></label>
                            </div>
                            <input type="text" id="modeloN-OT" class="form-control" placeholder="Modelo" aria-label="Modelo" aria-describedby="modeloN-OT" required>
                        </div>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label for="colorN-OT" style="min-width:70px;" ><span class="input-group-text" >Color</span></label>
                            </div>
                            <input type="text" id="colorN-OT" class="form-control" placeholder="Color" aria-label="Color" aria-describedby="colorN-OT" required>
                        </div>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label for="anhoN-OT" style="min-width:70px;" ><span class="input-group-text">Año</span></label>
                            </div>
                        <input type="number" id="anhoN-OT" min="1970" max="{{$anho}}" class="form-control" placeholder="1970" aria-label="1970" aria-describedby="añoN-OT" required>
                        </div>
                        <div class="input-group mb-3">
                          <a id="btn_N-OT" class="btn btn-success btn-block text-light" onclick="AgregarVehiculoNuevaOT()"> <strong>Agregar</strong> </a>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-12 table-responsive" id="tvehiculosnok">
                      @include('parciales.table_vehicu_nok')
                      @section('tvehiculosnok')
                      @show
                    </div>
                    
                  </div>
                  <hr>
                  
                  <div class="col-sm-12">
                    <div class="form-group">
                      <div class="checkbox">
                        <input type="checkbox" name="bscheckbox" id="agreeNuevaOT" required onclick="idcheckNuevaOT()">
                        <label for="agree" class="text-success">Estoy seguro de que los Datos estan Correctos</label>
                      </div>
                    </div>
                  </div>
                </div>
              </fieldset>
             
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

</div>
@endsection