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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Gentelella Alela! | </title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">

    <!-- PNotify -->
    <link href="../vendors/pnotify/dist/pnotify.css" rel="stylesheet">
    <link href="../vendors/pnotify/dist/pnotify.buttons.css" rel="stylesheet">
    <link href="../vendors/pnotify/dist/pnotify.nonblock.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="../build/css/custom.min.css" rel="stylesheet">

    <!-- Puntitos-->
    <link rel="stylesheet" href="../css/peti_puntitos.css">
</head>

<body class="nav-md">
    <div id='loading' style='display: none;'>
        <div class='spinner'>
            <img src="http://poa.zitacuaro.tecnm.mx/docs/img/Petirrojos.jpg" class='imgPeti'
                style='width:70px; height:70px;' />
            <div class='bounce1'></div>
            <div class='bounce2'></div>
            <div class='bounce3'></div>
        </div>
    </div>
    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="/admin" class="site_title"
                            style="line-height: 15px;height: 60px;padding-top: 5px;"><img src="img/tecnm_menu.png"
                                alt="TecNM" width="40px" height="auto"><span
                                style="font-size:0.6em"> Holo </span></a>
                    </div>

                    <div class="clearfix"></div>

                    <!-- menu profile quick info -->
                    <div class="profile clearfix">
                        <div class="profile_pic">
                            <img src="https://poa.zitacuaro.tecnm.mx/laravel/public/perfiles/koala.jpg "
                                alt="..." class="img-circle profile_img">
                        </div>
                        <div class="profile_info">
                            <span>Bienvenido,</span>
                            <h2>Dario</h2>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <!-- /menu profile quick info -->

                    <br />

                    <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <h3>General</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-file-text"></i> Categorías <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="listado_categoria">Listado </a></li>
                                        <li><a href="#" id="nueva_categoria"> Nuevo</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-tags"></i> Productos <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="listado_producto">Listado</a></li>
                                        <li><a href="#" id="nuevo_producto">Nuevo</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa  fa-shopping-cart"></i> Compras <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="listado_compra">Listado </a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-image"></i> Portada <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="nueva_portada">Nuevo </a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /sidebar menu -->

                    <!-- /menu footer buttons -->
                    <div class="sidebar-footer hidden-small">

                        <a data-toggle="tooltip" data-placement="top" title="Regresar"
                            href="https://poa.zitacuaro.tecnm.mx/seleccion" style="width: 50%;display: inline-block;">
                            <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="Cerrar Sesión" href="/logoutCliente"
                            style="width: 50%;display: inline-block;">
                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        </a>

                    </div>
                    <!-- /menu footer buttons -->
                </div>
            </div>

            <!-- top navigation -->
            <div class="top_nav">
                <div class="nav_menu">
                    <nav>
                        <div class="nav toggle">
                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        </div>

                        <ul class="nav navbar-nav navbar-right">
                            <li class="">
                                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
                                    aria-expanded="false">

                                    <img src="https://poa.zitacuaro.tecnm.mx/laravel/public/perfiles/koala.jpg"
                                        alt="">
                                    Dario

                                    <span class=" fa fa-angle-down"></span>

                                </a>
                                <ul class="dropdown-menu dropdown-usermenu pull-right">
                                    <a href="/logout"><i class="fa fa-sign-out pull-right"></i> Cerrar Sesión</a>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- /top navigation -->
            <div id="contenedor" class="right_col" role="main">
                <section id="comprobante"
                    style="color:#fff;background:#222222 url(img/santander/parallax_bg_19.png) center fixed no-repeat; padding-bottom: 4%;">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-12" style="text-align: center;">
                                <h2 class="section-heading text-uppercase fs_peque">COMPROBANTE DE PAGO </h2>
                                

                            </div>
                        </div>
                        <div id="vaucher" style="margin-bottom: 100px;">
                            <div class="x_content">
                                <form id="form-nuevo">



                                    <div class="row">
                                        <div class="col-lg-1 col-md-1 col-12">&nbsp;</div>
                                        <div class="col-lg-10 col-md-10 col-12">

                                            <div class="row mt-1">

                                                <div class="col-md-6 col-sm-12">


                                                    <div class="row mt-1">
                                                        <div class="col-lg-6 col-md-5 col-4 text-right text-wa"><label
                                                                for="referencia">Referencia:</label></div>
                                                        <div class="col-lg-6 col-md-7 col-8"><input type="text"
                                                                name="referencia" id="referencia"
                                                                class="form-control form-control-sm"></div>
                                                    </div>
                                                    
                                            </div>
                                            <br>
                                            

                                            <div class="row mt-4" style="margin-top: 30px;">
                                                <div class="col-md-3">&nbsp;</div>
                                                <div class="col-md-3"><button type="button"
                                                        class="btn btn-sm btn-primary btn-block"
                                                        onclick="buscar_referencia_ventanilla();"
                                                        id="btn-aceptar">Aceptar</button></div>
                                                <div class="col-md-3"><button type="button"
                                                        class="btn btn-sm btn-outline-secondary btn-block"
                                                        onclick="">Cancelar</button></div>
                                                <div class="col-md-3">&nbsp;</div>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-1 col-12">&nbsp;</div>
                                    </div>

                                </form>
                            </div>
                            <div id="contenedorTablaDetallesPetshop" class="bg-white"></div>

                        </div>

                    </div>
                </section>
            </div>
            <div class="modal fade text-center" id="myModalHtml" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">

                        <div class="modal-header bg-red text-justify"
                            style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">×</span>
                            </button>
                            <h4 class="modal-title" id="myModalTitulo"> Eliminar noticia</h4>
                        </div>
                        <div class="modal-body" id="myModalContenido">
                        </div>
                        <div class="modal-footer" id="myModalFooder">
                        </div>

                    </div>
                </div>
            </div>

            <!-- /page content -->

            <!-- footer content -->
            <footer>
                <div class="pull-right">
                    Desarrollado por el Instituto Tecnológico de Zitácuaro 2022

                </div>
                <div class="clearfix"></div>
            </footer>
            <!-- /footer content -->
        </div>
    </div>

    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="../vendors/nprogress/nprogress.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="../build/js/custom.min.js"></script>
    <script src="../js/controlador.js"></script>
    <!-- PNotify -->
    <script src="../vendors/pnotify/dist/pnotify.js"></script>
    <script src="../vendors/pnotify/dist/pnotify.buttons.js"></script>
    <script src="../vendors/pnotify/dist/pnotify.nonblock.js"></script>
</body>

</html>
