@section('title','ARQUEO DE CAJA')
<div class="row">
  <div class="col-sm-12 mt-6">
    <div class="card">

        <div class="card-header">
            <div class="float-end">
                <div class="btn btn-md btn-info" data-bs-toggle="modal" data-bs-target="#createDataModal">
                    <i class="mdi mdi-plus -mt-2"></i>  Aperturar
                </div>
            </div>
          <h5 class="card-title">Filtros de búsqueda</h5><br>
          <div class="d-flex justify-content-between align-items-center row pt-4 gap-6 gap-md-0">
            <div class="col-md-4 product_status">
                <label for="">Fecha de inicio</label>
                <input type="date" wire:model.live='start_date' id="start_date" class="form-control" name="start_date">
            </div>
            <div class="col-md-4 product_status">
                <label for="">Fecha fin</label>
                <input type="date" wire:model.live='end_date' id="end_date" class="form-control" name="end_date">
            </div>
            <div class="col-md-4 product_stock">
                <label for="">Estado de caja</label>
                <select id="ProductStock" wire:model.change='caja_status' class="form-select text-capitalize">
                    <option value=""> Seleccione </option>
                    <option value="Aperturada">Aperturada</option>
                    <option value="Cerrada">Cerrada</option>
                </select>
            </div>
          </div>
        </div>
        <div class="card-datatable table-responsive">
            @include('livewire.admin.caja.modals')
          <div>
           <div >
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Fecha</th>
                        <th>Responsable</th>
                        <th>Monto Apertura  </th>
                        <th>Monto cierre </th>
                        <th>Estado</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($cajas as $row)
							<tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $row->created_at->format('d/m/Y') }}</td>
                                <td>{{ $row->user->name }}</td>
                                <td>{{ money($row->monto_inicial) }}</td>
                                <td>{{ money($row->monto_final) }}</td>
                                <td>
                                    @if ($row->estado != 'Cerrada')
                                        <span class="badge bg-success">APERTURADA</span>
                                    @else
                                       <span class="badge bg-danger">CERRADA</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn btn-primary  hide-arrow " data-bs-toggle="dropdown">
                                            <span class="me-2">
                                                Detalle de caja
                                            </span>
                                        </button>
                                        <div class="dropdown-menu">

                                        @can('resumen_access')
                                        <a data-bs-toggle="modal" href="javascript:void(0);"  data-bs-target="#detalleCajaModal" class="dropdown-item btn-summary" wire:click="detalle({{$row->id}})"><i class="mdi mdi-refresh"></i>
                                        Ver resumen</a>
                                        @endcan
                                        @can('descargar_access')
                                        <a href="javascript:void(0);"  class="dropdown-item btn-summary" wire:click="descargar({{$row->id}})"><i class="mdi mdi-download"></i>
                                            Descargar resumen</a>
                                        @endcan
                                        @can('cierre_access')

                                        @if ($row->estado != 'Aperturada')
                                            @else
                                            <a href="javascript:void(0);" wire:click="$dispatch('cerrarCaja',{id: {{$row->id}}, eventName:'closeCaja'})" class="dropdown-item" title="Eliminar">
                                                <i class="mdi mdi-lock-outline mdi-25px me-2"></i>
                                                Cerrar caja
                                            </a>
                                        @endif
                                        @endcan
                                        </div>
                                    </div>
                                </td>
                           </tr>
                        @empty
                        <tr>
                            <td class="text-center" colspan="100%">SIN DATOS REGISTRADOS</td>
                        </tr>
                        @endforelse
                        <td colspan="10">
                            <strong>Total del mes en curso:</strong>
                            {{ money(\App\Models\ArqueoCaja::whereMonth('created_at',date('m'))->sum('monto_final'))   }}
                        </td>
                </tbody>
            </table>
           </div>
           <div class="card-footer">
            {{ $cajas->links('vendor.livewire.bootstrap') }}
           </div>
          </div>
        </div>
    </div>
  </div>
</div>