@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@php
    $estatus_factura = 'SIN FACTURA';

    if ($datos_muestras_reporte && $datos_muestras_reporte->conceptos->count() > 0) {
        foreach ($datos_muestras_reporte->conceptos as $concepto) {
            if ($concepto->factura && $concepto->factura->count() > 0) {
                $factura = $concepto->factura->first();
                $estatus_factura = ($factura->cancelado == 1) ? 'CANCELADA' : 'ACTIVA';
                break;
            }
        }
    }
@endphp
@section('contenido')
    <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') || session()->has('danger'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') ?? session()->get('danger') }}</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="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Contrato y prefactura</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Aprobados</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @if (!$datos_muestras_reporte || $datos_muestras_reporte->conceptos->count() <= 0)
    @if($permisos->gerente == 1 || $permisos->verqr == 1)
    <div class="row">
        <div class="col-6">
            <button class="ui button fluid primary create_contrato_modal @if($datos_muestras_reporte || $flagGContrato == false) disabled @endif">
                <i class="pencil alternate icon"></i> Generar contrato
            </button>
        </div>
        
        <div class="col-6">
            <a class="ui button fluid primary create_servicio_cliente_modal @if(!$datos_muestras_reporte) disabled @endif">
                <i class="pencil alternate icon"></i> Generar prefactura
            </a>
        </div>
    </div>
        @endif
    @else
    <div class="row">
        @if ($permisos->actualizar == 1 || $permisos->gerente == 1) 
        <div class="col-md-10 mb-1">
            <button class="ui button fluid green edit_servicio_cliente_modal" 
                id="servicio_cliente_reporte_{{$estatus_reportes->id_servicio_cliente_reporte}}"                     
                data-id_servicio_cliente_reporte="{{$estatus_reportes->id_servicio_cliente_reporte}}">
                <i class="pencil alternate icon"></i>Editar registro
            </button> 
        </div>
        @endif
    @if ($permisos->eliminar == 1 || $permisos->gerente == 1) 
        <div class="col-md-2">
        <button class="ui button fluid red delete_servicio_cliente_modal" @if ($concepto_detalle >= 1) disabled @endif data-id_recibo_muestra="{{$id_recibo_muestra}}">
                <i class="trash alternate icon"></i>Eliminar
            </button> 
        </div>
        @endif 
    </div>
    
    @endif

    <div class="ui divider"></div>

    <div class="mb-3">
        <strong>Estatus de la factura:</strong>
        <span class="ui label 
            @if($estatus_factura == 'ACTIVA') blue 
            @elseif($estatus_factura == 'CANCELADA') red 
            @else grey 
            @endif">
            {{ $estatus_factura }}
        </span>
    </div>
    <div class="ui divider"></div>
    <div class="form-group row">
        <div class="form-group col-md-6">
            <p><strong>DATOS DE LA EMPRESA PARA INFORMES</strong></p>
        <p><strong>Empresa:</strong> {{$datos_cliente_informe->nombre_empresa}}</p>
        <p><strong>Representante:</strong> 
             {{$datos_representante_legal->representante_legal}}
        </p>    
        <p><strong>Domicilio:</strong>
            @if ($datos_cliente_informe->tipo_direccion == 1)
                {{$datos_cliente_informe->direccion_informe}}
            @else
                @if ($datos_cliente_informe->calle)
                    {{$datos_cliente_informe->calle}},
                @endif
                @if ($datos_cliente_informe->numero_exterior)
                    {{$datos_cliente_informe->numero_exterior}},
                @endif
                @if ($datos_cliente_informe->numero_interior)
                    {{$datos_cliente_informe->numero_interior}},
                @endif
                @if ($datos_cliente_informe->colonia)
                    {{$datos_cliente_informe->colonia}},
                @endif
                @if ($datos_cliente_informe->codigo_postal)
                    C.P. {{$datos_cliente_informe->codigo_postal}},
                @endif
                @if ($datos_cliente_informe->delegacion)
                    {{$datos_cliente_informe->delegacion}},
                @endif
                @if ($datos_cliente_informe->estado)
                    {{$datos_cliente_informe->estado}},
                @endif
                @if ($datos_cliente_informe->pais)
                    {{$datos_cliente_informe->pais}}
                @endif
            @endif
        </p>
        </div>
        <div class="form-group col-md-6">
            <p><strong>DATOS PARA FACTURAR</strong></p>
            <div class="row">
                <div class="col-md-6">
                    <p><strong>Empresa:</strong> {{$datos_cliente_factura->nombre_empresa}}</p>
                    <p><strong>RFC:</strong> {{$datos_cliente_factura->rfc}}</p>
                    <p><strong>Domicilio:</strong>
                        @if ($datos_cliente_factura->calle)
                            {{$datos_cliente_factura->calle.", "}}
                        @endif
                        @if ($datos_cliente_factura->numero_exterior)
                            {{$datos_cliente_factura->numero_exterior.", "}}
                        @endif
                        @if ($datos_cliente_factura->numero_interior)
                            {{$datos_cliente_factura->numero_interior.", "}} 
                        @endif
                        @if ($datos_cliente_factura->colonia)
                            {{$datos_cliente_factura->colonia.", "}}
                        @endif
                        @if ($datos_cliente_factura->codigo_postal)
                            {{$datos_cliente_factura->codigo_postal.", "}}
                        @endif
                        @if ($datos_cliente_factura->delegacion)
                            {{$datos_cliente_factura->delegacion.", "}}
                        @endif
                        @if ($datos_cliente_factura->estado)
                            {{$datos_cliente_factura->estado.", "}}
                        @endif
                        @if ($datos_cliente_factura->pais)
                            {{$datos_cliente_factura->pais}}
                        @endif
                    </p>
                </div>
                <div class="col-md-6">
                    <p><strong>Contacto:</strong> {{$datos_contacto->nombre_contacto}}</p>
                    <p><strong>Teléfono:</strong> {{$datos_contacto->telefono}}</p>
                    <p><strong>E-Mail:</strong> {{$datos_contacto->correo}}</p>
                </div>
            </div>
            
        </div>
    </div> 

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Producto</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>NOM/NMX</th>
                        <th>Tipo de producto</th>
                        <th>no. Informe</th>
                        <th>Fecha Entrega</th>
                        <th>Modificación</th>
                    </tr>
                </thead>
                <tbody>
                    @if($datos_muestras_reporte)
                        @if($datos_muestras_reporte->conceptos->count())
                        @php
                            $num_muestras = 0;
                            $informe_cancelado = 0;
                        @endphp
                        @foreach ($datos_muestras_reporte->conceptos as $dato_muestra)
                        
                        @php
                        foreach ($datos_muestras_reporte_cancelados as $key => $dato_cancelado) {
                            if ($dato_muestra->id_programacion_muestra == $dato_cancelado->id_programacion_muestra) {
                                $informe_cancelado = $dato_cancelado->informe_cancelado;
                            }
                        }
                        
                        $num_muestras++;
                        
                        @endphp
                            <tr
                            @if ($informe_cancelado == 1)
                                class="table-danger"   
                            @endif
                            >
                                <td>{{ $num_muestras }}</td>
                                <td>{{ $dato_muestra->producto }}</td>
                                <td>{{ $dato_muestra->marca }}</td>
                                <td>{{ $dato_muestra->modelo }}</td>
                                <!-- -->
                                <td>{{ $dato_muestra->servicio }} 
                                @if ($dato_muestra->caracteristicas_producto == "Extrabaja")
                                    - {{$dato_muestra->caracteristicas_producto}} 
                                @endif
                                </td>
                                <!-- -->
                                <td>{{ $dato_muestra->servicio_producto }}
                                    {{-- @foreach($datos_extrabaja as $dato_extrabaja)
                                        {{ $dato_extrabaja['caracteristicas_producto'] }}
                                    @endforeach --}}
                                </td>
                                <!-- -->
                                <td>{{ $dato_muestra->num_informe }}</td>
                                <td>{{ date("d-m-Y",strtotime($dato_muestra->fecha_emision))}}</td>
                                @php
                                    // Aseguramos el arreglo para evitar warnings si no viene de controlador
                                    $indicadores_mod = $indicadores_mod ?? [];

                                    $pmId  = $dato_muestra->id_programacion_muestra;
                                    $ind   = $indicadores_mod[$pmId] ?? null;
                                    $texto = $ind['texto'] ?? '';
                                    $esCobro = isset($ind['tiene_linea_cobro']) && (int)$ind['tiene_linea_cobro'] === 1;
                                @endphp
                                <td class="text-center">
                                    @if(!empty($texto))
                                        <span class="ui label {{ $esCobro ? 'green' : 'yellow' }}">{{ $texto }}</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        @else
                        <tr>
                            <td class="text-center" colspan="9">No se encontraron registros</td>
                        </tr>
                        @endif
                    @endif
                </tbody>
            </table>

    <div class="ui divider"></div>
    <div class="form-group col-md-12">
        <div class="row">
            <div class="col-md-6">
                <p><strong>DATOS DEL ENVÍO DEL CORREO ELECTRÓNICO PARA CONTRATO</strong></p>
                <p>Correo Enviado:
                    @if($envio && ($envio->envio_contrato ?? 0) == 1)
                        <span class="ui green label">SI</span>
                    @else
                        <span class="ui red label">NO</span>
                    @endif
                </p>

                <p>
                    Fecha del envío:
                    {{ $envio && $envio->fecha_envio_contrato ? date('d/m/Y H:i:s', strtotime($envio->fecha_envio_contrato)): '-' }}
                </p>
            </div>

            <div class="col-md-6">
                <p><strong>DATOS DEL ENVÍO DEL CORREO ELECTRÓNICO PARA PREFACTURA</strong></p>
                <p>
                    Correo Enviado:
                    @if($envio && $envio->envio_prefactura == 1)
                        <span class="ui green label">SI</span>
                    @else
                        <span class="ui red label">NO</span>
                    @endif
                </p>

                <p>
                    Fecha del envío:
                    {{ $envio && $envio->fecha_envio_prefactura ? date('d/m/Y H:i:s', strtotime($envio->fecha_envio_prefactura)): '-' }}
                </p>
            </div>

        </div>
    </div>

    <div class="ui divider"></div>

        @if ($datos_muestras_reporte)
                <div class="row">
                    <div class="col-md-12">
                        <button id="contrato_y_prefactura_email" class="ui button fluid blue send_mail_servicio_cliente_modal ">
                            <i class="mail alternate icon"></i>Enviar Contrato y Pre-factura por correo electrónico
                        </button>
                    </div>
                </div>
                <table class="ui celled table unstackable">
                    <thead>
                    <tr>
                        <th scope="col">Formato</th>
                        <th class="">EXCEL</th>
                        <th class="">PDF</th>
                        <th class="">EMAIL</th>
                        
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th scope="row">PREFACTURA</th>
                        <td class="text-left ">
                            <div class="buttons">
                                <form action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/pre_factura_excel')}}" method="post">
                                    {{csrf_field()}}
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                                    <button id="pre_factura_excel" class="ui button green fluid loading_spinner
                                    @if ($estatus_reportes->estatus_pre_factura != 'verde')
                                        disabled
                                    @endif
                                    " type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        <i class="download icon"></i>PREFACTURA EXCEL
                                    </button>
                                </form>
                            </div>
                        </td>
                        <td class="text-left ">
                            <div class="buttons">
                                <form action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/pre_factura_pdf')}}" target="_blank" method="post">
                                    {{csrf_field()}}
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                                    <button class="ui button red fluid loading_spinner
                                    @if ($estatus_reportes->estatus_pre_factura != 'verde')
                                        disabled
                                    @endif
                                    " type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>PREFACTURA PDF
                                    </button>
                                </form>
                            </div>
                            
                        </td>
                        <td class="text-left ">
                            <div class="buttons">
                                <button id="prefactura_email" class="ui button fluid blue send_mail_servicio_cliente_modal 
                                @if ($estatus_reportes->estatus_pre_factura != 'verde')
                                        disabled
                                @endif
                                ">
                                    <i class="mail alternate icon"></i>PREFACTURA EMAIL
                                </button>
                            </div>
                            
                        </td>
                        
                    </tr>
                    <tr>
                        <th scope="row">CONTRATO</th>
                        <td class="text-left ">
                            <div class="buttons">
                                <form action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/solicitud_de_prueba_excel')}}" method="post">
                                    {{csrf_field()}}
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                                    <button id="solicitud_de_prueba_excel" class="ui button green fluid loading_spinner
                                    @if ($estatus_reportes->estatus_solicitud_prueba != 'verde')
                                        disabled
                                    @endif
                                    "
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        <i class="download icon"></i>CONTRATO EXCEL
                                    </button>
                                </form>
                            </div>
                            
                            
                        </td>
                        <td>
                            <div class="buttons">
                                <form action="{{url('servicio_cliente_index/'.$id_recibo_muestra.'/solicitud_de_prueba_pdf')}}" target="_blank" method="post">
                                    {{csrf_field()}}
                                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                                    <button id="solicitud_de_prueba_pdf" class="ui button red fluid loading_spinner
                                    @if ($estatus_reportes->estatus_solicitud_prueba != 'verde')
                                        disabled
                                    @endif
                                    "
                                    type="submit">
                                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                        
                                        <i class="download icon"></i>CONTRATO PDF
                                    </button>
                                </form>
                            </div>
                        </td>
                        <td>
                            <div class="buttons">
                                <button id="contrato_email" class="ui button fluid blue send_mail_servicio_cliente_modal 
                                @if ($estatus_reportes->estatus_solicitud_prueba != 'verde')
                                        disabled
                                @endif
                                ">
                                    <i class="mail alternate icon"></i>CONTRATO EMAIL
                                </button>
                            </div>
                        </td>
                        
                    </tr>
                    
                    </tbody>
                </table>
            @endif
        </div>
        @if ($datos_muestras_reporte)
        <!---->
        {{--<div class="row">
            <div class="col-md-12 mb-3">
                <button class="ui button fluid blue send_mail_servicio_cliente_modal ">
                    <i class="mail alternate icon"></i>Enviar por correo electrónico
                </button>
            </div>
            <div class="col-md-6 mb-3">
                <form action="pre_factura_excel" method="post">
                    {{csrf_field()}}
                    <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                    <button class="ui button green fluid 
                    @if ($estatus_reportes->estatus_pre_factura != 'verde')
                        disabled
                    @endif
                    " type="submit">
                        <i class="download icon"></i>Pre-factura
                    </button>
                </form>
            </div>
            <div class="col-md-6">
                <form action="solicitud_de_prueba_excel" method="post">
                    {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                    <button class="ui button green fluid 
                    @if ($estatus_reportes->estatus_solicitud_prueba != 'verde')
                        disabled
                    @endif
                    "
                    type="submit">
                        <i class="download icon"></i>Solicitud de prueba
                    </button>
                </form>
            </div>
        </div>--}}
        {{--test
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-md-6 mb-3">
                <form action="pre_factura_pdf" method="post">
                    {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                    <button class="ui button red fluid 
                    @if ($estatus_reportes->estatus_pre_factura != 'verde')
                        disabled
                    @endif
                    " type="submit">
                        <i class="download icon"></i>Pre-factura PDF
                    </button>
                </form>
            </div>
            <div class="col-md-6">
                <form action="solicitud_de_prueba_pdf" method="post">
                    {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$id_recibo_muestra}}">
                    <button class="ui button red fluid 
                    @if ($estatus_reportes->estatus_solicitud_prueba != 'verde')
                        disabled
                    @endif
                    "
                    type="submit">
                        <i class="download icon"></i>CONTRATO PDF
                    </button>
                </form>
            </div>
        </div> 
        /test--}}
        @endif
        
        
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                {{--<input type="submit" value="Guardar" class="ui button primary">--}}
                <a href="{{ route('servicio_cliente.index') }}" class="ui button gray">Atrás</a>
            </div>
        </div>
    </div>
    @include('Servicio_cliente.create_servicio_cliente_modal')
    @include('Servicio_cliente.create_contrato_modal')
    <script>
        $(function () {
            $('[data-toggle="popover"]').popover()
        })
        $(document).on('click','.create_servicio_cliente_modal',function(){

            $('#create_servicio_cliente_modal').modal('show'); 
        });

        $('#create_servicio_cliente_modal').on('shown.bs.modal', function(){

    let serviciosSinDesc = {!! json_encode($serviciosSinDescuento ?? []) !!}.map(Number);

    const $rows = $('#create_servicio_cliente_modal tbody tr[data-id_precio_x_servicio]');

    // ESET primero
    $rows.each(function(){
        const $checkbox = $(this).find('.checkbox_pre_factura');
        $checkbox.prop('disabled', false);
        $(this).find('.no-descuento-label').addClass('d-none');
    });

    // Aplicar regla
    $rows.each(function(){

        const idPXS = parseInt($(this).data('id_precio_x_servicio'));
        if (!idPXS) return;

        if (serviciosSinDesc.includes(idPXS)) {

            const $checkbox = $(this).find('.checkbox_pre_factura');

            $checkbox.prop('checked', false);
            $checkbox.prop('disabled', true);

            $(this).find('.no-descuento-label').removeClass('d-none');
        }
    });
});

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

            $('#create_contrato_modal').modal('show'); 
        });
    </script>
    @if ($estatus_reportes)
        @include('Servicio_cliente.edit_servicio_cliente_modal')

        <script>
        (function($){

        function buildExtraRow(pmId, conceptoBase) {
            return `
            <tr class="fila-extra-cobro table-info" data-extra-pm="${pmId}">
                <td colspan="3"><em>Línea por modificación con cobro</em></td>

                <td>
                    <select name="extra[${pmId}][id_servicio]" 
                            class="form-control select_servicio_extra liveSearchJquery" required>
                        <option value="" selected disabled>--Seleccione servicio (NOM/NMX)--</option>
                        ${window._SERVICIOS_OPTS_HTML || ''}
                    </select>

                    <select name="extra[${pmId}][id_precio]" 
                            class="form-control select_servicio_producto_extra liveSearchJquery" required>
                        <option value="">--Seleccione tipo de producto--</option>
                    </select>
                </td>

                <td>${ conceptoBase.num_informe ? conceptoBase.num_informe : '' }</td>
                <td>${ conceptoBase.fecha_emision ? formatFecha(conceptoBase.fecha_emision) : '' }</td>

                <td>
                    <input class="form-control" type="number" min="0" step="0.01"
                        name="extra[${pmId}][precio_unitario]" value="" required />
                </td>

                <td class="text-center">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input"
                            id="extra_desc_${pmId}" 
                            name="extra[${pmId}][descuento_activo]">
                        <label class="custom-control-label" 
                            for="extra_desc_${pmId}"></label>
                    </div>
                </td>

                <td class="text-center">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input"
                            id="extra_mostrar_${pmId}" 
                            name="extra[${pmId}][mostrar_en_formato]" checked>
                        <label class="custom-control-label" 
                            for="extra_mostrar_${pmId}"></label>
                    </div>
                </td>
            </tr>
            `;
        }

        function formatFecha(isoDate) {
            try {
                const d = new Date(isoDate);
                const dd = String(d.getDate()).padStart(2,'0');
                const mm = String(d.getMonth()+1).padStart(2,'0');
                const yyyy = d.getFullYear();
                return `${dd}-${mm}-${yyyy}`;
            } catch(e) { 
                return isoDate; 
            }
        }

        function showLoader(){ $('#spinner').removeClass('d-none'); }
        function hideLoader(){ $('#spinner').addClass('d-none'); }

        /* ======================================================
        ABRIR MODAL Y CARGAR DATOS
        =========================================================*/

        // 👇 HAZ resultData GLOBAL
        window.resultData = {};

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

            const idServicioClienteReporte = $(this).attr('id');
            const id_scr = $('#'+idServicioClienteReporte).data('id_servicio_cliente_reporte');

            showLoader();

            $.ajax({
    url:"{{ url('servicio_cliente_index/'.$id_recibo_muestra.'/show_datos_servicio_cliente_reporte') }}",
    method:"POST",
    data:{
        'id_servicio_cliente_reporte': id_scr,
        '_token': $('input[name="_token"]').val()
    },
    success:function(response){

        let res = response;
        if (typeof response === 'string') {
            try { res = JSON.parse(response); } catch(e) {}
        }

        if (!res || res.success !== true) {
            hideLoader();
            alert('No fue posible cargar los datos.');
            return;
        }

        window.resultData = res.data || {};
let serviciosSinDesc = window.resultData.serviciosSinDescuento || [];

// convertir a número por seguridad
serviciosSinDesc = serviciosSinDesc.map(Number);
console.log('serviciosSinDesc:', serviciosSinDesc);

$('#edit_servicio_cliente_modal').modal('show');
hideLoader();

$('#edit_servicio_cliente_modal .fila-extra-cobro').remove();

const conceptos = window.resultData.conceptos || [];

conceptos.forEach(function(c){
    const selector = 'tr.fila-extra-cobro[data-extra-pm="'+c.id_programacion_muestra+'"]';
    if ($(selector).length > 0) return;

    const hasExtra    = c.extra && parseInt(c.extra.exists, 10) === 1;
    const needsCreate = parseInt(c.requiere_linea_cobro, 10) === 1;

    if (!hasExtra && !needsCreate) return;

    const $baseRow = $('tr[data-id_servicio_concepto="'+c.id_servicio_cliente_concepto+'"]');
    if (!$baseRow.length) return;

    const extraHTML = buildExtraRow(c.id_programacion_muestra, {
        num_informe: c.num_informe,
        fecha_emision: c.fecha_emision
    });

    $baseRow.after(extraHTML);
});


$('.liveSearchJquery').select2({ width:'100%' });
    },
    error:function(){
        hideLoader();
        alert('Error de comunicación. Intenta nuevamente.');
    }
});

        });

        })(jQuery);

        </script>
    @endif
    @include('Servicio_cliente.delete_servicio_cliente_modal')
    <script>
        $(document).on('click','.delete_servicio_cliente_modal',function(){
            var id_recibo_muestra=$(this).attr('data-id_recibo_muestra');
            $('#id_recibo_muestra_delete').val(id_recibo_muestra);
            $('#delete_servicio_cliente_modal').modal('show'); 
        });
    </script>
    @include('Servicio_cliente.send_mail_servicio_cliente_modal')
    <script>
        function normalizeTypeId(type_id) {
            if (type_id === null || type_id === undefined || type_id === '') {
                return [];
            }

            // Si ya es número → convertir a array
            if (typeof type_id === 'number') {
                return [String(type_id)];
            }

            // Si es string JSON → parsear
            if (typeof type_id === 'string') {
                try {
                    let parsed = JSON.parse(type_id);
                    return Array.isArray(parsed) ? parsed : [type_id];
                } catch (e) {
                    // string simple "7"
                    return [type_id];
                }
            }

            return [];
        }       

        let correos = @json($correos);
        $(document).on('click', '.send_mail_servicio_cliente_modal', function() {
            $('#email_contacto')
                .empty()
                .append('<option value="">--Seleccione los correos--</option>');

            let id_button = this.id;
            $('#tipo_formato_email').val(id_button);

            correos.forEach(function(correo) {
                let tipos = normalizeTypeId(correo.type_id);
                let agregar = tipos.length === 0;

                switch (id_button) {
                    case 'contrato_email':
                        agregar = agregar || tipos.includes('2');
                        break;
                    case 'prefactura_email':
                        agregar = agregar || tipos.includes('3');
                        break;
                    case 'contrato_y_prefactura_email':
                        agregar = agregar || tipos.includes('2') || tipos.includes('3');
                        break;
                }

                if (agregar && correo.correo) {
                    $('#email_contacto').append(
                        `<option value="${correo.correo}">${correo.correo}</option>`
                    );
                }
            });

            $('#email_contacto').selectpicker('refresh');
            $('#send_mail_servicio_cliente_modal').modal('show');
        });
    </script>
    <!--Seleccionar todo-->
    <script>
        $("#selectAll").click(function(){
            $(".checkbox_pre_factura").attr("checked", this.checked);
        });
    </script>
    <script>
        $("#selectAllEdit").click(function(){
            $(".checkbox_pre_factura_edit").attr("checked", this.checked);
        });
    </script>
    <script>
        $('#send_email_button').click(function(){
            //alert("Enviando...");
            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');
            }, 90000);
        });
    </script>
    <script>
        num_destinatario = 1;
        $('#add_email_destinatario').click(function(){
            num_destinatario++;
            $('#add_email_destinatario_div').append('<label for="destinatario" class="col-sm-2 col-form-label">Para:</label>');
            $('#add_email_destinatario_div').append('<div class="col-sm-10"><div class="form-group"><input class="form-control" type="email" id="email_destinatario_'+(num_destinatario)+'" name="email_destinatario_'+(num_destinatario)+'" placeholder="Ingrese el email del destinatario" required></div></div>');
        });
    </script>
    <script>
        num_cc = 4;
        $('#add_email_cc').click(function(){
            num_cc++;
            $('#add_email_cc_div').append('<label for="CC" class="col-sm-2 col-form-label">CC:</label>');
            $('#add_email_cc_div').append('<div class="col-sm-10"><div class="form-group"><input class="form-control" type="email" id="email_cc_'+(num_cc)+'" name="email_cc_'+(num_cc)+'" placeholder="Ingrese el email del CC" required></div></div>');
        });
    </script>
    <script>
        /* ======================================================
        AL MOSTRAR EL MODAL — LLENAR SELECTS EXISTENTES
        =========================================================*/
        $('#edit_servicio_cliente_modal').on('shown.bs.modal', function () {

    let serviciosSinDesc = window.resultData.serviciosSinDescuento || [];
    serviciosSinDesc = serviciosSinDesc.map(Number);

    console.log('Validando contra:', serviciosSinDesc);

    $('#edit_servicio_cliente_modal tbody tr[data-id_precio_x_servicio]').each(function(){

    const idPXS = parseInt($(this).data('id_precio_x_servicio'));
    console.log({
            fila: $(this).find('td:first').text().trim(),
            idHTML: $(this).data('id_precio_x_servicio'),
            idParsed: idPXS,
            lista: serviciosSinDesc
        });
    if (!idPXS) return;

    if (serviciosSinDesc.includes(idPXS)) {

        const $checkbox = $(this).find('.checkbox_pre_factura_edit');

        $checkbox.prop('checked', false);
        $checkbox.prop('disabled', true);

        // $(this).addClass('table-secondary');

        // Si quieres solo una marca visual pequeña:
        $(this).find('.no-descuento-label').removeClass('d-none');
    }
});

});

        /* ======================================================
        EVENTOS PARA LA FILA EXTRA
        =========================================================*/

        // Cambiar servicio → cargar tipos de producto
        $(document).on('change', '.select_servicio_extra', function(){

            const $tr = $(this).closest('tr.fila-extra-cobro');
            const id_servicio = $(this).val();
            const $selProducto = $tr.find('.select_servicio_producto_extra');
            const $precio = $tr.find('input[name^="extra["][name$="][precio_unitario]"]');

            if (!id_servicio) return;

            $.ajax({
                url:"{{url('show_select_servicio')}}",
                method:"POST",
                data:{ 'id_servicio': id_servicio, '_token': $('input[name="_token"]').val() },
                success:function(response){

                    let res = response;
                    if (typeof response === 'string') {
                        try { res = JSON.parse(response); } catch(e) {}
                    }

                    const list = (res && res.data) ? res.data : [];

                    let opts = '<option value="" selected>--Seleccione tipo de producto--</option>';
                    list.forEach(item => {
                        opts += `<option value="${item.id_precio}">${item.tipo_producto}</option>`;
                    });

                    $selProducto.html(opts).trigger('change.select2');
                    $('.liveSearchJquery').select2({ width:'100%' });

                    // === PREFILL si el TR trae data ===
                    const preIdPrecio = $tr.attr('data-prefill-id-precio');
                    const prePrecio   = $tr.attr('data-prefill-precio');
                    const preDesc     = parseInt($tr.attr('data-prefill-descuento') || '0', 10);
                    const preMostrar  = parseInt($tr.attr('data-prefill-mostrar') || '1', 10);

                    if (preIdPrecio && $selProducto.find(`option[value="${preIdPrecio}"]`).length > 0) {
                        $selProducto.val(String(preIdPrecio)).trigger('change.select2');

                        // Cargar precio del catálogo (si quieres sobreescribir el input)
                        fetchPrecioUnitario(preIdPrecio, $precio);
                    }

                    // Si el registro guardado tenía un precio personalizado, respétalo
                    if (prePrecio && prePrecio !== '') {
                        $precio.val(prePrecio);
                    }

                    // Checkboxes
                    $tr.find(`#extra_desc_${$tr.data('extra-pm')}`).prop('checked', preDesc === 1);
                    $tr.find(`#extra_mostrar_${$tr.data('extra-pm')}`).prop('checked', preMostrar === 1);

                    // Limpiar data prefill para no re-aplicar
                    $tr.removeAttr('data-prefill-id-precio data-prefill-precio data-prefill-descuento data-prefill-mostrar');
                }
            });
        });

        // Cambiar tipo de producto → cargar precio
        $(document).on('change', '.select_servicio_producto_extra', function(){

            const $tr = $(this).closest('tr.fila-extra-cobro');
            const id_precio = $(this).val();
            const $precio = $tr.find('input[name^="extra["][name$="][precio_unitario]"]');

            if (!id_precio){ 
                $precio.val('');
                return;
            }

            fetchPrecioUnitario(id_precio, $precio);
        });

        // Obtener precio unitario
        function fetchPrecioUnitario(id_precio, $precioInput){
            $.ajax({
                url:"{{url('show_select_servicio_producto')}}",
                method:"POST",
                data:{ 'id_precio': id_precio, '_token': $('input[name="_token"]').val() },
                success:function(response){

                    let res = response;
                    if (typeof response === 'string') {
                        try { res = JSON.parse(response); } catch(e) {}
                    }

                    const data = res && res.data ? res.data : {};
                    const precio = data['precio_unitario'] || 0;

                    $precioInput.val(precio);
                }
            });
        }
    </script>
    <script>
        $(document).ready(function(){
            $('.liveSearchJquery').select2({  width: '100%' }); 
        });
    </script>
    <script>
        $(document).ready(function () {
            $('#create_servicio_cliente_reporte_form').on('submit', function () {
                // Deshabilitar el botón de envío
                $('#send_prefactura_form').attr('disabled', true).text('Enviando...');
            });
        });
    </script>
@endsection