@extends('Sidebar.icssacvSidebar')

@section('title', 'Agrega Activo')

{{-- @section('cabecera')
 <h4> <i class="fas fa-truck"></i> Registra Activo de Transporte</h4>
@endsection --}}

@section('contenido')
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<div class="card-body container">
    <form method="POST" action="{{ route('Inventario_Centro_Acopio.formulario')}}">
      @csrf
      <input type="text" name="proyecto" id="proyecto" value="project1" hidden>
      <div class="card2">
          <div class="card-header2">
              <h4>Datos de ubicación</h4>
          </div>
          <div class="card-body">
              <div class="form-group row">
                  {{-- <div class='form-group col-md-4 col-lg-4 col-xs-4 col-sm-4'> 
                      <label>Centro de acopio</label>
                      <select class="form-control" name='centro_acopio' id="centro_acopio" onchange="datos_ca();" required>
                          <option value="">Selecciona centro de acopio</option>
                          @foreach($Consultas as $centro)
                              <option value="{!!$centro->nombre!!}">{{$centro->nombre}}</option>
                          @endforeach
                      </select>
                  </div> --}}
                  <div class='form-group col-md-4 col-lg-4 col-xs-4 col-sm-4'> 
                    <label>Centro de acopio</label>
                    <input type="text" class="form-control" name='centro_acopio' id="centro_acopio" onblur="datos_ca()" required>
                  </div> 

                  <div class='form-group col-md-4 col-lg-4 col-xs-4 col-sm-4'>
                      <label>Estado</label>
                          <input type='text' class='form-control' name='estado' id="estado" readonly required />
                  </div>

                  <div class='form-group col-md-4 col-lg-4 col-xs-4 col-sm-4'>
                      <label>Dirección</label>
                      <input type='text' class='form-control' name='direccion' id="direccion" readonly required/>
                  </div>
              </div>

              <div class="form-group row">
                  <div class='form-group col-md-3 col-lg-3 col-xs-3 col-sm-3'> <label>Tipo Transporte</label>
                    <select class="form-control" name='tipo_transporte' id="tipo_transporte" required>
                      <option value="">Selecciona transporte</option>
                        <option value="automovil">Automóvil</option>
                        <option value="barredora">Barredora</option>
                        <option value="camioneta">Camioneta</option>
                        <!--<option value="camioneta_van">Camioneta*Van</option>-->
                        <option value="camion">Camión</option>
                        <option value="camion_ligero">Camión Ligero</option>
                        <option value="dolly">Dolly</option>  
                        <option value="montacargas">Montacargas</option>
                        <option value="motocicleta">Motocicleta</option>
                        <option value="remolque">Remolque</option>
                        <option value="tractocamion">Tractocamión</option>                          
                  </select>                        
              </div>
          </div>            
        </div>
      </div>

        <div class="card2">
          <div class="card-body">
            <div class='form-group col-md-12 col-lg-12 col-xs-12 col-sm-12'> 
              <center><button class="btn btn-primary">Crear</button></center>
            </div>
          </div>
        </div>
</form>
</div>

@endsection

@section('titulo')
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb"  style="font-size: 60%">
        <li class="breadcrumb-item"><a href="{{ route('Inventario.index')}}" style="color: black"><i class="fas fa-truck"></i>  Transporte</a></li>
        <li class="breadcrumb-item"><a href="{{ route('Inventario_Centro_Acopio.selector')}}" style="color: black">  Administra Transporte</a></li>
        <li class="breadcrumb-item active">Crea Activo de Transporte</li>
    </ol>
    </nav>
@endsection

@section('scripts')
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  <script src="{{ asset('js/functions.js') }}"></script>
  <script language= javascript type='text/javascript'>
    obtener_nombres();
  </script>
@endsection