{{define "title"}}Falcon UI{{end}}

{{define "body"}}

<div class="container is-fluid">
    <div class="columns">
        <div class="column is-one-fifth">
            <aside class="menu">
                <p class="menu-label">Panel</p>
                <ul class="menu-list">
                    <li><a href="/">Inicio</a></li>
                </ul>
                <p class="menu-label">Etiquetas leídas</p>
                <ul class="menu-list">
                    <li><a href="/barcodes">Consultar</a></li>
                </ul>
                <p class="menu-label">Paquetes</p>
                <ul class="menu-list">
                    <li><a href="/bundle">Consultar</a></li>
                </ul>
                <p class="menu-label">Datos de fabricación</p>
                <ul class="menu-list">
                    <li><a href="/po">Orden de producción</a></li>
                    <li><a href="/co">Orden de cliente</a></li>
                    <li><a href="/bcp">Orden de corte placa</a></li>
                    <li><a href="/lcp">Orden de corte layer</a></li>
                    <li><a href="/hbcp">Hoja BCP</a></li>
                </ul>
                <p class="menu-label">Calidad</p>
                <ul class="menu-list">
                    <li><a href="/standards">Normas</a></li>
                </ul>
                <p class="menu-label">Etiquetas</p>
                <ul class="menu-list">
                    <li><a href="/labels">Últimas etiquetas</a></li>
                </ul>
            </aside>
        </div>
        <div class="column is-one-quarter">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-barcode"></i> Etiquetas leídas</p>
                <div class="panel-block">
                    <table class="table">
                        <thead>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>Origen</th>
                                <th>Fecha</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>Origen</th>
                                <th>Fecha</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            <tr>
                                <td>9401234567</td>
                                <td>1</td>
                                <td>05/10/2024 08:19</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </nav>
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-chart-line" aria-hidden="true"></i>  Estadísticas turno</p>
                <div class="panel-block">

                    <span class="tag is-success is-medium">100</span><p> Etiquetas leídas</p>  
                </div>
            </nav>
        </div>
        <div class="column">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-box"></i> Paquetes</p>
                <div class="panel-block">
                    <table class="table">
                        <thead>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Colada</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th>Confirmado</th>
                                <th>Nivel 3</th>
                                <th>SAP</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Colada</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th>Confirmado</th>
                                <th>Nivel 3</th>
                                <th>SAP</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            <tr>
                                <td><a href="">9402555315</a></td>
                                <td><a href="">131620</a> </td>
                                <td><a href="">40160750</a></td>
                                <td>CE253242</td>
                                <td>S 275 JR +AR</td>
                                <td>BB01-140X12.1</td>
                                <td>HEB140</td>
                                <td>4776</td>
                                <td>-2.40</td>
                                <td>No</td>
                                <td>No</td>
                                <td>No</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
    </div>
</div>
{{ end }}