
@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<style type="text/css">
    .flex
        {
         min-width: 100%;
        }
</style>
{{-- SELECT STYLE --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">




<div class="container-fluid">
    <div class="page-header" width="100%">
        <div class="row align-items-end">
            <div class="col-lg-8">
                <div class="page-header-title">
                    
                    <i class="ik ik-clock bg-orange"></i>
                    <div class="d-inline">
                        <h4>Numerações de Caixas 
                            </h4>
                      <br/>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <nav class="breadcrumb-container" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="#"><i class="ik ik-home"></i></a>
                        </li>
                        <li class="breadcrumb-item"><a href="#">+ Referência de caixas</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Numerações</li>
                    </ol>
                </nav>
            </div>
        </div>
      


        <div class="col-lg-12 col-md-12">
            <div class="card">
                
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="current-month" role="tabpanel" aria-labelledby="pills-timeline-tab">
                        <div class="card-body">
                            <div class="profiletimeline mt-0">
                                <div class="sl-item">
                                    <h1>Numerações Usadas</h1>
                                    <div class="row">
                                        @php

                                            $i=1;
                                        @endphp
                                       
                                        @forelse($dados as $data)
                                        <div class="col-lg-4 col-md-4">
                                            <h5 href="javascript:void(0)" class="link">{{ $i++ }}º Numeração   <span class="sl-date" style="text-align:right;font-size:9pt;"> {{$data->created_at}}</span></h5> 
                                            <p>Numeração Inicial {{$data->numerodacaixa}}<br>
                                            Numeração Final {{$data->numerodecaixafinal}}</p>
                                            <div class="row">
                                            <br>
                                            </div>
                                        </div>
                                        @empty
                                        @endforelse
                                    </div>
                                </div>
                                <hr>
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</div>

@endsection