<style>

    ::-webkit-scrollbar {

        display: none;

    }

</style>

<?php

include('../../path.php');
require_once(ROOT_CONFIG);

$Id_Afianzadora=!empty($_REQUEST['Id_Afianzadora'])?$_REQUEST['Id_Afianzadora']:'';

$Odbj_conexion = new odbconexion;
$conexion=$Odbj_conexion->openconection();
$consulta="SELECT * FROM afianzadoras WHERE Id_Afianzadora='$Id_Afianzadora'";
$Array_adapter=$conexion->query($consulta);
$conexion->close();
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Detalles de afianzadoras</title>
    <link rel="stylesheet" href="../../../dist/css/styles_datos.css">
</head>
<body>
    <div class="container-dato">
    <?php

    // Verificar si se encontró registros

    if ($Array_adapter->num_rows > 0) {

        while ($Field_afianzadoras=$Array_adapter->fetch_assoc())

        {


                if($Field_afianzadoras['Logo_Afianzadora']!=''){

                    if (file_exists('../../../' . str_replace("../", "", $Field_afianzadoras['Logo_Afianzadora']))) {
                        
                        echo "<p><b>Logo Afianzadora: </b></p>";

                        echo "<center><img src='../../../".str_replace("../","",$Field_afianzadoras['Logo_Afianzadora'])."' class='ptarget img-thumbnail-dato' data-target='photo'/></center>";
                    }
                }


                if($Field_afianzadoras['Nombre_Afianzadora']!=''){

                    echo "<p><b>Nombre Afianzadora: </b>".$Field_afianzadoras['Nombre_Afianzadora']."</p>";

                }


                if($Field_afianzadoras['Razon_Social']!=''){

                    echo "<p><b>Razon Social: </b>".$Field_afianzadoras['Razon_Social']."</p>";

                }


                if($Field_afianzadoras['RFC']!=''){

                    echo "<p><b>RFC: </b>".$Field_afianzadoras['RFC']."</p>";

                }


                echo "<p><b>Telefono: </b><a href=\"https://wa.me/{$Field_afianzadoras['Telefono']}?text=\"  target=\"_blank\" style='display:flex;align-content: center;align-items: center;'><i class=\"fab fa-whatsapp\" style=\"font-size:18px;margin-right:0.5rem;\"></i>{$Field_afianzadoras['Telefono']}</a></p>";


                echo "<p><b>Correo: </b><a href=\"mailto:{$Field_afianzadoras['Correo']}?subject=\" style='display:flex;align-content: center;align-items: center;'><i data-lucide='mail' class='w-4 h-4 mr-2'></i>{$Field_afianzadoras['Correo']}</a></p>";


                if($Field_afianzadoras['Pagina_Web']!=''){

                    echo "<p><b>Pagina Web: </b>".$Field_afianzadoras['Pagina_Web']."</p>";

                }


                if($Field_afianzadoras['Direccion']!=''){

                    echo "<p><b>Direccion: </b>".$Field_afianzadoras['Direccion']."</p>";

                }


                if($Field_afianzadoras['Gastos_de_Expedicion']!=''){

                echo"<p><b>Gastos de Expedicion:</b>";

                    if (floor($Field_afianzadoras['Gastos_de_Expedicion']) != $Field_afianzadoras['Gastos_de_Expedicion']) {

                        // Tiene decimales, usa formato con dos decimales

                        echo "$ ".number_format($Field_afianzadoras['Gastos_de_Expedicion'], 2, '.', ',');

                    } else {

                        // No tiene decimales, usa formato sin decimales

                        echo "$ ".number_format($Field_afianzadoras['Gastos_de_Expedicion'], 0, '', ',');

                    }

                echo "</p>";

                }else{

                 echo "<p><b>Gastos de Expedicion:</b></p>";   

                }


                if($Field_afianzadoras['Fianzas_Activas']!=''){

                echo"<p><b>Fianzas Activas:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Fianzas_Activas'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Fianzas Activas:</b></p>";   

                }


                if($Field_afianzadoras['Numero_Fianzas_Emitidas']!=''){

                echo"<p><b>Numero Fianzas Emitidas:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Numero_Fianzas_Emitidas'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Numero Fianzas Emitidas:</b></p>";   

                }


                if($Field_afianzadoras['Numero_Fianzas_Cobradas']!=''){

                echo"<p><b>Numero Fianzas Cobradas:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Numero_Fianzas_Cobradas'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Numero Fianzas Cobradas:</b></p>";   

                }


                if($Field_afianzadoras['Numero_Fianzas_En_Proceso']!=''){

                echo"<p><b>Numero Fianzas En Proceso:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Numero_Fianzas_En_Proceso'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Numero Fianzas En Proceso:</b></p>";   

                }


                if($Field_afianzadoras['Numero_Fianzas_Canceladas']!=''){

                echo"<p><b>Numero Fianzas Canceladas:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Numero_Fianzas_Canceladas'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Numero Fianzas Canceladas:</b></p>";   

                }


                if($Field_afianzadoras['Monto_Total_Emitido']!=''){

                echo"<p><b>Monto Total Emitido:</b>";

                    if (floor($Field_afianzadoras['Monto_Total_Emitido']) != $Field_afianzadoras['Monto_Total_Emitido']) {

                        // Tiene decimales, usa formato con dos decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_Total_Emitido'], 2, '.', ',');

                    } else {

                        // No tiene decimales, usa formato sin decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_Total_Emitido'], 0, '', ',');

                    }

                echo "</p>";

                }else{

                 echo "<p><b>Monto Total Emitido:</b></p>";   

                }


                if($Field_afianzadoras['Monto_Total_Cobrado']!=''){

                echo"<p><b>Monto Total Cobrado:</b>";

                    if (floor($Field_afianzadoras['Monto_Total_Cobrado']) != $Field_afianzadoras['Monto_Total_Cobrado']) {

                        // Tiene decimales, usa formato con dos decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_Total_Cobrado'], 2, '.', ',');

                    } else {

                        // No tiene decimales, usa formato sin decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_Total_Cobrado'], 0, '', ',');

                    }

                echo "</p>";

                }else{

                 echo "<p><b>Monto Total Cobrado:</b></p>";   

                }


                if($Field_afianzadoras['Monto_En_Riesgo']!=''){

                echo"<p><b>Monto En Riesgo:</b>";

                    if (floor($Field_afianzadoras['Monto_En_Riesgo']) != $Field_afianzadoras['Monto_En_Riesgo']) {

                        // Tiene decimales, usa formato con dos decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_En_Riesgo'], 2, '.', ',');

                    } else {

                        // No tiene decimales, usa formato sin decimales

                        echo "$ ".number_format($Field_afianzadoras['Monto_En_Riesgo'], 0, '', ',');

                    }

                echo "</p>";

                }else{

                 echo "<p><b>Monto En Riesgo:</b></p>";   

                }


                if($Field_afianzadoras['Porcentaje_Cobranza']!=''){

                    echo "<p><b>Porcentaje Cobranza: </b>".$Field_afianzadoras['Porcentaje_Cobranza']."</p>";

                }


                if($Field_afianzadoras['Indice_Cumplimiento']!=''){

                    echo "<p><b>Indice Cumplimiento: </b>".$Field_afianzadoras['Indice_Cumplimiento']."</p>";

                }


                if($Field_afianzadoras['Score_Operativo']!=''){

                echo"<p><b>Score Operativo:</b>";

                    // No tiene decimales, usa formato sin decimales

                    echo number_format($Field_afianzadoras['Score_Operativo'], 0, '', ',');

                echo "</p>";

                }else{

                 echo "<p><b>Score Operativo:</b></p>";   

                }


                if($Field_afianzadoras['Id_Fk_Score']!=''){

                    echo "<p><b>Id Fk Score: </b>".$Field_afianzadoras['Id_Fk_Score']."</p>";

                }


                if($Field_afianzadoras['Nivel_Score']!=''){

                    echo "<p><b>Nivel Score: </b>".$Field_afianzadoras['Nivel_Score']."</p>";

                }


                if($Field_afianzadoras['Id_Fk_Status_Afianzadora']!=''){

                    echo "<p><b>Id Fk Status Afianzadora: </b>".$Field_afianzadoras['Id_Fk_Status_Afianzadora']."</p>";

                }


                if($Field_afianzadoras['Status_Afianzadora']!=''){

                    echo "<p><b>Status Afianzadora: </b>".$Field_afianzadoras['Status_Afianzadora']."</p>";

                }


                if($Field_afianzadoras['Documento_Contrato_PDF']!=''){

                    if (file_exists('../../../' . str_replace("../", "", $Field_afianzadoras['Documento_Contrato_PDF']))) {

                        echo "<p><b>Documento Contrato PDF: </b></p>";

                        echo "<center><object  height='400' type='application/pdf' data='{$Field_afianzadoras['Documento_Contrato_PDF']}' class='pdf-thumbnail-dato' data-target='pdf' data-src='{$Field_afianzadoras['Documento_Contrato_PDF']}' style='width:70%;cursor:pointer;'><p>Su navegador web no tiene un complemento de PDF. En cambio, puedes <a href='Documento_Contrato_PDF'>Haga click aquí para descargar el archivo PDF.</a></p></object></center>";
                    }

                }


                if($Field_afianzadoras['Documento_Politicas_PDF']!=''){

                    if (file_exists('../../../' . str_replace("../", "", $Field_afianzadoras['Documento_Politicas_PDF']))) {

                        echo "<p><b>Documento Politicas PDF: </b></p>";

                        echo "<center><object  height='400' type='application/pdf' data='{$Field_afianzadoras['Documento_Politicas_PDF']}' class='pdf-thumbnail-dato' data-target='pdf' data-src='{$Field_afianzadoras['Documento_Politicas_PDF']}' style='width:70%;cursor:pointer;'><p>Su navegador web no tiene un complemento de PDF. En cambio, puedes <a href='Documento_Politicas_PDF'>Haga click aquí para descargar el archivo PDF.</a></p></object></center>";
                    }

                }


                if($Field_afianzadoras['Observaciones']!=''){

                    echo "<p><b>Observaciones: </b>".$Field_afianzadoras['Observaciones']."</p>";

                }


                if($Field_afianzadoras['Quien_Registro']!=''){

                    echo "<p><b>Quien Registro: </b>".$Field_afianzadoras['Quien_Registro']."</p>";

                }


                if($Field_afianzadoras['Fecha_Registro']!=''){

                    echo "<p><b>Fecha Registro: </b>".$Field_afianzadoras['Fecha_Registro']."</p>";

                }


                if($Field_afianzadoras['Fecha_Modificacion']!=''){

                    echo "<p><b>Fecha Modificacion: </b>".$Field_afianzadoras['Fecha_Modificacion']."</p>";

                }


                if($Field_afianzadoras['Quien_Modifico']!=''){

                    echo "<p><b>Quien Modifico: </b>".$Field_afianzadoras['Quien_Modifico']."</p>";

                }


        }
    } else {
         echo "<h1 style='text-align:center;'>No se han encontrado los datos del registro seleccionado!.</h1>";
    }

    ?>
    </div>

    <!-- Modal para contenido multimedia -->
    <div id="modal-media-dato" class="modal-media-dato" style="flex-direction: column;">
        <span class="close-modal-dato">&times;</span>
        <div class="modal-content-dato">
            <!-- Aquí se cargará el contenido multimedia -->
        </div>
        <div class="modal-actions-dato">
            <button id="btn-download">Descargar</button>
            <button id="btn-share">Compartir</button>
        </div>
    </div>

    <!-- Modal para ver los datos -->
    <div id="modal-data-dato" class="modal-data-dato">
        <div class="modal-data-dato-content">
            <!-- Aquí puedes mostrar los datos -->
            <p>Contenido del Modal de Datos</p>
        </div>
    </div>

    <script>
        // Mostrar el modal con la imagen o video en zoom
        document.querySelectorAll('.img-thumbnail-dato, .video-thumbnail-dato').forEach(item => {
            item.addEventListener('click', (e) => {
                const target = e.target.getAttribute('data-target');
                const modalContent = document.querySelector('.modal-content-dato');

                if (target === 'photo') {
                    modalContent.innerHTML = `<img src="${e.target.src}" alt="Foto">`;
                } else if (target === 'video') {
                    modalContent.innerHTML = `<video src="${e.target.src}" autoplay muted loop></video>`;
                }

                document.getElementById('modal-media-dato').style.display = 'flex';
            });
        });

        // Cerrar el modal de medios
        document.querySelector('.close-modal-dato').addEventListener('click', () => {
            document.getElementById('modal-media-dato').style.display = 'none';
        });

        window.addEventListener('click', (e) => {
            if (e.target === document.getElementById('modal-media-dato')) {
                document.getElementById('modal-media-dato').style.display = 'none';
            }
        });
    </script>
    <script>
    let currentMediaUrl = '';
    let currentMediaType = '';

    /*document.querySelectorAll('.img-thumbnail-dato, .video-thumbnail').forEach(item => {
        item.addEventListener('click', (e) => {
            const target = e.target.getAttribute('data-target');
            const modalContent = document.querySelector('.modal-content-dato');

            currentMediaUrl = e.target.src;
            currentMediaType = target;

            if (target === 'photo') {
                modalContent.innerHTML = `<img src="${currentMediaUrl}" alt="Foto">`;
            } else if (target === 'video') {
                modalContent.innerHTML = `<video src="${currentMediaUrl}" controls autoplay></video>`;
            }

            document.getElementById('modal-media-dato').style.display = 'flex';
        });
    });*/

    document.querySelectorAll('.img-thumbnail-dato, .video-thumbnail-dato, .pdf-thumbnail-dato').forEach(item => {

        item.addEventListener('click', (e) => {

            const target = item.getAttribute('data-target');
            const modalContent = document.querySelector('.modal-content-dato');

            // Soporta img, video y pdf
            currentMediaUrl =
                item.getAttribute('data-src') ||
                item.getAttribute('src') ||
                item.getAttribute('data');

            currentMediaType = target;

            modalContent.innerHTML = '';

            if (target === 'photo') {
                modalContent.innerHTML = `
                    <img src="${currentMediaUrl}" alt="Foto" style="max-width:100%;max-height:80vh;">
                `;
            }
            else if (target === 'video') {
                modalContent.innerHTML = `
                    <video src="${currentMediaUrl}" controls autoplay style="max-width:100%;max-height:80vh;"></video>
                `;
            }
            else if (target === 'pdf') {
                modalContent.innerHTML = `
                    <iframe src="${currentMediaUrl}" width="100%" height="600px"></iframe>
                `;
            }

            document.getElementById('modal-media-dato').style.display = 'flex';
        });

    });

    // Descargar
    document.getElementById('btn-download').addEventListener('click', () => {
        const a = document.createElement('a');
        a.href = currentMediaUrl;
        a.download = '';
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
    });

    // Compartir (Web Share API)
    document.getElementById('btn-share').addEventListener('click', async () => {
        if (navigator.share) {
            await navigator.share({
                title: 'Archivo compartido',
                url: currentMediaUrl
            });
        } else {
            alert('Tu navegador no soporta compartir. Copia el enlace:\n' + currentMediaUrl);
        }
    });

    // Cerrar modal
    document.querySelector('.close-modal-dato').addEventListener('click', () => {
        document.getElementById('modal-media-dato').style.display = 'none';
    });

    window.addEventListener('click', (e) => {
        if (e.target === document.getElementById('modal-media-dato')) {
            document.getElementById('modal-media-dato').style.display = 'none';
        }
    });
</script>

</body>
</html>


