@extends('fragments.fullTemplate')


@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
<style>
    .bootstrap-tagsinput {
        width: 100%
    }
    .bootstrap-tagsinput .tag {
        background-color: #2185D0;
        padding: 2px 5px;
        border-radius: 5px;
    }
</style>
    <div class="row">
        <div class="col-md-6">
            <div class="ui big breadcrumb">
                <div class="section">Muestras</div>
                <i class="right chevron icon divider"></i>
                <div class="section">Programación de muestras</div>
                <i class="right chevron icon divider"></i>
                <div class="active section">Aprobados</div>
            </div>
        </div>
        @if($permisos->verqr == 1 || $permisos->gerente == 1)
        <div class="col-md-3">
            <a class="ui button fluid primary" id="documentacion_muestra" data-toggle="modal" data-target="#documentacion_muestra_modal"><i class="archive icon"></i>Documentacion de la muestra</a>
        </div>
        <div class="col-md-3">
            <a class="ui button fluid secondary" id="linea_trabajo"><i class="archive icon"></i>Calendario de Asignación</a>
        </div>
        @endif
    </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>
    <div class="form-group row">
        <div class="form-group col-md-6">
            <label class="font-weight-bold" for="empresa" class="">Empresa</label>
            <p>{{$datos_reporte_internacional->datos_customer_invoice_x_report->datos_customer_report->company_name}}</p>
        </div>
        
        <div class="form-group col-md-6">
            <label class="font-weight-bold" for="fecha_recibo" class="">Fecha de recibo de muestra</label>
            <p>{{date("d/m/Y H:i:s",strtotime($datos_reporte_internacional->fecha_hora_entrada))}}</p>
            
        </div>
    </div> 
    
    <div class="ui divider"></div>
    @if($permisos->crear == 1)
    <a class="ui button fluid primary create_programacion_modal {{ $datos_programacion_arm->count() > 0 ? 'disabled' : '' }}" data-toggle="modal" data-target="#create_programacion_arm_modal">
        <i class="pencil alternate icon"></i> Nuevo registro de programación
    </a>  
    @endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >1</strong> resultados en esta página</p>
            
            <div class="dt-responsive table-responsive">
                
                <table id="lang-dt" class="ui celled table unstackable">
                    <thead>
                        <tr>
                            <th>Norma</th>
                            <th>Folio programación</th>
                            <th>Partida</th>
                            <th>Nombre</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Cantidad</th>
                            <th>Fecha real</th>
                            <th class="text-center collapsing">Estatus programación</th>
                            
                            <th class="collapsing">Acciones</th>
                            
                            {{--<th class="collapsing">Formato</th>--}}
                        </tr>
                    </thead>
                    <tbody>
                        
                        @foreach ($datos_programacion_arm as $item)
                            <tr>
                                <td>N/A</td>
                                <td>{{$item->folio_programacion}}</td>
                                
                                <td>N/A</td>
                                <td>{{$item->datos_reporte_internacional->muestra}}</td>
                                
                                <td>{{$item->datos_reporte_internacional->marca}}</td>
                                <td>{{$item->datos_reporte_internacional->modelo}}</td>
                                
                                
                                <td>1</td>
                                <td>{{ $item->datos_reporte_internacional->fecha_entrada ? date("d/m/Y",strtotime($item->datos_reporte_internacional->fecha_entrada)) : 'N/A' }}</td>
                                
                                
                                <td class="text-center">
                                    @switch($item->estatus)
                                        @case(0)
                                            <span class="btn btn-danger">No aprobado</span>
                                            @break
                                        @case(1)
                                            <span class="btn btn-warning">Pendiente</span>
                                            @break
                                        @case(2)
                                            <span class="btn btn-success">Aprobado</span>
                                            @break
                                        @case(3)
                                            <span class="btn btn-warning">Carta aduana</span>
                                            @break
                                        @default
                                            
                                    @endswitch
                                </td>
                                <td>
                                    <div class="ui tiny icon buttons">
                                        @if($permisos->actualizar == 1 || $permisos->gerente == 1)
                                        <a data-toggle="modal" data-target="#edit_programacion_arm_modal" class="ui button green edit_programacion_arm" data-datos_programacion="{{$item}}">
                                            <i class="pencil icon"></i>
                                        </a>
                                        @endif
                                        @if($permisos->eliminar == 1 || $permisos->gerente == 1)
                                        <a data-toggle="modal" data-target="#delete_programacion_arm_modal" class="ui button red delete_programacion_arm" data-datos_programacion="{{$item}}" >
                                            <i class="trash icon"></i>
                                        </a>
                                        @endif
                                    </div>
                                </td>
                                {{--}}
                                <td>
                                    <div class="ui tiny icon buttons"><a href="{{route('programacion_arm.detalles',1)}}" class="ui button orange" type="submit">
                                        <i class="arrow circle right icon"></i>
                                        </a>
                                    </div>
                                </td>
                                --}}
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                
                <a href="{{ route('programacion_arm.index') }}" class="ui button gray">
                    <i class="arrow left icon"></i>Atrás</a>
            </div>
        </div>
    </div>
    <script src= http://ocp_seatsa.test/assets/js/bootstrap-tags-input/bootstrap-tagsinput.min.js></script>

    @include('Programacion_ARM.Modals.documentacion_muestra_modal')
    @include('Programacion_ARM.Modals.create_programacion_arm_modal')
    @include('Programacion_ARM.Modals.delete_programacion_arm_modal')
    @include('Programacion_ARM.Modals.edit_programacion_arm_modal')
    @include('Programacion_ARM.Modals.send_notification_file_modal')

    <script>
        $(document).ready(function () {
            

            $('#documentacion_muestra').click(function (e) { 

                id_international_portal_report = @json($id_international_portal_report);

                $.ajax({

                    url:"{{ route('programacion_arm.get_int_port_report_files') }}",
                    method:"POST",
                    data:{
                        'id_international_portal_report': id_international_portal_report, 
                        '_token': _token = $('input[name="_token"]').val()
                    },
                    success:function(response){
                        
                        files_tbody = "";
                        if (response.files.length > 0) {
                            $.each(response.files, function (key, value) { 
                                console.log(value);
                                url_file = "/storage/customer_invoice_files/"+value.file;
                                switch (value.status) {
                                    case 0:
                                        status = "Rechazado";
                                        status_color = "danger";
                                        status_color_text = "text-white";
                                        break;
                                    case 1:
                                        status = "Pendiente";
                                        status_color = "warning";
                                        status_color_text = "text-dark";
                                        break;
                                    case 2:
                                        status = "Aprobado";
                                        status_color = "success";
                                        status_color_text = "text-white";
                                        break;
                                    
                                    default:
                                        status = "Pendiente";
                                        status_color = "warning";
                                        status_color_text = "text-dark";
                                        break;
                                }
                                files_tbody += `
                                <tr>
                                    <td>
                                        <h5><span class="badge badge-pill badge-primary">${value.type}</span></h5>
                                    </td>
                                    <td>
                                        <a target="_blank" href="${url_file}">${value.file}</a>
                                    </td>
                                    <td>
                                        <h5><a id="file_${value.id_int_portal_report_file}" data-id="${value.id_int_portal_report_file}" data-status="${value.status}" class="badge badge-${status_color} file_status ${status_color_text}">${status}</a></h5>
                                    </td>
                                </tr>`;  
                            });
                            
                           
                        }else{
                            //alert("no hay datos");
                            
                        }

                        $('#tbody_files').html(files_tbody);
                    }
                });
                
            });

            $(document).on('click','.file_status',function(){

                element = "#"+$(this).attr('id');
               
                id_int_portal_report_file = $(this).attr('data-id');
                status_val = $(this).attr('data-status');
                new_value_status = (status_val + 1) % 3;
                $.ajax({

                    url:"{{ route('programacion_arm.update_status_file') }}",
                    method:"POST",
                    data:{
                        'status': new_value_status, 
                        'id_int_portal_report_file': id_int_portal_report_file, 
                        '_token': _token = $('input[name="_token"]').val()
                    },
                    success:function(response){
                        console.log("response....   ");
                        console.log(response);
                        
                        $(element).attr("data-status", new_value_status);

                        console.log("new_value_status...");
                        console.log(new_value_status);
                        $(element).removeClass();
                        switch (new_value_status) {
                            case 0:
                                console.log(new_value_status);
                                $(element).text("Rechazado");
                                $(element).addClass('text-white badge badge-danger file_status');
                                break;
                            case 1:
                                console.log(new_value_status);
                                $(element).text("Pendiente");
                                $(element).addClass('text-dark badge badge-warning file_status');
                                break;
                            case 2:
                                $(element).text("Aprobado");
                                console.log(new_value_status);
                                $(element).addClass('text-white badge badge-success file_status');
                                break;

                            default:
                                console.log(new_value_status);
                                $(element).addClass('text-dark badge badge-warning file_status');
                                break;
                        }

                    }
                });
                
            });

            $('.send_notification_file').click(function (e) { 
                rejected = captureRejectedLabels();
                

                mail_message = "";
                if (rejected.length > 0) {
                    mail_message += "Good afternoon, we inform you that the following documentation does not meet the necessary requirements, we request that you re-upload the following documents from your portal:\n\n";
                    $(rejected).each(function (index, element) {
                        mail_message += "*"+element+"\n";
                    });
                    mail_message += "\nCordial greetings.";
                }

                $('#mail_message').val(mail_message);
                $('#documentacion_muestra_modal').hide();
                
            });

            function captureRejectedLabels() { 
                var rejectedLabels = [];
                $('#tbody_files tr').each(function(){
                    console.log("---Buscando....");
                    
                    var status = $(this).find('.file_status').attr('data-status');
                    console.log(status);
                    if(parseInt(status) === 0){
                        var label = $(this).find('h5 > span.badge-primary').text().trim();
                        rejectedLabels.push(label); 
                        
                    }
                });

                return rejectedLabels;
            }

            $("#send_notification_file").on("hide.bs.modal", function () {
				$("#documentacion_muestra_modal").show();
			});
        });
    </script>
    <script>
        $(document).ready(function () {
            set_delivery_dates();
            //******
            datos_reporte_internacional = @json($datos_reporte_internacional);
            $('#id_estandar_internacional').val(datos_reporte_internacional.id_estandar_internacional);
            estandar_x_norma(datos_reporte_internacional.id_estandar_internacional,"create_programacion_arm_modal");
            //*****
            $('.delete_programacion_arm').click(function (e) { 
                datos_programacion = $(this).data('datos_programacion');
                console.log(datos_programacion);
                $('#id_programacion_arm_delete').val(datos_programacion.id_programacion_arm);
                $('#folio_programacion_arm_delete').html(datos_programacion.folio_programacion);
                
            });

            $('.edit_programacion_arm').click(function (e) { 
                datos_programacion = $(this).data('datos_programacion');
                
                modal_edit = $('#edit_programacion_arm_modal');
                lista_inputs = ['folio_programacion','fecha_informe','fecha_pruebas','fecha_termino_pruebas','fecha_emision','fecha_entrega_cliente','referencia','observaciones','grafica_fecha','grafica_fecha_2'];
                $.each(lista_inputs, function (key, value) { 
                    
                    modal_edit.find('#'+value).val(datos_programacion[value]);
                 
                });
                modal_edit.find('#id_tecnico_jefe').selectpicker('val', datos_programacion.id_tecnico_jefe);
                modal_edit.find('#camara_humedad').selectpicker('val', datos_programacion.camara_humedad);
                modal_edit.find('#camara_humedad_2').selectpicker('val', datos_programacion.camara_humedad_2);
                modal_edit.find('#estatus').selectpicker('val', datos_programacion.estatus);

                
                modal_edit.find('#id_programacion_arm_update').val(datos_programacion.id_programacion_arm);

                modal_edit.find('#id_estandar_internacional').val(datos_programacion.datos_reporte_internacional.id_estandar_internacional);
                estandar_x_norma(datos_programacion.datos_reporte_internacional.id_estandar_internacional, "edit_programacion_arm_modal");

                
                
            });


            $('.calcula_dates').change(function (e) { 
                var modal = $(this).closest('.modal');
                var modal_id = modal.attr('id');

                set_delivery_dates_changed($(this).val(),modal_id);
                
            });

            function set_delivery_dates() {

                id_international_portal_report = @json($id_international_portal_report);
                fecha_informe = $('#fecha_informe').val();
                $.ajax({
                    url:"{{ route('programacion_arm.set_delivery_dates') }}",
                    method:"POST",
                    data:{'id_international_portal_report': id_international_portal_report, 'fecha_informe': fecha_informe, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        console.log(response);
                        modal_create = $('#create_programacion_arm_modal');

                        modal_create.find('#fecha_informe').val(response.fecha_entrada);
                        modal_create.find('#fecha_pruebas').val(response.fecha_entrada_pruebas);
                        modal_create.find('#fecha_termino_pruebas').val(response.fecha_termino_pruebas);
                        modal_create.find('#fecha_emision').val(response.fecha_emision);
                        modal_create.find('#fecha_entrega_cliente').val(response.fecha_entrega_cliente);

                    }
                });
            }
            
            function set_delivery_dates_changed(fecha_entrada,modal_id) {
                //fecha_informe = $('#fecha_informe').val();
                $.ajax({
                    url:"{{ route('programacion_arm.set_delivery_dates_changed') }}",
                    method:"POST",
                    data:{'fecha_entrada': fecha_entrada, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        console.log(response);
                        

                        $("#"+modal_id).find('#fecha_informe').val(response.fecha_entrada);
                        $("#"+modal_id).find('#fecha_pruebas').val(response.fecha_entrada_pruebas);
                        $("#"+modal_id).find('#fecha_termino_pruebas').val(response.fecha_termino_pruebas);
                        $("#"+modal_id).find('#fecha_emision').val(response.fecha_emision);
                        $("#"+modal_id).find('#fecha_entrega_cliente').val(response.fecha_entrega_cliente);
                    }
                });
            }

            function estandar_x_norma(id_estandar_internacional,modal_id) {
                //id_estandar_internacional = $(this).val();
                
                $.ajax({
                        url:"{{route('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;
                            
                            $("#"+modal_id).find('#nombre_norma').val(resultData['datos_norma']['nombre_norma']);
                            $("#"+modal_id).find('#update_id_norma').val(resultData['datos_norma']['id_norma']);

                        }
                });
            }
            $(".change_standar").change(function(){

                id_estandar_internacional = $(this).val();
                var modal = $(this).closest('.modal');
                var modal_id = modal.attr('id');

                estandar_x_norma(id_estandar_internacional,modal_id);
            });

        });   
    </script>

<script>
    
</script>
    
@endsection