@extends('layout.main')
@section('title', 'Audit Tagihan')

@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')
    @php
        $panel_colapse = !empty($input->key) || !empty($input->account) || isset($input->status) ? '' : 'panel-collapsed';
    @endphp
    <div class="panel panel-flat {{ $panel_colapse }}">
        <div class="panel-heading">
            <h6 class="panel-title">Cari Berdasarkan</h6>
            <div class="heading-elements">
                <ul class="icons-list">
                    <li><a data-action="collapse"></a></li>
                </ul>
            </div>
        </div>
        <div class="panel-body">
            <form action="{{ route('admin.transaction.invoice') }}" method="GET" class="form-horizontal">
                @csrf
                <div class="col-lg-6 form-group">
                    <label class="col-lg-3 control-label" for="key">Kata Kunci</label>
                    <div class="col-lg-9">
                        <input type="text" name="key" id="key" value="{{ $input->key ?? '' }}" placeholder="No Faktur / Keterangan" class="form-control" />
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="col-lg-3 control-label" for="account">Akun</label>
                    <div class="col-lg-9">
                        <select name="account" id="account" class="form-control select-search">
                            <option value="">-- Pilih Akun --</option>
                            @foreach ($accounts as $account)
                                <option value="{{ $account->id }}" @if (!empty($input->account) && $input->account == $account->id) {{ 'selected' }} @endif>{{ $account->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-6 form-group">
                    <label class="col-lg-3 control-label" for="status">Status</label>
                    <div class="col-lg-9">
                        <select name="status" id="status" class="form-control">
                            <option value="">Semua</option>
                            @foreach ($status_list as $stat)
                                <option value="{{ $stat->id }}" @if (isset($input->status) && $input->status == $stat->id) {{ 'selected' }} @endif>{{ $stat->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-12 text-right">
                    <input type="submit" class="btn btn-default" value="Cari" />
                </div>
            </form>
        </div>
    </div>

    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Summary Akun</h6>
        </div>
        <div class="panel-body">
            <div class="col-lg-12 table-responsive">
                <table class="table table-togglable table-hover table-xxs text-size-small">
                    <thead>
                        <tr>
                            <th>Akun</th>
                            <th class="text-right">Kredit</th>
                            <th class="text-right">Debet</th>
                            <th class="text-right">Saldo</th>
                            <th class="text-right">Unverified</th>
                            <th class="text-right">Verified</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($summary as $row)
                            <tr>
                                <td>{{ $row->account->name }}</td>
                                <td class="text-right">Rp{{ number_format($row->kredit, 0, ',', '.') }}</td>
                                <td class="text-right">Rp{{ number_format($row->debet, 0, ',', '.') }}</td>
                                <td class="text-right">Rp{{ number_format($row->balance, 0, ',', '.') }}</td>
                                <td class="text-right">{{ $row->unverified }}</td>
                                <td class="text-right">{{ $row->verified }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Daftar Tagihan</h6>
            <div class="heading-elements">
                <button type="button" id="btn-verifikasi-massal" class="btn bg-warning btn-labeled heading-btn" disabled><b><i class="icon-checkmark3"></i></b> Verifikasi</button>
                @if (!empty($input->account))
                    <a href="{{ route('admin.transaction.invoice.new', $input->account) }}" data-toggle="modal" data-target="#modal-remote-full">
                        <button class="btn bg-blue btn-labeled heading-btn"><b><i class="icon-plus3"></i></b> Tambah</button>
                    </a>
                @else
                    <button class="btn bg-blue btn-labeled heading-btn" disabled title="Pilih akun terlebih dahulu"><b><i class="icon-plus3"></i></b> Tambah</button>
                @endif
            </div>
        </div>
        <div class="panel-body">
            <form id="form-verify">
                <div class="col-lg-12 table-responsive">
                    <table id="userTable" class="table table-togglable table-hover table-xxs text-size-small">
                        <thead>
                            <tr>
                                <th data-hide="phone"><input type="checkbox" id="check-all" /></th>
                                <th data-toggle="true">Tanggal</th>
                                <th data-toggle="true">No Faktur</th>
                                <th data-hide="phone">Keterangan</th>
                                <th class="text-right" data-toggle="true">Debet</th>
                                <th class="text-right" data-toggle="true">Kredit</th>
                                <th class="text-right" data-toggle="true">Saldo</th>
                                <th data-toggle="true">Status</th>
                                <th data-hide="phone">ID Transaksi</th>
                                <th class="text-right" data-hide="phone">Nilai</th>
                                <th class="text-right" data-hide="phone">Selisih</th>
                                <th data-toggle="true">&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($invoices as $invoice)
                                <tr>
                                    <td>
                                        @if ($invoice->status->id == 0)
                                            <input type="checkbox" class="invoice-check" value="{{ $invoice->id }}" />
                                        @endif
                                    </td>
                                    <td>{{ date_format(date_create($invoice->date), 'd M Y') }}</td>
                                    <td>{{ $invoice->invoice_number }}</td>
                                    <td>{{ $invoice->description ?: '-' }}</td>
                                    <td class="text-right">{{ $invoice->type->id == 2 ? 'Rp' . number_format($invoice->amount, 0, ',', '.') : '-' }}</td>
                                    <td class="text-right">{{ $invoice->type->id == 1 ? 'Rp' . number_format($invoice->amount, 0, ',', '.') : '-' }}</td>
                                    <td class="text-right">Rp{{ number_format($invoice->balance, 0, ',', '.') }}</td>
                                    <td>
                                        <span class="label" style="background-color: {{ $invoice->status->color }};">{{ $invoice->status->name }}</span>
                                    </td>
                                    <td>
                                        @if (count($invoice->transactions) > 1)
                                            {{ count($invoice->transactions) }} Transaksi
                                        @elseif (count($invoice->transactions) == 1)
                                            <a href="{{ route('admin.transaction.detail', $invoice->transactions[0]->id) }}" target="_blank">{{ $invoice->transactions[0]->number }}</a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td class="text-right">{{ count($invoice->transactions) ? 'Rp' . number_format($invoice->linked_amount, 0, ',', '.') : '-' }}</td>
                                    <td class="text-right">{{ !is_null($invoice->difference) ? 'Rp' . number_format($invoice->difference, 0, ',', '.') : '-' }}</td>
                                    <td class="text-right">
                                        <ul class="icons-list text-nowrap">
                                            <li class="dropdown">
                                                <a class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu9"></i></a>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a href="{{ route('admin.transaction.invoice.update', $invoice->id) }}" data-toggle="modal" data-target="#modal-remote-lg">Edit</a></li>
                                                    @if ($invoice->status->id == 0)
                                                        <li><a href="{{ route('admin.transaction.invoice.verify.create', $invoice->id) }}" data-toggle="modal" data-target="#modal-remote-lg">Verifikasi</a></li>
                                                    @endif
                                                    @if ($invoice->deletable)
                                                        <li><a href="{{ route('admin.transaction.invoice.remove', $invoice->id) }}" onclick="return showMe(this);">Hapus</a></li>
                                                    @endif
                                                </ul>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="12" class="text-center">Belum ada data.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </form>
        </div>
        @if (!empty($metadata->links))
            <div class="panel-footer text-center">
                {!! $metadata->links !!}
            </div>
        @endif
    </div>

    <form id="form-verify-massal" action="{{ route('admin.transaction.invoice.verify.massal') }}" method="POST" style="display: none">
        @csrf
        <div id="verify-massal-ids"></div>
    </form>
@endsection

@section('other-scripts')
    <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>
        function showMe(element, message) {
            var ele = $(element);
            swal({
                title: "Apakah anda yakin akan menghapus tagihan ini?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya!',
                cancelButtonText: 'Tidak',
                closeOnConfirm: true,
                closeOnCancel: true
            }, function(isConfirm) {
                if (isConfirm) location.href = ele.attr('href');
            });
            return false;
        };

        function toggleVerifikasiMassal() {
            var checked = $('.invoice-check:checked').length;
            $('#btn-verifikasi-massal').prop('disabled', checked === 0);
        }

        $('#check-all').on('change', function() {
            $('.invoice-check').prop('checked', $(this).prop('checked'));
            toggleVerifikasiMassal();
        });

        $('.invoice-check').on('change', toggleVerifikasiMassal);

        $('#btn-verifikasi-massal').on('click', function() {
            var ids = $('.invoice-check:checked').map(function() {
                return $(this).val();
            }).get();
            if (ids.length === 0) return;

            swal({
                title: "Apakah anda ingin melakukan verifikasi record tagihan ini?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak',
                closeOnConfirm: true,
                closeOnCancel: true
            }, function(isConfirm) {
                if (!isConfirm) return;
                var container = $('#verify-massal-ids').empty();
                ids.forEach(function(id) {
                    container.append('<input type="hidden" name="ids[]" value="' + id + '" />');
                });
                $('#form-verify-massal').trigger('submit');
            });
        });
    </script>
@endsection