<div class="modal fade" id="modal_compras" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document"> <!-- modal-lg para hacerlo más ancho -->
        <div class="modal-content">
            <div class="modal-body">


                <form id="form_registrar_pedido" name="form_registrar_pedido" method="post">
                    <div class="checkout_form">
                        <div class="container">
                            <div class="row">
                                <div id="resultados_login"></div>

                                <!-- Sección de detalles de la compra -->
                                <div class="col-md-6" id="info_cliente">
                                    <div class="modal_right">
                                        <h3 class="text-center">Detalles de Envío</h3>


                                        <div class="row">
                                            <?php
                                            $clie_id = $_SESSION['clie_id'];
                                            $sql1 = mysqli_query($con, "SELECT * FROM cliente where clie_id='$clie_id' and empresa='$emp_id'")
                                                or die(mysqli_error($con));
                                            $mar = mysqli_fetch_array($sql1);

                                            $documento = $mar['clie_cc'];
                                            $nombre = $mar['clie_nombre'];
                                            $telefono = $mar['clie_celular'];
                                            $departamento = $mar['clie_departamento'];
                                            $ciudad = $mar['clie_ciudad'];
                                            $direccion = $mar['clie_direccion'];
                                            $correo = $mar['clie_correo'];
                                            ?>
                                            <div class="col-lg-6 mb-20">
                                                <label>Su documento<span>*</span></label>
                                                <input type="text" value="<?php echo $documento; ?>" id="documento" name="documento" required>
                                            </div>
                                            <div class="col-lg-6 mb-20">
                                                <label>Su nombre<span>*</span></label>
                                                <input type="text" value="<?php echo $nombre; ?>" id="nombre" name="nombre" required>
                                            </div>
                                            <div class="col-12 mb-20">
                                                <label>Departamento <span>*</span></label>
                                                <select class="form-control" id="departamento" name="departamento" required onchange="recargarLista2()">
                                                    <?php
                                                    $dati = mysqli_query($api, "SELECT * FROM departments where id='$departamento'") or die(mysqli_error($api));
                                                    $fila12 = mysqli_fetch_array($dati);
                                                    echo '<option value="' . $fila12['id'] . '"selected>' . utf8_encode($fila12['name']) . '</option>';

                                                    $datosa = mysqli_query($api, "SELECT * FROM departments") or die(mysqli_error($api));
                                                    while ($fila1 = mysqli_fetch_array($datosa)) {
                                                        echo '<option value="' . $fila1['id'] . '">' . utf8_encode($fila1['name']) . '</option>';
                                                    }
                                                    ?>
                                                </select>
                                            </div>
                                            <div class="col-12 mb-20">
                                                <label>Ciudad/Municipio<span>*</span></label>
                                                <select class="form-control" id="ciudad" name="ciudad">
                                                    <?php
                                                    $dat = mysqli_query($api, "SELECT * FROM municipalities where id='$ciudad'") or die(mysqli_error($api));
                                                    $fila = mysqli_fetch_array($dat);
                                                    echo '<option value="' . $fila['id'] . '"selected>' . utf8_encode($fila['name']) . '</option>';
                                                    ?>
                                                </select>
                                            </div>
                                            <div class="col-12 mb-20">
                                                <label>Dirección<span>*</span></label>
                                                <input type="text" value="<?php echo $direccion; ?>" id="direccion" name="direccion" required>
                                            </div>
                                            <div class="col-lg-6 mb-20">
                                                <label>Telefono<span>*</span></label>
                                                <input type="text" value="<?php echo $telefono; ?>" id="telefono" name="telefono" required>
                                            </div>
                                            <div class="col-lg-6 mb-20">
                                                <label> Dirección de Email <span>*</span></label>
                                                <input type="text" value="<?php echo strtoupper($correo); ?>" id="correo" name="correo" requireds>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <style>
                                    #resultados_pedido2 {
                                        max-height: 420px;
                                        /* Ajusta la altura */
                                        overflow-y: auto;
                                        /* Permite desplazamiento vertical */
                                        padding-right: 10px;
                                        /* Ajuste opcional */
                                    }
                                </style>
                                <!-- Sección de información del cliente -->
                                <div class="col-md-6" id="detalle_compra">
                                    <div class="modal_right"> 
                                        <div class="variants_selects">
                                            <h3 class="text-center">Detalles de la compra</h3>
                                            <div id="resultados_pedido2">
                                                <?php

                                                if (isset($_SESSION['carrito'])) {
                                                    $carrito_mio = $_SESSION['carrito'];
                                                    $total = 0;
                                                    for ($i = 0; $i <= count($carrito_mio) - 1; $i++) {
                                                        if (isset($carrito_mio[$i])) {
                                                            if ($carrito_mio[$i] != NULL) {
                                                                if (isset($carrito_mio[$i]['atributo1'])) {
                                                                    $atributo1 = $carrito_mio[$i]['atributo1'];
                                                                } else {
                                                                    $atributo1 = 0;
                                                                }
                                                                if (isset($carrito_mio[$i]['atributo2'])) {
                                                                    $atributo2 = $carrito_mio[$i]['atributo2'];
                                                                } else {
                                                                    $atributo2 = 0;
                                                                }

                                                                $art_art_id = $carrito_mio[$i]['art_art_id'];

                                                                $centra = mysqli_query($con, "SELECT * FROM articulos_has_bodegas WHERE art_id='$art_art_id' AND atributo1='$atributo1' AND atributo2='$atributo2' ")
                                                                    or die(mysqli_error($con));
                                                                while ($cero2 = mysqli_fetch_array($centra)) {
                                                                    $articulos_art_id = $cero2["articulos_art_id"];

                                                                    $centrar5 = mysqli_query($con, "SELECT * FROM articulos where art_id='$articulos_art_id' and empresa='$emp_id' ")
                                                                        or die(mysqli_error($con));
                                                                    while ($cero5 = mysqli_fetch_array($centrar5)) {

                                                                        $art_id = ($cero5['art_id']);
                                                                        $art_pvp = ($cero5['art_pvp']);
                                                                        $art_nombre_online = ($cero5['art_nombre_online']);

                                                                        $art_promo_desc = $cero5['art_promo_desc'];

                                                                        $nombre_archivo = '../../img/articulos/' . $art_id . '.jpg';
                                                ?>
                                                                        <div class="cart_item">
                                                                            <div class="cart_img">
                                                                                <center>

                                                                                    <?php
                                                                                    if (file_exists($nombre_archivo)) { ?>
                                                                                        <img style="height: 80px;" src="<?php echo $emp_url_sub; ?>/img/articulos/<?php echo $art_id; ?>.jpg" alt="">
                                                                                    <?php } else { ?>
                                                                                        <img style="height: 80px;" src="<?php echo $emp_url_sub; ?>/img/articulos/sin_imagen.jpg" alt="#">
                                                                                    <?php   }
                                                                                    ?>

                                                                                </center>
                                                                            </div>
                                                                            <div class="cart_info">
                                                                                <label><?php echo substr($art_nombre_online, 0, 20); ?></label>
                                                                                <span class="quantity">Cantidad:<?php echo $carrito_mio[$i]['cantidad']; ?></span>


                                                                                <?php include("funcion_precio_cart.php")?>
                                                                               
                                                                            <?php       
                                                                            } ?>
                                                                            </div>
                                                                        </div>
                                                    <?php

                                                                    $precio_base =  ($art_promo_desc != 0) ? $total_desc : $precio_promo;


                                                                    $total += $carrito_mio[$i]['cantidad'] * $precio_base;
                                                                    $total_cantidades;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                    ?>



                                            </div>
                                        </div>
                                    </div> <!-- Fin col-md-6 info cliente -->
                                    <br>
                                    <div class="mini_cart_table">
                                        <div class="cart_total">
                                            <span>Total:</span>
                                            <span class="price">
                                                <strong style="text-align: left; color: #000000;">
                                                    <?php
                                                    if (isset($_SESSION['carrito'])) {
                                                        echo '$ ' . number_format($total, 0, ",", ".");
                                                    } else {
                                                        echo '0';
                                                    }
                                                    ?>
                                                </strong>
                                            </span>
                                        </div>
                                    </div>

                                </div> <!-- Fin row -->


                            </div>
                            <div class="login_submit">

                                <button type="button" style="background-color: grey;" class="btn btn-secondary" data-bs-dismiss="modal" onclick="window.location">cancelar</button>
                                <button id="btn_registrar_pedido" name="btn_registrar_pedido" type="submit">Enviar Pedido</button>
                            </div>
                        </div>
                    </div>

                   
                </form>

            </div> <!-- Fin modal-content -->
        </div> <!-- Fin modal-dialog -->
    </div>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $("#form_registrar_pedido").submit(function(event) {
            event.preventDefault(); // Evita la recarga de la página

            $('#btn_registrar_pedido').attr("disabled", true);

            var parametros = $(this).serialize();

            $.ajax({
                type: "POST",
                url: "./php_tienda/registrar_pedido.php",
                data: parametros,
                success: function(datos) {
                    $("#resultados_pedido").html(datos);
                    $('#btn_registrar_pedido').attr("disabled", false);

                    // Mostrar la alerta solo después de recibir la respuesta del servidor
                    Swal.fire({
                        title: "Pedido registrado!",
                        text: datos, // Mostrar la respuesta del servidor en la alerta
                        icon: "success"
                    }).then((result) => {
                        if (result.isConfirmed || result.isDismissed) {
                            window.location.href = "./index.php";
                        }
                    });
                },
                error: function() {
                    // En caso de error, mostrar otra alerta
                    Swal.fire({
                        title: "Error",
                        text: "Hubo un problema al registrar el pedido.",
                        icon: "error"
                    });
                    $('#btn_registrar_pedido').attr("disabled", false);
                }
            });
        });
    </script>