@extends('layouts.app')
@section('content')
@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/ui/jquery-ui.min.css')}}">
<style>
.pagination li{
    display: inline-block;
    padding:5px 15px;
    background: #f0f0f0;
}
.pagination .active{
    background: #0B559F;
    color: #fff;
}
</style>
@endsection

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" href="{{route('cashRegister')}}" role="tab">Cash Register</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{route('cashRegisterArchive')}}" role="tab">Archive</a>
    </li>
</ul>

<div class="card">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <div class="heading-elements">
            <ul class="list-inline mb-0">
                <button type="button" class="btn btn-info btn-square btn-float-lg add_click" data-toggle="modal" data-target="#serverModal">Add / Update Register</button>
            </ul>
        </div>
    </div>

    @if(session()->has('message'))<div class="alert alert-success">{{ session()->get('message') }}</div>@endif
    @if(session()->has('error'))<div class="alert alert-danger">{{ session()->get('error') }}</div>@endif

    <div class="card-body collapse in">
        <div class="card-block card-dashboard">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>User</th>
                        <th>Type</th>
                        <th>Shift</th>
                        <th>Amount</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                    $i=1;
                    $total = 0;
                    @endphp
                    @if(isset($data) && !empty($data))
                        @foreach($data as $row )
                            <tr>
                                <td>{{$i++}}</td>
                                <td>{{$row->user_name}}</td>
                                <td>{{$row->type}}</td>
                                <td>{{$row->shift}}</td>
                                <td>{{env('CURRENCY')}}{{$row->amount}}</td>
                                <td>
                                    {{ date("j-F-Y", strtotime($row->created_at)) }}
                                    <br>
                                    {{ date("h:i:s A", strtotime($row->created_at)) }}    
                                </td>
                            </tr>
                            @php
                            $total += $row->amount;
                            @endphp
                        @endforeach
                    @endif
                </tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="right"><b>{{env('CURRENCY')}}{{$total}}</b></td>
                    <td></td>
                </tr>
            </table>
            @if(isset($data) && !empty($data))
            {{$data->appends($_GET)->links()}}
            @endif
        </div>
    </div>
</div>

@include('admin.cashregister.cash_register_modal') 

@section('js')
<script src="{{asset('assets/admin/js/core/libraries/jquery_ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/ui/jquery-ui/date-pickers.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();
    $(".date").datepicker({ dateFormat: 'dd-mm-yy' }).datepicker("setDate", new Date());
});
$('.add_click').click(function() {
    $("#registerForm").attr("action","{{route('saveCashRegister')}}");
    $("#registerForm")[0].reset();
    $("#registerModalLabel").html('Add New Register');
    $('#registerModal').modal('show');
});
</script>
@endsection
@endsection