<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/css/style.css">
    <link rel="stylesheet" href="public/css/style_foter.css">
    <link rel="shortcut icon" href="public/dist_admin/img/apple-touch-icon.png">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.7.2/font/bootstrap-icons.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <title>Envio de solicitud</title>
</head>

<body>

    <header class="container-fluid bg-verdedark border">
        <nav class="container navbar  p-1 " style="flex-direction:column">
            <a class="navbar-brand p-0" href="#">
                <img src="public/galeria/logo_empresa.png" width="600" alt="" loading="lazy" style="padding-bottom: 10px;">
            </a>
            <div class="text-white">
                <!-- <p class="m-0 text-center text-uppercase">{{empresa.nombre}}</p> -->
                <!--<h4 class="text-center" style="font-size: 2em;">MESA DE PARTES VIRTUAL</h4>-->
            </div>
            <div class="align-self-center"></div>
        </nav>
    </header>

    <div class="container-fluid fondo-ok mt-0  pt-2 pb-2">
        <div class="success-alert p-4 mx-auto mt-4 shadow-lg">
            {% if error == '' %}
            <div class="text-center mb-2 border-bottom">
                <i class="fas fa-check-circle success-icon mb-3"></i>
            </div>
            <div class="text-center mb-4">
                <p class="text-muted mb-0">Su número de expediente es:</p>
                <h2 class="mt-0 highlight-box-num"><b><!--{{solicitante.numero_expediente}}--></b></h2>
            </div>
            <p class="text-center" style="display: none;">
                El n&uacute;mero de expediente generado es:<br>
                <b style="font-size: 2em;">{{solicitante.numero_expediente}}</b>
            </p>

            <div class=" highlight-box mb-2">
                <div class="d-flex justify-content-center text-muted mb-1 mt-2">
                    <small class="mr-3">Código de Trámite Virtual:</small>
                    <small>{{solicitante.id}}</small>
                </div>
                <div class="d-flex justify-content-center text-muted mb-2 mt-1">
                    <small class="mr-3">Fecha y Hora registrado:</small>
                    <small>{{solicitante.created_at}}</small>
                </div>
            </div>
            <div class="highlight-box p-3 mb-3 bg-white" style="font-size: 20px;">
                <h6 class="text-center text-success">En breve se le enviar&aacute; el cargo al correo consignado
                </h6>
                <p class="text-center  d-none">
                    <small >Si tienes alguna duda escribir al correo <b>mesapartevirtual@munimazamari.gob.pe</b> <br>
                        o
                        llamar al telefono
                        <b>948183367</b></b> <br> Horario de atenci&oacute;n <br> <b>08:00am - 01:00pm</b> |
                        <b>03:00pm
                            -
                            06:00pm</b>, Lunes a Viernes</small>
                </p>
                <p class="text-center mb-0">
                    <small>Si tienes alguna duda escribir al correo <b>mesapartevirtual@munimazamari.gob.pe</b> <BR>o</BR> llamar al telefono <b>948183367</b></b> <br>
                        Horario de atenci&oacute;n <br> <b>8:00am 1:00pm</b> y de <b>3:00pm - 6:00pm</b> de Lunes a
                        Viernes.</b></small>
                </p>
            </div>
            <div class="highlight-box mb-2 bg-white">
                <div class="d-grid gap-2 mt-3">
                    <p class="mb-0 text-center">Si desea regresar atras, presione el siguiente botón</p>
                    <a href="index.php" class="btn btn-outline-danger custom-btn-back mt-0 m-2"><i
                            class="bi bi-arrow-left-square mr-2"></i> Regresar al Inicio</a>
                </div>
            </div>
            {% else %}
            <div class="alert" style="display: none;">
                <div class="wave-background"></div>
                <div class="alert-content">
                    <h4 class="mb-4">Upss!, sucedio algo inesperado. Vuelve a intentar mas tarde.</h4>
                    <p class="small  mb-3" style="color: white;">Si el problema persiste no dudes en escribirnos al
                        correo
                        <b>mesapartevirtual@munimazamari.gob.pe</b> o llamar <b>948183367</b> en los horarios de
                        <b>8:00am -
                            1:00pm</b> y de <b>3:00pm - 6:00pm</b> de Lunes a Viernes.
                    </p>
                    <a href="index.php" class="btn btn-sm btn-secondary">Regresar al inicio</a>
                </div>
            </div>
            {% endif %}
        </div>

    </div>

    <footer class="footer spad set-bg" data-setbg="images/footer-bg.png">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="footer__address">
                        <ul>
                            <li>
                                <i class="fa fa-phone"></i>
                                <h4>Celular</h4>
                                <h6><a href="https://wa.me/51950866847" style="color: rgb(245, 238, 234);"
                                        target="_blank">950 866 847</a></h6>
                            </li>
                            <li>
                                <i class="fa-solid fa-globe"></i>
                                <h4>Pagina Web</h4>
                                <h6><a href="https://www.gob.pe/munimazamari" style="color: rgb(245, 238, 234);"
                                        target="_blank">munimazamari.gob.pe</a>
                                </h6>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 offset-lg-1 col-md-6">
                    <div class="footer__social text-center">
                        <h2>Municipalidad Distrital de Mazamari</h2>
                        <div class="footer__social__links text-center">
                            <a href="https://www.facebook.com/MunicipalidadDistritalMazamariOficial"><i
                                    class="fa fa-facebook"></i></a>
                            <a href="https://www.youtube.com/channel/UCtnVfVb-x1_wQNJCwt_Bgng"><i
                                    class="fa-brands fa-youtube"></i></a>
                            <a href="https://www.instagram.com/muni_mazamari/"><i class="fa fa-instagram"></i></a>
                            <a href="https://www.tiktok.com/@municipalidad_mazamari?_t=8dE19ukegKb&_r=1"><i
                                    class="fa-brands fa-tiktok"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 offset-lg-1 col-md-6">
                    <div class="footer__newslatter text-center">
                        <h4>Hazme una consulta</h4>
                        <form action="https://wa.me/51950866847">
                            <input type="text" placeholder="Quiero hacer una consulta">
                            <button type="submit"><i class="fa-brands fa-whatsapp"></i></i></button>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
            <div class="footer__copyright__text text-center">
                <p>Copyright &copy; <script>
                        document.write(new Date().getFullYear());
                    </script> Todos los derechos reservados | Municipalidad Distrital <i class="fa fa-heart"
                        aria-hidden="true"></i> <a href="https://www.gob.pe/munimazamari" target="_blank">Mazamari</a>
                </p>
            </div>
            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
        </div>
    </footer>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Bootstrap JS -->
    <script src="public/js/jquery-3.5.1.min.js"></script>
    <script src="public/js/bootstrap.min.js"></script>
    <script src="public/js/main.js"></script>


    <script src="https://kit.fontawesome.com/84e760954d.js" crossorigin="anonymous"></script>
    <script>
        //window.history.replaceState( null, null, window.location.href );
    </script>
</body>

</html>