@extends('layouts.app')

@section('content')
<section class="section">
    <div class="section-header">
        <h3 class="page__heading">Orden de Trabajo {{$ot->numOT}} <a href="#" onClick="infoOt('{{$ot->numOT}}', '{{$ot->area}}', '{{$ot->id}}')" class="btn btn-primary btn-info-ot">Info OT</a></h3>    
    </div>

   

    <div class="section-body">

        <div class="row">
                <div class="col-md-6">
                    <div class="container mt-3">
                    <h5>Agregar Miscelanea</h5>
                    </div>

                    <div class="card">
                        <div class="card-body">     
                                                                      
                        @if ($errors->any())                                                
                            <div class="alert alert-dark alert-dismissible fade show" role="alert">
                            <strong>¡Revise los campos!</strong>                        
                                @foreach ($errors->all() as $error)                                    
                                    <span class="badge badge-danger">{{ $error }}</span>
                                @endforeach                        
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            </div>
                        @endif

                    <form action="{{ route('/addMiscelanea') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row align-items-center">
                        <div class="col-md-4">
                                <div class="form-group">
                                   <label>ATA CODE</label>
                                   <input type="text" name="atacode" class="form-control">
                                </div>
                            </div>

                        <div class="col-md-4">
                                <div class="form-group">
                                   <label>Miscelanea</label>
                                   <input type="text" name="nombre" class="form-control">
                                   <input type="hidden" name="ot_id" class="form-control" value="{{ $ot->id }}" >
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Descripción</label>
                                   <input type="text" name="descripcion" class="form-control">
                                </div>
                            </div>

                            
                        </div>  

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Intervalo</label>
                                   <input type="text" name="intervalo" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>No. Parte</label>
                                   <input type="text" name="numparte" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>No. Serie</label>
                                   <input type="text" name="numserie" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Tipo de Tarea</label>
                                   <input type="text" name="intervalo" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Zona</label>
                                   <input type="text" name="intervalo" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Nota</label>
                                   <input type="text" name="intervalo" class="form-control">
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                        <div class="col-md-6">
                                <div class="form-group">
                                   <label>Adjuntar Archivo</label>
                                   <input type="file" name="file">
                                </div>
                            </div>

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

                <div class="row">
                    <div class="col-md-6">
                    <div class="container mt-3">
                            <h5>Miscelaneas</h5>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col">                     
                        <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">ATA CODE.</th>
                                <th scope="col">Misc.</th>
                                <th scope="col">Descripción</th>
                                <th scope="col">Intervalo</th>
                                <th scope="col">No. Parte</th>
                                <th scope="col">No. Serie</th>
                                <th scope="col">Tipo de Tarea</th>
                                <th scope="col">Zona</th>                               
                                <th scope="col">Nota</th>
                                <th scope="col">Archivo adjunto</th>
                                <th scope="col">Action</th>                              
                            </tr>
                        </thead>
                        <tbody style="border: 1px solid #ccc;">
                        @if($ot->id == $ot->id) 
                        @foreach($misc as $item)
                           <tr style="border-bottom: 1px solid #ccc; padding: 3px 0; margin: 50px 0;">
                           <td></td>     
                           <td>{{$item->nombre}}</td>
                                <td>{{$item->descripcion}}</td>
                                <td>{{$item->acorrectiva}}</td>
                                <td>{{$item->estado}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td><img class="img-thumbnail user-img user-profile-img profilePicture"
                                     src="{{asset('img/logo_redAviation.svg')}}"/></td>
                                <td>                                  
                                    <a href="#" class="btn btneditar" data-value='{{$item->nombre}}' onClick="funcEditarMisc('{{$item->id}}', '{{$item->nombre}}', '{{$item->descripcion}}')"><button class="btn btn-warning dropdown-item">Editar</button></a>                                   
                                    <a href="{{ route('/deleteMisc', ['id' => $item->id])}}" class="btn btneditar"><button class="btn btn-danger dropdown-item">Borrar</button></a>   
                                </td>                         
                            </tr>  
                        @endforeach    
                        @endif                            
                        </tbody>
                    </table>
                </div>

                    </div>

                    
                </div>

            </div>  

       
<!--Ventanas Modal-->
</section>


<!--Modal Info OT-->
<div id="info_ot" class="modal fade" role="dialog">
    <div class="modal-dialog width-modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title mt-3">Info Orden de Trabajo {{$ot->numOT}}</h5>   
                <a class="imprimir-ot btn btn-success m-1" href="#">Imprimir Formato</a>
                <button type="button" aria-label="Close" class="close outline-none" data-dismiss="modal">×</button>
            </div>

                <div class="container m-2">
                    <div class="row">
            <div class="col-lg-12">
            
                <div class="card">
                    <div class="card-body"> 
                       
                        <div class="row">
                           <div class="col-md-6">
                                <img class="navbar-brand-full app-header-logo" src="{{ asset('img/cesa_logo.svg') }}" width="190" alt="Infyom Logo"><br><br>
                                <h6>CENTRO DE SERVICIO AERONAUTICO S.A. DE<br>
                                TALLER AUTORIZADO A.F.A.C. 332
                                </h6>
                           </div>     

                           <div class="col-md-6">
                                <h2>ORDEN DE TRABAJO</h2>
                                <h5 class="rec_info_ot">TALLER <span class="tit_info_ot">{{$ot->area}}</span></h5>
                           </div>                         
                        </div>

                        <div class="row">
                            <table class="table table-striped mt-2">
                                <thead style="background-color:#48494a">                                     
                                    <th style="color:#fff;">Datos Generales</th>                                                                  
                              </thead>
                              <tbody>
                      
                            <tr>
                                                             
                                <td></td>
                          
                                
                            </tr>
                           
                            </tbody>
                            </table>
                        </div>
                       
                       
                    </div>
                </div>
            </div>
        </div>  

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


<!--Modal Editar Miscelanea-->
<div id="editarMiscelanea" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title">Editar Miscelanea</h5>
                <button type="button" aria-label="Close" class="close outline-none" data-dismiss="modal">×</button>
            </div>

            <div class="container m-2">
                @if ($errors->any())                                                
                            <div class="alert alert-dark alert-dismissible fade show" role="alert">
                            <strong>¡Revise los campos!</strong>                        
                                @foreach ($errors->all() as $error)                                    
                                    <span class="badge badge-danger">{{ $error }}</span>
                                @endforeach                        
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            </div>
                @endif

                
              
                <form action="/edit_misc" method="post">
                        @csrf
                        <div class="row align-items-center">
                        <div class="col-md-4">
                                <div class="form-group">
                                   <label>Miscelanea</label>
                                   <input type="text" name="nombre" id="pfNombre" class="form-control">
                                   <input type="hidden" name="id" id="pfId" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                   <label>Descripción</label>
                                   <input type="text" name="descripcion" id="pfDescripcion" class="form-control">
                                </div>
                            </div>

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


<script>
 /*jQuery('.btninfot').click(function(e){
    jQuery("#info_ot").modal('show');
 });*/

 /*jQuery('.btneditar').click(function(e){
    const valor = jQuery(this).data('value'); 
 });*/

 function funcEditarMisc(id, nombre, descripcion){
    jQuery('#pfId').val(id);
    jQuery('#pfNombre').val(nombre);
    jQuery('#pfDescripcion').val(descripcion);
    jQuery("#editarMiscelanea").modal('show');
 }

</script>
@endsection