@extends('fragments.fullTemplate')
@section('titulo')
    Cotizaciones
@endsection
@section('contenido')
@php
    //
    
@endphp
<style>
    .status-label {
        padding: 5px 10px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        display: inline-block;
        text-align: center;
        min-width: 140px;
    }

    .status-ingreso {
        background-color: #2EA3F2; /* Azul */
    }

    .status-rechazado {
        background-color: #FF1493; /* Rosa */
    }

    .status-pendiente {
        background-color: #FFD700; /* Amarillo */
        color: #000;
    }

    .status-confirmado {
        background-color: #7CFC00; /* Verde */
        color: #000;
    }

    .status-cancelado {
        background-color: #FF0000; /* Rojo */
    }

    .status-llamar {
        background-color: #000080; /* Azul oscuro */
    }
</style>

    <div class="ui big breadcrumb">
        <div class="section">Atención a clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Servicio al cliente</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Cotizaciones</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('Modificaciones.notificacion_modificacion')--}}
        
    

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            {{--<p class="text-center" >{{$cotizaciones->count()}}</strong> resultados en esta p&aacute;gina</p>--}}
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th class="text-center">Creado</th>
                        <th class="text-center">Folio</th>
                        <th class="text-center">Estatus</th>
                        <th class="text-center">Contactos</th>
                        <th class="text-center">Empresa</th>
                        <th class="text-center collapsing"></th>
                    </tr>                    
                </thead>
                <tbody>
                    @if($cotizaciones->count())
                    @foreach ($cotizaciones as $cotizacion)
                    <tr>
                        <td>{{strftime("%d/%m/%Y", strtotime($cotizacion->created_at))}}</td>
                        <td>{{$cotizacion->folio}}</td>
                        <td class="text-center">

    @php
        $estatus = strtolower($cotizacion->estatus);
    @endphp

    @switch($estatus)

        @case('ingreso de servicio cotizado')
            <span class="status-label status-ingreso">
                {{$cotizacion->estatus}}
            </span>
            @break

        @case('rechazado')
            <span class="status-label status-rechazado">
                {{$cotizacion->estatus}}
            </span>
            @break

        @case('pendiente')
            <span class="status-label status-pendiente">
                {{$cotizacion->estatus}}
            </span>
            @break

        @case('confirmado por cliente')
            <span class="status-label status-confirmado">
                {{$cotizacion->estatus}}
            </span>
            @break

        @case('cancelado')
            <span class="status-label status-cancelado">
                {{$cotizacion->estatus}}
            </span>
            @break

        @case('llamar/mensaje')
            <span class="status-label status-llamar">
                {{$cotizacion->estatus}}
            </span>
            @break

        @default
            <span class="status-label" style="background:#777;">
                {{$cotizacion->estatus}}
            </span>

    @endswitch

</td>

                        <td>
                            
                            @if($cotizacion->cliente)
                                @if($cotizacion->cliente->contactos_activos)
                                    @foreach($cotizacion->cliente->contactos_activos as $contactos){{$contactos->nombre_contacto.", "}}@endforeach
                                @endif
                            @endif
                        </td>
                        <td>
                            @if ($cotizacion->cliente && $cotizacion->cliente->nombre_empresa)
                                {{$cotizacion->nombre_empresa}}
                            @else
                                Cliente prospecto
                            @endif
                        </td>
                        
                        <td>
                            <div class="ui tiny icon buttons">
                                <!-- Editar -->
                                {{$cotizacion->nombre_empresa}}
                                <a class="ui red button" id="pdf" data-id="{{$cotizacion->id_cotizacion}}">
                                    <i class="file pdf icon"></i>
                                </a>
                                @if ($permisos->actualizar == 1)
                                <a class="ui button green" title="Modifica" id="edit"   data-id="{{$cotizacion->id_cotizacion}}" >
                                    <i class="pencil alternate icon"></i>
                                </a>
                                @endif                        
                                
                            </div>
                        </td>
                        
                    </tr>                    
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{--$cotizaciones->links("pagination::bootstrap-4")--}}
        </div>
    </div>

    <!--Boton regresa -->
    <br>
    <div class="form-group">            
        <a class="ui button grey" href="{{url('servicio_al_cliente')}}"><i class="arrow circle left icon"></i> Regresar</a>            
    </div>
    
    {{--@include('Cotizaciones.new_cotizacion')
    @include('Cotizaciones.edit_cotizacion')--}}
    {{--@include('Cotizaciones.show_nota')--}}
    @include('Servicio_al_cliente.pdf')
    @include('Servicio_al_cliente.edit_cotizacion')
    
    <script>
        resultData = {};
        let id_cotizacion = 0;
        $(document).ready(function(){

            $('a#pdf').click(function(){
                id_cotizacion = $(this).data("id");
                $('div#correo #id_cotizacion').val(id_cotizacion);
                $('#modalPdf').modal('show');
                
            });

            $('a#edit').click(function(){
                id_cotizacion = $(this).data("id");
                fecha_ultima_comunicacion = $(this).data("fecha");
                client = $(this).data("client");
                folio = $(this).data("folio");
                showLoader();
                $.ajax({
                    type: "POST",
                    url: "{{ url('getCotizacion') }}",
                    data: { 'id_cotizacion': id_cotizacion, '_token': _token = $('input[name="_token"]').val() },
                    success: function (response) {
                        result = JSON.parse(response); 
                        resultData = result.data;
                        $('#modalEditCotizacion').modal('show');
                        hideLoader();
                    },
        error: function () {
            hideLoader(); // ← POR SI FALLA
        }
                });
                
            });
        });

        $('#modalEditCotizacion').on('show.bs.modal', function () {
            $("#modal-form-modify :input").each(function(){
                type = $(this).attr('type');
                input = $(this).attr('id');
                
                if(input in resultData){
                    
                    if(type){
                        console.log(type, input, resultData[input]);
                        $('#modal-form-modify #'+input).val(resultData[input]);
                        
                    }else{
                        $('#modal-form-modify #'+input).selectpicker('val', resultData[input]);
                    }
                    
                }else{
                    input = "medio_contacto";
                    if(type == "radio"){
                        if(input in resultData){
                            $('#modal-form-modify #'+input+''+resultData[input]).prop("checked", true);
                        }
                    }
                }
            });
            let folios = `<div class="ui piled segments">`; 
            for(var a of resultData['recibo_muestras']){
                folios+=`<div class="ui segment">
    <p>${a.folio}</p>
</div>`;
            }
            folios+=`</div>`;
            $('#ingreso_muestra').html(folios);
        });


    </script>      
    
@endsection