@extends('layouts.app')

@section('content')
    {{-- Script date --}}
    @push('styles')
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    @endpush
    @push('scripts')
        <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
        <script>
            $(function() {
                $('#daterange').daterangepicker({
                    opens: 'right',
                    locale: {
                        format: 'DD/MM/YYYY'
                    },
                    showCustomRangeLabel: true,
                    alwaysShowCalendars: true,
                    ranges: {
                        'Hari Ini': [moment(), moment()],
                        'Kemarin': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        '7 Hari Terakhir': [moment().subtract(6, 'days'), moment()],
                        '1 Bulan Terakhir': [moment().subtract(29, 'days'), moment()],
                        'Bulan Ini': [moment().startOf('month'), moment().endOf('month')],
                        'Bulan Terakhir': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                            'month').endOf('month')],
                        'Semua Waktu': [moment().subtract(100, 'year'), moment().add(10, 'year')],

                    }
                }, function(start, end, label) {

                    console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end
                        .format('YYYY-MM-DD'));
                    var delayInMilliseconds = 500; //1 second

                    setTimeout(function() {
                        $("#filter-form").submit();
                    }, delayInMilliseconds);

                });
            });
        </script>
    @endpush
    {{-- Script date --}}
    <div class="container-fluid">
        <div class="block-header">
            <h2>Laporan Kasir</h2>
        </div>

        <div class="row clearfix">
            <!-- Task Info -->
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card">
                    <div class="header">
                        @if (\Helper::hakAkses('laporan_kasir', 'create'))
                            <a href="{{ route('laporan_kasir.create') }}" class="btn btn-primary">Tambah Laporan</a>
                        @endif

                    </div>
                    <div class="body">
                        <div class="row">
                            @if (\Helper::hakAkses('dashboard_admin', 'view'))
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-green ">attach_money</i>Omset
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2>Rp. {{ number_format($omset) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-amber ">attach_money</i>Omset Cash
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2>Rp. {{ number_format($omset_cash) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-blue ">attach_money</i>Omset Transfer
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2> Rp. {{ number_format($omset_transfer) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-red ">attach_money</i>Pengeluaran Uang
                                                    Dompet
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2> Rp. {{ number_format($pengeluaran_uang_dompet) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-lime ">attach_money</i>Penambahan Uang
                                                    Dompet
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2> Rp. {{ number_format($penambahan_uang_dompet) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-purple ">attach_money</i>Uang Muka Cash
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2> Rp. {{ number_format($uang_muka_cash) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                                    <div class="card">
                                        <div class="header  text-center">
                                            <div>
                                                <h2><i class="material-icons col-purple ">attach_money</i>Uang Muka Transfer
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="body  text-center" style="padding-top:0">
                                            <div style="margin-bottom:0px;margin-top:0">
                                                <h2> Rp. {{ number_format($uang_muka_transfer) }}</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <form action="" id="filter-form">

                            <div class="row">
                                <div class="col-lg-2 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="material-icons">date_range</i>
                                        </span>
                                        <div class="form-line">

                                            <input type="text" class="form-control" name="periode" id="daterange"
                                                value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-3 col-md-3">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="material-icons">card_membership</i>
                                        </span>
                                        <div class="form-line focused">
                                            <select name="pengguna_id" class="form-control">
                                                <option value="" @if(request()->pengguna_id == "") selected @endif>Umum</option>
                                                @foreach ($pengguna as $p)
                                                    <option  @if(request()->pengguna_id == $p->id) selected @endif value="{{ $p->id }}">
                                                        {{ $p->nama_pengguna }} </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-3">
                                    <div class="input-group">
                                        <button class="btn btn-primary">Cari</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        @if (\Helper::hakAkses('cetak_laporan', 'laporan_kasir'))
                            <div class="body">

                                <form action="{{ route('laporan_kasir.print') }}" target="_blank"
                                    class="row flex-column-reverse">
                                    <div class="col-md-6">
                                        <input type="hidden" class="form-control" name="periode" id="daterange"
                                            value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">


                                        <input type="hidden" name="pengguna_id" value="{{ $request->pengguna_id }}">

                                        <input type="hidden" name="excel" value="0">
                                    </div>
                                    <div class="col-md-6 text-right">
                                        <button type="submit" class="btn bg-light-green waves-effect">
                                            <i class="material-icons">print</i>
                                            <span>Cetak</span>
                                        </button>

                                    </div>

                                </form>
                                <form action="{{ route('laporan_kasir.print') }}" target="_blank"
                                    class="row flex-column-reverse">
                                    <div class="col-md-6">
                                        <input type="hidden" class="form-control" name="periode" id="daterange"
                                            value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">


                                        <input type="hidden" name="pengguna_id" value="{{ $request->pengguna_id }}">

                                        <input type="hidden" name="excel" value="1">
                                    </div>
                                    <div class="col-md-6 text-right">
                                        <button type="submit" class="btn bg-green waves-effect">
                                            <i class="material-icons">print</i>
                                            <span>Cetak Excel</span>
                                        </button>

                                    </div>

                                </form>
                            </div>
                        @endif

                        <div class="table-responsive">
                            <table class="table table-hover dashboard-task-infos">
                                <thead>
                                    <tr>
                                        <th>No.Laporan</th>
                                        <th>Tanggal</th>
                                        <th>Nama Kasir</th>
                                        <th>Omset Cash</th>
                                        <th>Omset Transfer</th>
                                        <th>Uang Muka Cash</th>
                                        <th>Uang Muka Transfer</th>
                                        <th>Uang Dompet</th>
                                        <th>Penambahan Uang Dompet</th>
                                        <th>Pengeluaran Uang Dompet</th>
                                        <th>Ket.Pengeluaran Uang Dompet</th>
                                        <th>Terakhir Diubah</th>
                                        <th>Tools</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($datas as $key => $data)
                                        <tr>
                                            <td>
                                                {{ $data->no_laporan_kasir }}
                                            </td>
                                            <td>
                                                {{ $data->tanggal }}
                                            </td>
                                            <td>
                                                {{ $data->pengguna?$data->pengguna->nama_pengguna:"-" }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->omset_cash) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->omset_transfer) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->uang_muka_cash) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->uang_muka_transfer) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->uang_dompet) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->penambahan_uang_dompet) }}
                                            </td>
                                            <td>
                                                {{ 'Rp. ' . number_format($data->pengeluaran_uang_dompet) }}
                                            </td>
                                            <td>
                                                {{ $data->keterangan }}
                                            </td>
                                            <td>
                                                {{ $data->updated_at ? $data->updated_at->format("Y-m-d H:i:s") : "-" }}
                                            </td>
                                            <td>
                                                <a href="{{ route('laporan_kasir.show', $data->id) }}"
                                                        class="btn btn-info">Detail</a>
                                                @if (\Helper::hakAkses('laporan_kasir', 'edit'))
                                                    <a href="{{ route('laporan_kasir.edit', $data->id) }}"
                                                        class="btn btn-primary">Edit</a>
                                                @endif
                                                @if (\Helper::hakAkses('laporan_kasir', 'delete'))
                                                    <form action="{{ route('laporan_kasir.destroy', $data->id) }}"
                                                        method="POST" style="display:inline">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger"
                                                            id="hapus-button">Delete</button>
                                                    </form>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="3">
                                            <div class="text-center">
                                                @include('layouts.includes.pagination')
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Task Info -->
        </div>
    </div>
@endsection