@php
    $facturasUnicasEnvio = collect();
    $correosDestinatario = [];

    foreach ($facturas->contactos as $contactoFactura) {
        foreach ($contactoFactura->facturas as $facturaItem) {
            if (!$facturasUnicasEnvio->contains('id_factura', $facturaItem->id_factura)) {
                $facturasUnicasEnvio->push($facturaItem);
            }
        }
    }

    foreach ($contactos as $contactoFactura) {
        if (!empty($contactoFactura->correo) && $contactoFactura->correo !== 'null') {
            $correosDestinatario[$contactoFactura->correo] = $contactoFactura->nombre_contacto ?: $contactoFactura->correo;
        }

        if (!empty($contactoFactura->correo_opcional) && $contactoFactura->correo_opcional !== 'null') {
            $correosDestinatario[$contactoFactura->correo_opcional] = $contactoFactura->nombre_contacto ?: $contactoFactura->correo_opcional;
        }
    }
@endphp
<div class="modal fade" id="send_mail_servicio_cliente_modal" name="send_mail_servicio_cliente_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <form id="form_send_facturacion" action="{{ url('facturacion/mail/send') }}" method="post">
                {{ csrf_field() }}
                <input type="hidden" name="usar_correo_contenido_modal" value="0">
                <input type="hidden" name="mensaje" value="">

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Envío de formatos por correo electrónico</h5>
                    <button type="button" class="close reset" data-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="ui message info">
                        Verifica que los datos del correo de destino sean correctos antes de enviar.
                    </div>

                    <div class="ui segment">
                        <h5 class="ui dividing header">
                            <i class="send icon"></i> Correo remitente
                        </h5>

                        <select id="facturacion_id_email_remitente" name="id_email_remitente" class="selectpicker form-control" data-live-search="true" data-dropup-auto="false" required>
                            <option value="">--Seleccione--</option>
                            @foreach ($cuentas_correo_activas as $dato_correo)
                                <option value="{{ $dato_correo->id_cuenta_correo_electronico }}">{{ $dato_correo->correo }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="ui segment">
                        <h5 class="ui dividing header">
                            <i class="mail icon"></i> C.C.
                        </h5>

                        <select id="facturacion_cc_json" name="cc_json[]" class="form-control" multiple></select>
                        <small class="form-text text-muted">Selecciona usuarios, cuentas de correo o captura correos manuales.</small>
                    </div>

                    <div class="ui segment">
                        <h5 class="ui dividing header">
                            <i class="users icon"></i> Destinatarios
                        </h5>

                        <select id="facturacion_para" name="para[]" class="form-control" multiple required>
                            @foreach ($correosDestinatario as $correo => $nombre)
                                <option value="{{ $correo }}" selected>{{ $nombre }} - {{ $correo }}</option>
                            @endforeach
                        </select>
                        <small class="form-text text-muted">Puedes quitar destinatarios existentes o capturar correos manuales para este envío.</small>
                    </div>

                    <div class="ui segment correo-section">
                        <h5 class="ui dividing header correo-section-title">
                            <i class="mail icon"></i> Mensaje
                        </h5>

                        <div class="form-group">
                            <label for="facturacion_id_correo_contenido">Plantilla activa</label>
                            <select id="facturacion_id_correo_contenido" name="id_correo_contenido" class="form-control correo-template-native">
                                <option value="default">Default del módulo</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="facturacion_asunto_correo">Asunto</label>
                            <input type="text" id="facturacion_asunto_correo" name="asunto_correo" class="form-control" maxlength="255">
                        </div>

                        <div class="alert alert-warning text-left" role="alert">
                            <strong>TODO LO EDITADO EN EL CONTENIDO SERÁ SOLO PARA ESTE ENVÍO.</strong><br>
                            POR FAVOR, AL MOMENTO DE EDITAR NO ELIMINAR LAS VARIABLES. EJEMPLO: &lt;FACTURA&gt;. NO SE PUEDEN AGREGAR DESDE ESTA VISTA.
                        </div>

                        <textarea id="facturacion_contenido_html" name="contenido_html" class="form-control" rows="8"></textarea>
                    </div>

                    <div class="ui segment">
                        <h5 class="ui dividing header">
                            <i class="copy outline icon"></i> Documentos a enviar
                        </h5>

                        <div class="row mt-3">
                            <div class="col-sm-12 row mb-3">
                                <label for="facturacion_facturas" class="col-sm-2 col-form-label">Facturas</label>
                                <div class="col-sm-10">
                                    <select id="facturacion_facturas" name="facturas[]" class="selectpicker form-control" multiple required data-live-search="true" data-dropup-auto="false" title="--Seleccione--">
                                        @foreach ($facturasUnicasEnvio->sortByDesc('created_at') as $facturaItem)
                                            <option value="{{ $facturaItem->id_factura }}"
                                                    data-tipo-comprobante="{{ $facturaItem->tipo_comprobante }}"
                                                    data-subtext="{{ $facturaItem->created_at }}">
                                                {{ $facturaItem->complemento->serie }} - {{ $facturaItem->complemento->concecutivo }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 row mb-2">
                            <div class="col-2"></div>
                            <div class="ui checkbox">
                                <input type="checkbox" name="env_factura" id="env_factura" value="1" checked>
                                <label for="env_factura">Enviar facturas</label>
                            </div>
                        </div>

                        <div class="col-sm-12 row">
                            <div class="col-2"></div>
                            <div class="ui checkbox">
                                <input type="checkbox" name="env_informe" id="env_informe" value="1" checked>
                                <label for="env_informe">Enviar informes</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="times icon"></i>Cerrar
                    </button>
                    <button id="send_email_button" type="submit" class="btn btn-primary">
                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                        <i class="mail icon"></i>Enviar correo electrónico
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@include('Mail.partials.correo_modal_dinamico')
<script>
    (function() {
        function resolverTipoCorreoFacturacion() {
            var enviarFactura = $('#env_factura').is(':checked');
            var enviarInforme = $('#env_informe').is(':checked');
            var tiposSeleccionados = $('#facturacion_facturas')
                .find('option:selected')
                .map(function() {
                    return String($(this).data('tipo-comprobante') || '');
                })
                .get()
                .filter(Boolean);

            var soloComplementos = tiposSeleccionados.length > 0 && tiposSeleccionados.every(function(tipo) {
                return tipo === 'P';
            });

            if (enviarFactura && soloComplementos) {
                return 'Complemento de pago';
            }

            if (!enviarFactura && enviarInforme) {
                return 'Servicio finalizado';
            }

            return 'Factura';
        }

        function inicializarDestinatariosFacturacion() {
            if (window.SeatsaCorreoModalUI) {
                window.SeatsaCorreoModalUI.inicializarSelect2EnModal(
                    $('#send_mail_servicio_cliente_modal'),
                    $('#facturacion_para'),
                    {
                        tags: false,
                        placeholder: 'Selecciona destinatarios válidos'
                    }
                );
                return;
            }

            $('#facturacion_para').select2({
                tags: false,
                width: '100%',
                placeholder: 'Selecciona destinatarios válidos',
                dropdownParent: $('#send_mail_servicio_cliente_modal')
            });
        }

        inicializarDestinatariosFacturacion();

        var facturacionCorreoModal = SeatsaCorreoModal.init({
            modalSelector: '#send_mail_servicio_cliente_modal',
            formSelector: '#form_send_facturacion',
            modulo: 'Facturación',
            tipoCorreo: resolverTipoCorreoFacturacion,
            templateSelector: '#facturacion_id_correo_contenido',
            senderSelector: '#facturacion_id_email_remitente',
            ccSelector: '#facturacion_cc_json',
            subjectSelector: '#facturacion_asunto_correo',
            contentSelector: '#facturacion_contenido_html',
            useFlagSelector: '[name="usar_correo_contenido_modal"]',
            buildPayload: function() {
                return {
                    id_cuenta_correo_electronico_fallback: $('#facturacion_id_email_remitente').val() || ''
                };
            }
        });

        $(document).on('click', '.send_mail_servicio_cliente_modal', function() {
            setTimeout(function() {
                inicializarDestinatariosFacturacion();
                facturacionCorreoModal.refreshModalSelects();
                facturacionCorreoModal.loadConfig();
            }, 100);
        });

        $(document).on('change', '#env_factura, #env_informe', function() {
            facturacionCorreoModal.loadConfig();
        });

        $(document).on('changed.bs.select', '#facturacion_facturas', function() {
            setTimeout(function() {
                facturacionCorreoModal.loadConfig();
            }, 50);
        });

        $('#form_send_facturacion').on('submit', function(event) {
            var $form = $(this);
            var $button = $form.find('#send_email_button');

            if ($form.data('enviando-correo') === true) {
                event.preventDefault();
                return false;
            }

            if (!$('#env_factura').is(':checked') && !$('#env_informe').is(':checked')) {
                event.preventDefault();
                showAlert('Selecciona al menos facturas o informes para enviar.', 'warning');
                return false;
            }

            $form.data('enviando-correo', true);
            $button.prop('disabled', true);
            $button.find('.spinner').removeClass('d-none');
        });

        $('#send_mail_servicio_cliente_modal').on('shown.bs.modal', function() {
            inicializarDestinatariosFacturacion();
        });
    })();
</script>