@extends('fragments.public.publicFullTemplate')
@section('titulo')
    Portal de clientes
@endsection
@section('contenido')
@php
    if (! session('id_portal_usuario')) {
            header('location: /portal_de_clientes');
            die();
    }
@endphp
<div class="sx-content col-lg-12 text-left mt-5 pt-5">
    <div class="ui big breadcrumb">
        <div class="section">Portal de clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Informes</div>
    </div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
    @if(session()->has('success'))
        <div class="alert alert-success text-center">
            <strong>{{ session()->get('success') }}</strong>
        </div>
    @endif
    @if(session()->has('warning'))
        <div class="alert alert-warning text-center">
            <strong>{{ session()->get('warning') }}</strong>
        </div>
    @endif
    @if(session()->has('danger'))
        <div class="alert alert-danger text-center">
            <strong>{{ session()->get('danger') }}</strong>
        </div>
    @endif
    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <strong>¡Error!</strong> Revise los campos obligatorios<br><br>
        <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
    @endif
</div>
<div class="row">
    <div class="col-md-7 mb-1">
        
    </div>
    <div class="col-md-5">
    <button class="ui button fluid primary nueva_solicitud_pruebas_modal ">
            <i class="pencil icon"></i>Nueva solicitud de pruebas
        </button> 
    </div>
</div>
<div class="ui divider"></div>
<div class="col-lg-12 mt-3">
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Número de informe</th>
                        <th>Modelo</th>
                        <th>Empresa Facturación</th>
                        <th>Empresa Informe</th>
                        <th class="collapsing">Estatus Muestra</th>
                        <th class="collapsing">Estatus Pago</th>
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($datos_muestras as $dato_muestra)
                    <tr>
                        <td>{{$dato_muestra->numero_informe ? $dato_muestra->numero_informe : '(En proceso)' }}</td>
                        <td>{{$dato_muestra->modelo_muestra}}</td>
                        <td>{{$dato_muestra->nombre_cliente_factura}}</td>
                        <td>{{$dato_muestra->nombre_cliente_informe}}</td>
                        <td>
                            @php
                                $estatus_proceso = 0;
                            @endphp
                            @if ($dato_muestra->id_linea_prueba_reporte != NULL)
                                @php
                                    $estatus_proceso = 4;
                                @endphp
                                @if ($dato_muestra->estatus_cobranza == "Pagado")
                                    @php
                                        $estatus_proceso = 5;
                                    @endphp
                                @endif
                            @endif
                            
                            @switch($estatus_proceso)
                                @case(4)
                                    <span class="btn btn-warning">En proceso</span>
                                    @break
                                @case(5)
                                    <span class="btn btn-success">Finalizado</span>
                                    @break
                                @default
                                <span class="btn btn-warning">En proceso</span>
                            @endswitch
                        </td>
                        <td>
                            @switch($dato_muestra->estatus_cobranza)
                                @case("Pagado")
                                    <span class="btn btn-success">Pago recibido</span>
                                    @break
                                @case("Sin Pago")
                                    <span class="btn btn-danger">Sin Pago</span>
                                    @break
                                @default
                                <span class="btn btn-danger">Sin Pago</span>
                            @endswitch
                        </td>
                        <td >
                            <div class="ui tiny icon fluid buttons">
                                <a class="ui button orange" 
                                href="{{url('portal_de_clientes/cliente/informes/detalles/'.$dato_muestra->id_muestra.'')}}">
                                    <i class="arrow right icon"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody> 
            </table>
        </div>
    </div>
    
</div>
{{--
<footer>
    <div class="fixed-bottom">
        <div class="text-center">
            <p>SEATSA &#174; | <a href="https://www.seatsa.com.mx">www.seatsa.com.mx</a> | Todos los derechos reservados.</p>
        </div>
    </div>
</footer>
--}}
@include('Portal_Clientes.create_solicitud_pruebas_modal')

<style type="text/css">
    .stepwizard-step p {
        margin-top: 10px;
    }

    .stepwizard-row {
        display: table-row;
    }

    .stepwizard {
        display: table;
        width: 100%;
        position: relative;
    }

    /*.stepwizard-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }**/

    .stepwizard-row:before {
        top: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
        z-order: 0;

    }

    .stepwizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

    .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    }
</style>
<script>
    var id_cliente = 0;
    $(document).ready(function(){
        $('.nueva_solicitud_pruebas_modal').click(function(){
            readButtons();
            $('#create_solicitud_pruebas_wizzard_modal').modal('show');  
        });
    });  

    readButtons = function(type_accion = "create_solicitud_pruebas_wizzard"){
        let navListItems = $('div#'+type_accion+' div.setup-panel div a'),
        allWells = $('div#'+type_accion+' .setup-content'),
        allNextBtn = $('div#'+type_accion+' .nextBtn');
        allBackBtn = $('div#'+type_accion+' .backBtn');

        navListItems.click(function (e) {
            e.preventDefault();
            var $target = $($(this).attr('href')),
                    $item = $(this);

            if (!$item.hasClass('disabled')) {
                navListItems.removeClass('btn-primary').addClass('btn-default');
                $item.addClass('btn-primary').removeClass('disabled');
                allWells.hide();
                $target.show();
                //$target.find('input:eq(0)').focus();
            }
        });

        allNextBtn.click(function(){
            var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                curStepBtn = curStep.attr("id"),
                nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
                curInputs = curStep.find("input[type='text'],input[type='url']"),
                isValid = true;

            $(".form-group").removeClass("has-error");
                navListItems.addClass('disabled');
                nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
        });

        allBackBtn.click(function(){
            var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                curStepBtn = curStep.attr("id"),
                nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().prev().children("a"),
                curInputs = curStep.find("input[type='text'],input[type='url']"),
                isValid = true;

            $(".form-group").removeClass("has-error");
                navListItems.addClass('disabled');
                nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
        });

        $('div.setup-panel div a.btn-primary').trigger('click'); 
    } 
</script>
<script>
    $(document).ready(function(){
        var id_cliente_factura = $("#select_cliente_factura").val();
        $.ajax({
                url:"{{url('show_select_clientes_factura')}}",
                method:"POST",
                data:{'id_cliente_factura': id_cliente_factura, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    
                    result = JSON.parse(response); 
                    resultData = result.data;
               
                    html_option = "";
                    html_option += "<option value='' selected disabled>--Seleccione--</option>";
                    if (resultData['clientes_informe'].length > 0) {
                        i = 0;
                        $.each(resultData['clientes_informe'], function(key, value_cliente) {
                            if (i == 0) {
                                id_cliente_informe = value_cliente['id_cliente_informe']; 
                            }
                            html_option +="<option value="+value_cliente['id_cliente_informe']+">"+value_cliente['nombre_cliente_informe']+"</option>";
                            i++;
                        });
                    }else{
                        html_option +="<option selected disabled>--Seleccione--</option>";
                    }
                    $('#select_cliente_informe').html(html_option);
                }
        });
    });
</script>
<script>
    $("#select_cliente_informe").change(function(){
        var id_cliente_informe = $("#select_cliente_informe").val();
        
        $.ajax({
                url:"{{url('show_datos_cliente_informe')}}",
                method:"POST",
                data:{'id_cliente_informe': id_cliente_informe, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    
                    
                    html_direccion_cliente_informe = "";
                    if (resultData['direccion_cliente_informe']) {
                        if (resultData['direccion_cliente_informe']['calle']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['calle']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['numero_exterior']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['numero_exterior']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['numero_interior']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['numero_interior']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['colonia']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['colonia']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['cp']) {
                            html_direccion_cliente_informe += "CP:"+resultData['direccion_cliente_informe']['cp']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['delegacion']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['delegacion']+", "; 
                        }
                        if (resultData['direccion_cliente_informe']['estado']) {
                            html_direccion_cliente_informe += resultData['direccion_cliente_informe']['estado']+"."; 
                        }
                    }else{
                        html_direccion_cliente_informe +="No existen datos de dirección del cliente de informe";
                    }
                    $('#direccion_cliente_informe').val(html_direccion_cliente_informe);

                    

                    html_rep_legal_cliente_informe = "";
                    count_rep_legal=0
                    if (resultData['rep_legal_cliente_informe'].length > 0) {
                        $.each(resultData['rep_legal_cliente_informe'], function(key, value) {
                            count_rep_legal++;
                            if (count_rep_legal>1) {
                                html_rep_legal_cliente_informe += ", ";
                            }
                            html_rep_legal_cliente_informe += value['representante_legal'];
                        });
                    }
                    $('#rep_legal_cliente_informe').val(html_rep_legal_cliente_informe);

                }
            });
    });
</script>
@endsection