<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h4 class="m-b-0 m-t-0">Informes</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?php echo URL; ?>informe" class="link">Inicio</a></li>
            <li class="breadcrumb-item active">Panel de opciones</li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeIn ng-scope">
    <div class="row">
        <div class="col-lg-6">
            <div class="card card-body p-0">
                <div class="message-box">
                    <div class="message-widget">
                        <a href="javascript:void(0)" class="ventas">
                            <div class="m-t-15"></div>
                            <div class="user-img"><span class="round bg-success"><i class="fas fa-list"></i></span></div>
                            <div class="mail-contnet">
                                <h5>Informe de Ventas</h5> <span class="mail-desc">Diversos informes de las ventas realizadas en la empresa.</span>
                            </div>
                        </a>
                        <a href="javascript:void(0)" class="compras">
                            <div class="m-t-10"></div>
                            <div class="user-img"><span class="round bg-primary"><i class="fas fa-list"></i></span></div>
                            <div class="mail-contnet">
                                <h5>Informe de Compras</h5> <span class="mail-desc">Diversos informes de las compras realizadas en la empresa.</span>
                            </div>
                        </a>
                        <a href="javascript:void(0)" class="finanzas">
                            <div class="m-t-10"></div>
                            <div class="user-img"> <span class="round bg-warning"><i class="fas fa-list"></i></span></div>
                            <div class="mail-contnet">
                                <h5>Informe de Finanzas</h5> <span class="mail-desc">Todo lo concerniente al flujo de dinero en las cajas.</span>
                            </div>
                        </a>
                        <a href="javascript:void(0)" class="inventario">
                            <div class="m-t-10"></div>
                            <div class="user-img"> <span class="round bg-info"><i class="fas fa-list"></i></span></div>
                            <div class="mail-contnet">
                                <h5>Informe de Inventario <span class="badge badge-danger">nuevo</span></h5> <span class="mail-desc">Movimientos de stock generados por las ventas, compras.</span>
                            </div>
                        </a>
                        <a href="javascript:void(0)" class="otros">
                            <div class="m-t-10"></div>
                            <div class="user-img"> <span class="round bg-danger"><i class="fas fa-list"></i></span></div>
                            <div class="mail-contnet">
                                <h5>Informe de Operaciones</h5> <span class="mail-desc">Todo lo concerniente a las operaciones realizadas por los usuarios.</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div id="list_a">
                <div class="card card-body">
                    <div class="row text-center"><div class="col-sm-10 offset-sm-1"><h3><i class="ti ti-arrow-circle-left"></i><br>Seleccione un elemento de la izquierda</h3><p>Debes seleccionar un elemento para poder visualizar sus reportes</p></div></div>
                </div> 
            </div>
        </div>
    </div>
</div>