@extends('layouts.app')

@section('content')

<div class="breadcomb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="breadcomb-list">
                    <div class="row">

                        <div class="col-12">
                            @include('layouts.alertas')
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="breadcomb-wp">
                                <div class="breadcomb-icon">
                                    <i class="fas fa-file-invoice-dollar"></i>
                                </div>
                                <div class="breadcomb-ctn">
                                    <h2>Modulo de Caja</h2>
                                    <p>Modulo de reporte de Caja.</p>                                     
                                </div>
                            </div>
                        </div>
                        @if (auth()->user()->profile == 'Administrador' || auth()->user()->profile == 'Supervisor' || auth()->user()->profile == 'Cajero')                           
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-3">
                            <div class="row">
                                @foreach($estadoCaja as $value)
                                    @if($value->estado == 'close')
                                    <div class="col-sm-4">
                                        <a>
                                            <button data-placement="left" class="btn btn-success notika-btn-success waves-effect" data-toggle="modal" data-target="#ModalApertura">
                                                <i class="fas fa-store-alt"></i> APERTURAR CAJA
                                            </button>
                                        </a>
                                    </div>
                                    @else
                                    <div class="col-sm-4">
                                        <a href="{{ route('Caja.Index') }}">
                                            <button data-placement="left" class="btn btn-primary notika-btn-primary waves-effect">
                                                <i class="fas fa-cash-register"></i> ENTRAR A LA CAJA
                                            </button>
                                        </a>
                                    </div>
                                    <div class="col-sm-4">
                                        <a>
                                            <button data-placement="left" class="btn btn-danger notika-btn-danger" data-toggle="modal" data-target="#ModalCerrarCaja">
                                                <i class="far fa-times-circle"></i> CERRAR CAJA
                                            </button>
                                        </a>
                                    </div>
                                    @endif
                                @endforeach
                            </div>

                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@if (auth()->user()->profile == 'Administrador' || auth()->user()->profile == 'Supervisor' || auth()->user()->profile == 'Contable')                           
<div class="data-table-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="data-table-list">
                    <div class="basic-tb-hd">
                        <h2>Reportes de Caja</h2>                        
                        <p>Listado de todos los reportes de caja con detalles</p>
                    </div>
                    <div class="table-responsive">  
                        <div id="data-table-basic_wrapper" class="dataTables_wrapper">
                            <table id="data-table-basic" class="table table-striped dataTable" role="grid" aria-describedby="data-table-basic_info">
                                <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="ascending">#</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Cajero</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Fecha de Apertura</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Fecha de Cierre</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Monto de Inicio</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Monto de Cierre</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Estado</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Acciones </th>
                                    </tr>
                                </thead>
                                <tbody> 
                                    @foreach($list as $value)
                                    <tr role="row" class="odd">
                                        <td class="sorting_1">{{ $value->id }}</td>
                                        <td>{{ $value->cajero }}</td>
                                        <td>{{ $value->fecha_apertura }}</td>
                                        <td>{{ $value->fecha_cierre }}</td>
                                        <td>{{ $value->monto_apertura }}</td>
                                        <td>{{ $value->monto_cierre }}</td>
                                        <td>{{ $value->estado }}</td>
                                        <td >
                                            <span class="dropdown boton_more_table">
                                                <button id="btnSearchDrop2" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right ">
                                                    OPCIONES
                                                </button>
                                                <span aria-labelledby="btnSearchDrop2" class="dropdown-menu mt-1 dropdown-menu-right option_drown drown_option">
                                                    <div class="opcion">
                                                        <a href="{{ url('caja-cuadre/'.$value->id) }}" class="dropdown-item">
                                                            <i class="fas fa-user-circle"></i> Ver Cuadre
                                                        </a>
                                                    </div>
                                                    <div class="opcion">
                                                        <a href="{{ url('pdf/cuadre-caja/'.$value->id) }}" class="dropdown-item">
                                                            <i class="fas fa-user-circle"></i> Imprimir
                                                        </a>
                                                    </div>
                                                </span>
                                            </span>                             
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th class="sorting_asc" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" aria-sort="ascending">#</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Cajero</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Fecha de Apertura</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Fecha de Cierre</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Monto de Inicio</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Monto de Cierre</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Estado</th>
                                        <th class="sorting" tabindex="0" aria-controls="data-table-basic" rowspan="1" colspan="1" >Acciones </th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif


<div class="modal fade" id="ModalApertura" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            
            <form class="form-horizontal" action="{{ url('aperturar-caja')}}" method="POST">
                @csrf

                <div class="modal-body">
                    <h1>APERTURAR DE CAJA</h1>

                    <br>
                    <br>

                    <div class="form-group">
                        <label>Cajero:</label>
                        <div class="nk-int-st">
                            <input type="text" class="form-control input-sm" value="{{ auth()->user()->name }}" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Monto de Apertura:</label>
                        <div class="nk-int-st">
                            <input type="number" class="form-control input-sm" name="monto" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Fecha de Apertura:</label>
                        <div class="nk-int-st">
                            <input type="text" class="form-control input-sm" value="{{ $date->format('d/m/Y h:i:s A') }}" disabled>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default">INICIAR CAJA</button>
                </div>

            </form>
            
        </div>
    </div>
</div>


@foreach($estadoCaja as $value)
<div class="modal fade" id="ModalCerrarCaja" role="dialog">
    <div class="modal-dialog modal-large">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <form class="form-horizontal" action="{{ route('cierre.caja',$value->id) }}" method="POST">
                @csrf
                @method('PATCH')

                <div class="modal-body">
                    <h1>CIERRE DE CAJA</h1>

                    <br>
                    <br>
                            <div class="row">
                              <div class="col-sm-6" style="background-color: #BFBFFF; padding-top:10px;">
                                <div class="card">
                                  <div class="card-body">
                                    <h3 class="card-title">Informe de Cobros</h5>
                                    <p class="card-text"><strong>Total General de Venta:</strong> RD$ {{ number_format($totalventa, 2) }}</p>
                                    <p class="card-text"><strong>Ventas Cheques:</strong> RD$ {{ number_format($cheque, 2) }}</p>
                                    <p class="card-text"><strong>Ventas Credito:</strong> RD$ {{ number_format($credito, 2) }}</p>
                                    <p class="card-text"><strong>Ventas Efectivo:</strong> RD$ {{ number_format($efectivo, 2) }}</p>
                                    <p class="card-text"><strong>Ventas Tarjetas:</strong> RD$ {{ number_format($tarjeta, 2) }}</p>
                                    <p class="card-text"><strong>Transferecias:</strong> RD$ {{ number_format($transferencia, 2) }}</p>
                                    <p class="card-text"><strong>Ventas Nota de Debito:</strong> RD$ {{ number_format($nota_credito, 2) }}</p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-sm-6">
                                <div class="card">
                                    <div class="card-body">
                                        @foreach($list as $value)
                                            <h3 class="card-title">Informacion Cierre</h5>
                                            <p class="card-text"><strong>Cajero en turno:</strong> {{$value->cajero}}</p>
                                            <p class="card-text"><strong>Fecha de Apertura:</strong> 
                                                {{ Carbon\Carbon::parse($value->fecha_apertura)->format('d M Y h:m:s A') }}
                                            </p>
                                            <p class="card-text"><strong>Fecha de Cierre:</strong> 
                                                {{ Carbon\Carbon::parse($date)->format('d M Y h:m:s A') }} </p>
                                            <p class="card-text"><strong>Efectivo Apertura Caja:</strong> RD$ {{ number_format($value->monto_apertura, 2) }}</p>
                                            
                                            <div class="row">
                                                <div class="col-sm-5">
                                                    <p class="card-text"><strong>Total efectivo caja:</strong></p>
                                                </div>
                                                <div class="col-sm-7">
                                                    <input type="text" name="monto_cierre" placeholder="Monto cierre caja" required>
                                                </div>
                                            </div>

                                            <input type="hidden" name="id" value="{{$value->id}}">
                                            <input type="hidden" name="fecha_apertura" value="{{$value->fecha_apertura}}">
                                            <input type="hidden" name="fecha_cierre" value="{{$date}}">
                                            <input type="hidden" name="monto_apertura" value="{{$value->monto_apertura}}">
                                            <input type="hidden" name="monto_vendido" value="{{ $totalventa }}">



                                        @endforeach
                                    </div>
                                </div>
                              </div>
                            </div>

                    
                    
                    
                    
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-danger"><i class="far fa-times-circle"></i> CERRAR CAJA</button>
                </div>

            </form>
            
        </div>
    </div>
</div>
@endforeach





@endsection