@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">SEATSA Internacional</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Línea de pruebas ARM</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    {{--
    <div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre del usuario…">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar usuario">
                </div>
            </div>
        </form>
    </div>
    --}}
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $portal_user_reports->count() }}</strong> resultados en esta página</p>
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Número Informe</th>
                        <th>Cliente Factura</th>
                        <th>Cliente Informe</th>
                        <th>Nombre archivo</th>
                        <th>Fecha</th>
                        
                        <th class="collapsing">Estatus</th>
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                
                <tbody>
                    @if($reportes->count())
                    @foreach ($reportes as $report)
                    @php
                        $datos_linea_prueba_evaluacion = datos_linea_prueba_evaluacion($report->id_international_portal_report);

                        if (!isset($report->datos_customer_invoice_x_report->datos_customer_invoice)){
                            continue;
                        }  
                    @endphp
                    <tr>
                        <td>{{optional($report->datos_programacion->first())->folio_programacion}}</td>
                                
                        <td>{{$report->datos_customer_invoice_x_report->datos_customer_invoice->company_name}}</td>
                        <td>{{$report->datos_customer_invoice_x_report->datos_customer_report->company_name}}</td>
                        <td>{{$report->nombre_reporte}}</td>
                        <td>{{$report->fecha}}</td>
                        
                        <td>
                            @switch($report->estatus)
                                @case(0)
                                    <span class="btn btn-danger">Whitout data</span>
                                    @break
                                @case(1)
                                    <span class="btn btn-warning">In progress</span>
                                    @break
                                @case(2)
                                    <span class="btn btn-success">Ready</span>
                                    @break
                                @default
                                    
                            @endswitch
                            
                        </td>
                        <td >
                            <div class="ui tiny icon buttons">
                                 @if($permisos->verqr == 1 || $permisos->gerente == 1)
                                <a class="ui button orange" 
                                    href="{{url('reportes_clientes_internacional/detalles_informe_resultados/'.$report->id_international_portal_report)}}">
                                    <i class="right arrow icon"></i>
                                </a>
                                <a class="ui button blue edit_report"
                                    data-id_international_portal_report="{{$report->id_international_portal_report}}" 
                                    >
                                        <i class="eye icon"></i>
                                    </a>
                                @endif
                              @if ($permisos->actualizar == 1 || $permisos->gerente == 1) 
                                    
	                            @endif
                                @if ($permisos->eliminar == 1 || $permisos->gerente == 1)
                                    <a class="ui button red delete_report"
                                    data-id_international_portal_report="{{$report->id_international_portal_report}}" 
                                    data-nombre_reporte="{{$report->nombre_reporte}}"
                                    >
                                        <i class="trash icon"></i>
                                    </a>
	                            @endif
                                @if (count($datos_linea_prueba_evaluacion) > 0)
                                @if($permisos->verqr == 1 || $permisos->gerente == 1)
                                <form action={{url('informe_general_linea_de_pruebas_international_report')}} method="post">
                                    {{csrf_field()}}
                                    <input type="hidden" id="id_international_portal_report" name="id_international_portal_report" value="{{$report->id_international_portal_report}}">
                                    <input type="hidden" id="idioma_reporte" name="idioma_reporte" value="en">
                                        
                                    <button id="{{$report->id_international_portal_report}}" class="ui button blue fluid loading_button" type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        <i class="ui file icon"></i> 
                                    </button>
                                </form>  
                                @endif
                                @endif
                                 
                            </div>
                        </td>   
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
                            
            {{-- $usuarios->links("pagination::bootstrap-4") --}}
        </div>
    </div>
    @php
    use App\Linea_Prueba_Evaluacion;
        function datos_linea_prueba_evaluacion($id_international_portal_report){
            $datos_linea_prueba_evaluacion = Linea_Prueba_Evaluacion::select('*')->where('id_international_portal_report',$id_international_portal_report)->get();
            
            return $datos_linea_prueba_evaluacion;
        }
    @endphp
    <script>
        $('.loading_button').click(function(){
         
            pdf_button = $(this).attr('id');
            
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');
    
            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');
        });
        
        setInterval(function(){ 
            spinner.addClass('d-none'); 
            icono.removeClass('d-none');
        }, 120000);
    
    </script>
    @include('International_Customer_Portal_Reports.delete_modal')
    <script>
        $(document).on('click','.delete_report',function(){
            var id_international_portal_report=$(this).attr('data-id_international_portal_report');
            var nombre_reporte=$(this).attr('data-nombre_reporte');
           
            $('#id_international_portal_report_delete').val(id_international_portal_report);
            $('#nombre_reporte_delete').html(nombre_reporte);

            $('#delete_international_customer_report_modal').modal('show'); 
        });
    </script>
    @include('International_Customer_Portal_Reports.modify_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_report').on('click', function(){
                
                id_international_portal_report = $(this).data('id_international_portal_report');
                $("#update_id_international_portal_report").val(id_international_portal_report);
                
                $.ajax({
                    url:"show_international_customer_report_data",
                    method:"POST",
                    data:{'id_international_portal_report': id_international_portal_report, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData);
                        $('#edit_international_customer_report_modal').modal('show');
                    }
                });
        
            });
        });
        
        $('#edit_international_customer_report_modal').on('show.bs.modal', function () {
            pdf_name = resultData['datos_reporte']['nombre_reporte_archivo'];
            //pdf_name = "622083LUVK970709MDFNLR08.pdf";
            html_pdf = "<embed class='mt-3 mb-3' src='storage/customer_invoice_files/"+pdf_name+"' type='application/pdf' width='100%' height='400px'/>";
            $('#pdf_embed_div').html(html_pdf);

            $("#modal-form-modify :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                //console.log(input);
                if(input in resultData['datos_reporte']){
                    $('#modal-form-modify #'+input).val(resultData['datos_reporte'][input]);
                    //$('#modal-form-modify #'+input).selectpicker('val',resultData['datos_reporte'][input]);
                    if (resultData['datos_reporte']['id_norma'] != null) {
                        $('#id_estandar_internacional').prop("disabled", true);
                        $('#nombre_norma').val(resultData['datos_norma']['nombre_norma']);
                        $('#update_id_norma').val(resultData['datos_norma']['id_norma']);
                    }else{
                        $('#id_estandar_internacional').prop("disabled", false);
                        $('#nombre_norma').val('');
                        $('#update_id_norma').val('');
                    }
                }
            });
        });
    </script>
    <script>
        $("#id_estandar_internacional").change(function(){
            id_estandar_internacional = $(this).val();
            
            $.ajax({
                    url:"show_norma_correlacion_international_portal_report",
                    method:"POST",
                    data:{'id_estandar_internacional': id_estandar_internacional, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        $('#nombre_norma').val(resultData['datos_norma']['nombre_norma']);
                        $('#update_id_norma').val(resultData['datos_norma']['id_norma']);
                        
                    }
            });
        });

    </script>
@endsection