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

{{define "body"}}

<div class="container is-fluid">
    <hr>
    <h3 class="title is-3">Panel principal</h3>
    <div class="columns is-multiline">
        <div class="column is-12">
            <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">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Paq.Etiquetados</th>
                                <th>Eti.Leídas</th>
                                <th>Paq.Confirmados</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><span class="tag is-primary is-medium">000</span></td>
                                <td><span class="tag is-primary is-medium">000</span></td>
                                <td><span class="tag is-primary is-medium">000</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
        <div class="column is-2">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-barcode"></i> Etiquetas leídas ATA12</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>
                            {{if .BarcodesATA12}} 
                                {{ range .BarcodesATA12}}
                            <tr>
                                <td>{{ .Barcode}}</td>
                                <td>{{ .LoadingBed}}</td>
                                <td>{{ .FormatCreatedAt}}</td>
                            </tr>
                                {{ end }}
                            {{ end }}
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
        <div class="column is-10">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-box"></i> Paquetes ATA12</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>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                                <th>Fecha</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                                <th>Fecha</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            {{ if .BundlesATA12 }}
                                {{ range .BundlesATA12 }}
                            <tr>
                                <td><a href="">{{ .Nromatricula }}</a></td>
                                <td><a href="">{{ .Po }}</a></td>
                                <td><a href="">{{ .Co }}</a></td>
                                <td>{{ .Calidad }}</td>
                                <td>{{ .Matnr }}</td>
                                <td>{{ .SeccionTipo }}</td>
                                <td>{{ .PaquetePeso }}</td>
                                <td>{{ .FormatDesvio }}</td>
                                {{if .Confirmed }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                {{if .L3Sended }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                {{if .SAP }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                <td>{{ .FormatCreatedAt }}</td>
                            </tr>
                                {{ end }}
                            {{ end }}
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
        <div class="column is-2">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-barcode"></i> Etiquetas leídas ATA345</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>
                            {{if .BarcodesATA345}} 
                            {{ range .BarcodesATA345}}
                        <tr>
                            <td>{{ .Barcode}}</td>
                            <td>{{ .LoadingBed}}</td>
                            <td>{{ .FormatCreatedAt}}</td>
                        </tr>
                            {{ end }}
                        {{ end }}
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
       
        <div class="column is-10">
            <nav class="panel is-link">
                <p class="panel-heading"><i class="fas fa-box"></i> Paquetes ATA345</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>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                                <th>Fecha</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th><abbr title="Unidad de almacén">UA</abbr></th>
                                <th>PO</th>
                                <th>CO</th>
                                <th>Calidad</th>
                                <th>Código SAP</th>
                                <th>Producto</th>
                                <th>Peso</th>
                                <th>Desvío</th>
                                <th><abbr title="Paquete confirmado">Conf.</abbr></th>
                                <th><abbr title="Nivel 3">N3</abbr></th>
                                <th>SAP</th>
                                <th>Fecha</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            {{ if .BundlesATA345 }}
                                {{ range .BundlesATA345 }}
                            <tr>
                                <td><a href="">{{ .Nromatricula }}</a></td>
                                <td><a href="">{{ .Po }}</a></td>
                                <td><a href="">{{ .Co }}</a></td>
                                <td>{{ .Calidad }}</td>
                                <td>{{ .Matnr }}</td>
                                <td>{{ .SeccionTipo }}</td>
                                <td>{{ .PaquetePeso }}</td>
                                <td>{{ .FormatDesvio }}</td>
                                {{if .Confirmed }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                {{if .L3Sended }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                {{if .SAP }}
                                <td class="has-background-primary has-text-white">Sí</td>
                                {{ else }}
                                <td class="has-background-danger has-text-white">No</td>
                                {{ end }}
                                <td>{{ .FormatCreatedAt }}</td>
                            </tr>
                                {{ end }}
                            {{ end }}
                        </tbody>
                    </table>
                </div>
            </nav>
        </div>
    </div>
</div>
<script src="/assets/js/index.js"></script>
{{ end }}