@extends('layout.app')
@section('content')
<section class="banner">
    <div class="log-menu">
      <ul>
                   
           
      </ul> 
    </div>
 
</section>
@if (count($errors)>0) 
<div class="alert alert-danger" role="alert">
    <ul>
    @foreach ($errors->all() as $error)
      <li>  
            {{$error }}
      </li>  
    @endforeach
    </ul>
</div>
@endif 
<section class="content-tables">
	<a href="{{ url ('/prog/')}}" class="myButton-ad"><img src="{{ url('/img') }}/icons8_previous_filled.png" alt="Placeholder image" width="20" class="img-fluid">&nbsp; Regresar</a>
   <div style="clear: both"></div>
  
   <div class="container">
    
          <form  class="formulario-agregar" action = "{{ route('encue.guardar') }}" method = "POST"  autocomplete="off">
           @csrf
            <div class="col" id="copt2" >
            <label class="label-ad">Compañia</label>
              <select class="form-control select2 select2-hidden-accessible" name="compa" id="compa" placeholder="Comment"  required>
               <option value="0">Elige una compania</option>
                  @foreach($comp as $key => $co)
                      <option value={{ $co['companyid'] }}>{{ $co['nombre'] }}</option>
                  @endforeach
               </select> 

               
           </div>   
               <br>
               <div class="col" id="copt2" >
                <label class="label-ad">Correos electronico</label>
                <textarea class="form-control" name="copt2" id="copt2" rows="6 " placeholder="Comment" maxlength="200" required></textarea >
              </div>
              <br>
              <div class="col" id="copt3" >
                <label class="label-ad">Tipo de compañia</label>
                <select class="form-control select2 select2-hidden-accessible" name="tipo" id="tipo"  required>
                  <option value=0>Elige un Tipo de embarque</option>
                  <option value=1>Vessel</option>
                  <option value=2>Truck</option>
                  <option value=3>Railcar</option>
                  <br>
                </select>
              </div>
              <div class="col" id="copt4" >
                <br>
                <br>
                  <button class="btn btn-success" type="submit" id="add2">
                    Guardar
                  </button> 
              </div> 
              <br>
            
                
          </form>
    </div>

</section>

<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<script src="{{ asset('js/sweetalert2.all.min.js') }}"></script>

<script>

  $(document).ready(function(){
   

    $('.formulario-agregar').submit(function(e){
        e.preventDefault();

       valor= $( "#compa" ).val();
       tipo= $( "#tipo" ).val();
       

       Swal.fire({
             title: 'Are your sure?',
             text: "Create the survey?",
             type: 'warning',
             showCancelButton: true,
             confirmButtonColor: '#3085d6',
             cancelButtonColor: '#d33',
             confirmButtonText: 'Si!'
           }).then((result) => {
            i=0;
            mensaje='';

            if (valor== 0){
                mensaje='Falta escoger una compañia |';
                i=i+1;
            }

            if (tipo== 0){
                mensaje=mensaje +'Falta escoger un Tipo de embarque |';
                i=i+1;
            }

           

              if (i > 0){

                Swal.fire({
                              position: "top-end",
                              icon: "warning",
                              title: mensaje,
                              showConfirmButton: true
                              });

              }else{
                  this.submit();
              }


           });

      

      });
       


  });
</script>

@endsection