@extends('layouts.app')

@section('content')
<section class="section">
        <div class="section-header">
            <h3 class="page__heading">Lista de Ordenes de Trabajo</h3>
        </div>
        <div class="section-body">
            <div class="row">
                <div class="col-12">
                <a href="{{ route('/ots')}}"><button class="btn btn-warning">Ver Todas</button></a> 
                </div>
            </div>

            <div class="row">

             <div class="col">
                  <!--Filtro de Búsqueda por Item-->
                  {!! Form::open(['route' => '/ot/search', 'method' => 'post', 'novalidate', 'class' => 'form-inline']) !!}
          <div class="form-group">
            <label>Filtrar por item</label>
            <input type="text" class="form-control m-1" name = "item" placeholder="Buscar Orden de Trabajo">
          </div>
          <button type="submit" class="m-1 btn btn-primary">Search</button>
        {!! Form::close() !!}
            </div>   

            <div class="col">
                   <!--Filtro de Búsqueda por Departamento-->
        {!! Form::open(['route' => '/ot/search/area', 'method' => 'post', 'novalidate', 'class' => 'form-inline']) !!}
          <div class="form-group">
          <label class="m-1">Filtrar por área</label>
                                   <select name="area" class="form-control">
                                   <option value="Avionics">Avionics</option>
                                   <option value="Planeador Hangar">Planeador Hangar</option>
                                   <option value="Baterias">Baterias</option>
                                   <option value="Hidraulicos">Hidraulicos</option>
                                   <option value="Helicopteros">Helicopteros</option>
                                   <option value="Laboratorio">Laboratorio</option>
                                   <option value="Linea">Linea</option>
                                   <option value="Propeller">Propeller</option>
                                   <option value="Vestiduras">Vestiduras</option>
                                   <option value="Motores Reciprocos">Motores Reciprocos</option>
                                   <option value="Estructuras">Estructuras</option>
                                   </select>
          </div>
          <button type="submit" class="m-1 btn btn-primary">Search</button>
        {!! Form::close() !!}
            </div>       
            </div>


            <div class="row">
                <div class="col-lg-12">
        <br>

                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">Ot</th>
                                <th scope="col">Status</th>
                                <th scope="col">Matrícula</th>
                                <th scope="col">Área</th>
                                <th scope="col">Modelo</th>
                                <th scope="col">Serie</th>
                                <th scope="col">Técnico</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                      

                            @foreach($listaOT as $ot)
                                <tr>
                               
                                    <td>
                                    {{$ot->numOT}}
                                    </td>
                                    <td>{{$ot->status}}</td>
                                    <td>{{$ot->matricula}}</td>
                                    <td>{{$ot->area}}</td>
                                    <td>{{$ot->modelo}}</td>
                                    <td>{{$ot->serie}}</td>
                                    <td>{{$ot->tecnico}}</td>
                                    <td>
                                    <a href="{{ route('/info_OT', ['id' => $ot->id])}}"><button class="btn btn-primary m-1">Ver Info</button></a>   
                                    <a href="{{ route('/edit_OT', ['id' => $ot->id])}}"><button class="btn btn-warning m-1">Editar</button></a> 
                                    <a href="#" onClick="funcBorrarOt('{{$ot->id}}', '{{$ot->tecnico}}')"><button class="btn btn-danger m-1">Borrar</button></a>    
                                    <!--<a href="{{ route('/deleteOT', ['id' => $ot->id])}}" class="delete_ot"><button class="btn btn-danger m-1">Borrar</button></a>-->                                
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

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


    <!--Modal Borrar OT -->
  <div id="modalDelete" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title">¿Confirma borrar la Orden de Trabajo?</h5>
                <button type="button" aria-label="Close" class="close outline-none" data-dismiss="modal">×</button>
            </div>

            <div class="container m-2">
              
            <form action="{{ route('/deleteOT') }}" method="POST">
                        @csrf
                        <div class="row align-items-center">
                        <div class="col-md-6">
                                <div class="form-group">
                                <input type="checkbox" id="deleteot" name="borrar_ot"/>
                                <input type="hidden" name="ot_id" id="ot_id" class="form-control">
                                <input type="hidden" name="ot_tecnico" id="ot_tecnico" class="form-control">
                                <label>Sí</label>
                                </div>
                            </div>

                            <div class="col-md-4">
                            <button type="submit" class="btn btn-primary">Borrar</button> 
                            </div>
                        </div>    
                </form>                            
            </div>
        </div>
    </div>
</div>

 <script>
    function funcBorrarOt(id, tecnico){
        jQuery('#ot_id').val(id);
        jQuery('#ot_tecnico').val(tecnico);
        jQuery("#modalDelete").modal('show');
    }

    document.getElementById("deleteot").required = true;
 </script>
@endsection