@extends('layout.main')
@section('title', 'Laporan Transaksi Periode Hari')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Laporan Transaksi Periode Hari</h6>
        </div>
        <div class="panel-body">
            <form action="{{ route('admin.reports.transaction.daily') }}" method="GET" class="form-horizontal">
                <div class="col-lg-4 form-group">
                    <label class="col-lg-3 control-label">Akun</label>
                    <div class="col-lg-9">
                        <select name="account" id="account" class="form-control select-search">
                            @foreach ($accounts as $account)
                                <option value="{{ $account->id }}" @if ((!empty($input->account) && $input->account == $account->id) || (empty($input->account) && $account->default == 1)) {{ 'selected' }} @endif>
                                    {{ $account->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-4 form-group">
                    <label class="col-lg-3 control-label" for="date">Tanggal</label>
                    <div class="col-lg-9">
                        <input type="text" name="date" id="date" value="@if (!empty($input->date)) {{ $input->date }}@else{{ date('Y-m-d') }} @endif" min="0" class="form-control datepicker" required />
                    </div>
                </div>
                <div class="col-lg-4"><input type="submit" name="submit" class="btn btn-default" value="Cari" /></div>
            </form>
        </div>
        <div class="panel-body">
            <div class="col-md-6 table-responsive">
                <h5 class="panel-title">Pemasukan (Kredit)</h5>
                <table id="kreditTable" class="table table-xxs text-size-small no-border">
                    <thead class="thead-light">
                        <tr>
                            <th data-toggle="true">Kategori Transaksi</th>
                            <th data-toggle="true">Nilai</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $total = 0; @endphp
                        @forelse($kredits as $kredit)
                            <tr>
                                <td>{{ $kredit->name }}</td>
                                <td class="text-right">Rp{{ number_format($kredit->amount, 0, ',', '.') }}</td>
                            </tr>
                            @php $total += $kredit->amount; @endphp
                        @empty
                            <tr>
                                <td colspan="2" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                        @if (!empty($total))
                            <tr>
                                <td><b>Total</b></td>
                                <td class="text-right">Rp{{ number_format($total, 0, ',', '.') }}</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
            <div class="col-md-6 table-responsive">
                <h5 class="panel-title">Pengeluaran (Debet)</h5>
                <table id="debetTable" class="table table-xxs text-size-small no-border">
                    <thead class="thead-light">
                        <tr>
                            <th data-toggle="true">Kategori Transaksi</th>
                            <th data-toggle="true">Nilai</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $total = 0; @endphp
                        @forelse($debets as $debet)
                            <tr>
                                <td>{{ $debet->name }}</td>
                                <td class="text-right">Rp{{ number_format($debet->amount, 0, ',', '.') }}</td>
                            </tr>
                            @php $total += $debet->amount; @endphp
                        @empty
                            <tr>
                                <td colspan="2" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                        @if (!empty($total))
                            <tr>
                                <td><b>Total</b></td>
                                <td class="text-right">Rp{{ number_format($total, 0, ',', '.') }}</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/ui/moment/moment.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/pickers/datepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/form_select2.js') }}"></script>

    <script>
        $('.datepicker').datepicker({
            format: 'yyyy-mm-dd',
            endDate: '0d'
        });
    </script>
@endsection