@php
    use App\Models\UITransaksiReseller;
@endphp
<div>
    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Request Refund Reseller</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">Marketing</a></li>
                <li class="breadcrumb-item active">Data Request Refund Reseller</li>
            </ol>
            <div class="page-header-actions">
                <button type="button" data-target="#exports" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Tambah">
                    <i class="icon md-print" aria-hidden="true"></i>
                </button>
                <button type="button" data-target="#tambah" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Tambah">
                    <i class="icon md-hospital" aria-hidden="true"></i>
                </button>

                <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        <div class="page-content container-fluid">
            <div class="row">

                <div class="col-xl-3">
                    <!-- Widget Linearea Three -->
                    <div class="card card-block p-30 bg-green-600">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number"></span>
                                <span class="counter-number-related text-capitalize">IDR
                                    {{ number($saldo_iris) }}</span>
                            </div>
                            <div class="counter-label text-capitalize">Saldo Disbursement</div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Three -->
                </div>

                <div class="col-xl-3">
                    <!-- Widget Linearea Three -->
                    <div class="card card-block p-30 bg-orange-600">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number">{{ number($total_refund_pending) }}</span>
                                <span class="counter-number-related text-capitalize">IDR</span>
                            </div>
                            <div class="counter-label text-capitalize">Total Refund Pending </div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Three -->
                </div>

                <div class="col-xl-3">
                    <!-- Widget Linearea Three -->
                    <div class="card card-block p-30 bg-blue-600">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number">{{ number($total_refund_complete) }}</span>
                                <span class="counter-number-related text-capitalize">IDR</span>
                            </div>
                            <div class="counter-label text-capitalize">Total Refund Completed </div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Three -->
                </div>

                <div class="col-xl-3">
                    <!-- Widget Linearea Three -->
                    <div class="card card-block p-30 bg-red-600">
                        <div class="card-watermark darker font-size-80 m-15"><i class="icon md-ticket-star"
                                aria-hidden="true"></i></div>
                        <div class="counter counter-md counter-inverse text-left">
                            <div class="counter-number-group">
                                <span class="counter-number">{{ number($total_refund_rejected) }}</span>
                                <span class="counter-number-related text-capitalize">IDR</span>
                            </div>
                            <div class="counter-label text-capitalize">Total Refund Rejected </div>
                        </div>
                    </div>
                    <!-- End Widget Linearea Three -->
                </div>



                <div class="col-xl-12">
                    <!-- Panel Kitchen Sink -->
                    <div class="panel">
                        <header class="panel-heading">
                            <h3 class="panel-title">
                                Data Request Refund Reseller
                                @if (session()->has('pesan'))
                                    <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                                @endif
                                <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                        class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                                <span class="panel-desc">
                                    {{ env('CORP_BRAND') }}
                                </span>
                            </h3>
                        </header>
                        <div class="panel-body">
                            <form wire:submit="search" enctype="multipart/form-data">
                                <div class="row">

                                    <div class="form-group form-material  col-md-12 col-lg-2">
                                        <label class="form-control-label">From Date</label>
                                        <input type="date" wire:model.live="dari_tgl" class="form-control" required>
                                    </div>
                                    <div class="form-group form-material  col-md-12 col-lg-2">
                                        <label class="form-control-label">To Date</label>
                                        <input type="date" wire:model.live="sampai_tgl" class="form-control"
                                            required>
                                    </div>

                                    <div class="form-group form-material col-md-12 col-lg-2">
                                        <label class="form-control-label">Status Request</label>
                                        <select class="form-control" wire:model.live="cek_status_request" required>
                                            <option value="">Select</option>
                                            <option>Pending</option>
                                            <option>Rejected</option>
                                            <option>Accepted</option>
                                        </select>
                                    </div>
                                    <div class="form-group form-material col-md-12 col-lg-2">
                                        <label class="form-control-label">Manager Approval</label>
                                        <select class="form-control" wire:model.live="cek_manager_approval" required>
                                            <option value="">Select</option>
                                            <option>Pending</option>
                                            <option>Rejected</option>
                                            <option>Approve</option>
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-12 col-lg-2">
                                        <label class="form-control-label">Direktur Approval</label>
                                        <select class="form-control" wire:model.live="cek_direktur_approval" required>
                                            <option value="">Select</option>
                                            <option>Pending</option>
                                            <option>Rejected</option>
                                            <option>Approve</option>
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-12 col-lg-2">
                                        <label class="form-control-label">Status Transfer</label>
                                        <select class="form-control" wire:model.live="cek_status_transfer" required>
                                            <option value="">Select</option>
                                            <option>queued</option>
                                            <option>completed</option>
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-12 col-lg-2">
                                        <label class="form-control-label">Reseller</label>
                                        <select wire:model.live="id_unit_instalasi" class="form-control" required>
                                            <option value="">All </option>
                                                                                    </select>
                                    </div>

                                    <div class="form-group form-material col-md-12 col-lg-1">
                                        <label class="form-control-label">Data</label>
                                        <select class="form-control" wire:model.live="cek_limit" required>
                                            <option>10</option>
                                            <option>50</option>
                                            <option>100</option>
                                            <option>250</option>
                                            <option>500</option>
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-1 col-lg-1">
                                        <label class="form-control-label">Order</label>
                                        <select class="form-control" wire:model.live="cek_urutan" required>
                                            <option value="DESC">Z-A</option>
                                            <option value="ASC">A-Z</option>
                                        </select>
                                    </div>


                                    <div class="form-group form-material col-md-12 col-lg-1">
                                        <label class="form-control-label">By</label>
                                        <select class="form-control" wire:model.live="cek_order_by" required>
                                            <option value="ui_request_refund.tgl_request_refund">Tgl. Request
                                            </option>
                                            <option value="ui_request_refund.tgl_approval_refund">Tgl. Approve
                                            </option>
                                            <option value="ui_request_refund.nominal_resquest_refund">Nominal Ditarik
                                            </option>
                                        </select>
                                    </div>


                                    <div class="form-group form-material col-md-12 col-lg-7">
                                        <label class="form-control-label">Kata Kunci</label>
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" wire:model.defer="cek_keyword"
                                                    placeholder="Ketik kata kunci pencarian..." class="form-control"
                                                    required>
                                                <span class="input-group-append">
                                                    <button wire:click.prevent="search" type="submit"
                                                        class="btn btn-primary"><i class="icon md-search"
                                                            aria-hidden="true"></i></button>
                                                </span>
                                                <span class="input-group-append">
                                                    <button wire:click.prevent="clear_search" type="submit"
                                                        class="btn btn-primary"><i class="icon md-refresh"
                                                            aria-hidden="true"></i></button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <hr>
                            <table class="table table-striped table-hover toggle-circle" id="exampleRowToggler">
                                <thead>
                                    <tr>
                                        <th rowspan="2">No</th>
                                        <th rowspan="2">Reseller</th>
                                        <th rowspan="2">Tgl. Request</th>
                                        <th rowspan="2">Nilai Refund</th>
                                        <th rowspan="2">Status Request</th>
                                        <th rowspan="2">Tgl. Approval</th>
                                        <th colspan="3">Approval</th>
                                        <th rowspan="2">No. Refrence</th>
                                        <th rowspan="2">Rekening Tujuan</th>
                                        <th rowspan="2">Status Transfer</th>
                                    </tr>
                                    <tr>
                                        <th>Finance</th>
                                        <th>Direktur</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($request_refund as $row)
                                        <tr wire:key="{{ $row->id_ui_request_refund }}">
                                            <td>{{ $loop->index + 1 }}</td>
                                            <td>{{ $row->nama_ui }}</td>
                                            <td>{{ tgl_indo($row->tgl_request_refund) }}
                                                {{ time_explode($row->tgl_request_refund) }}</td>
                                            <td align="right">{{ rupiah($row->nominal_resquest_refund) }}</td>
                                            <td>
                                                @if ($row->status_request_refund == 'Pending')
                                                    <span class="badge badge-warning">Pending</span>
                                                @elseif ($row->status_request_refund == 'Rejected')
                                                    <span
                                                        class="badge badge-danger">{{ $row->status_request_refund }}</span>
                                                @elseif ($row->status_request_refund == 'Accepted')
                                                    <span
                                                        class="badge badge-success">{{ $row->status_request_refund }}</span>
                                                @endif

                                            </td>
                                            <td>{{ tgl_lengkap($row->tgl_approval_refund) }}
                                                {{ time_explode($row->tgl_approval_refund) }}</td>
                                            <td>
                                                @if ($row->manager_approval == 'Approve')
                                                    <span class="badge badge-success">Approve</span>
                                                @elseif ($row->manager_approval == 'Reject')
                                                    <span class="badge badge-danger">Reject</span>
                                                @else
                                                    <span
                                                        class="badge badge-warning">{{ $row->manager_approval }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($row->direktur_approval == 'Approve')
                                                    <span class="badge badge-success">Approve</span>
                                                @elseif ($row->direktur_approval == 'Reject')
                                                    <span class="badge badge-danger">Reject</span>
                                                @else
                                                    <span
                                                        class="badge badge-warning">{{ $row->direktur_approval }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($row->status_request_refund != 'Accepted' && $row->status_request_refund != 'Rejected')
                                                    <a href="/payout-confirmation/{{ $row->signature_key }}"
                                                        target="_blank">
                                                        <button type="button"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            data-toggle="tooltip">
                                                            <i class="icon md-assignment-check"
                                                                aria-hidden="true"></i> Approval
                                                        </button>
                                                    </a>
                                                    <button
                                                        wire:click.prevent="refund_rejected({{ $row->id_ui_request_refund }})"
                                                        type="button"
                                                        class="btn btn-sm btn-icon btn-warning btn-round">
                                                        <i class="icon md-close-circle" aria-hidden="true"></i> Reject
                                                    </button>
                                                @endif

                                                @if ($row->status_request_refund != 'Accepted')
                                                    <button
                                                        wire:click.prevent="show({{ $row->id_ui_request_refund }})"
                                                        type="button" data-target="#delete" data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-danger btn-round"
                                                        data-toggle="tooltip" data-original-title="Delete">
                                                        <i class="icon md-delete" aria-hidden="true"></i>
                                                    </button>
                                                @endif

                                            </td>
                                            <td>{{ $row->reference_no }}</td>
                                            <td>({{ $row->kode_bank_refund }}) {{ $row->nomor_rekening }} a/n
                                                {{ $row->atas_nama }} </td>
                                            <td>
                                                @if ($row->status == 'completed')
                                                    <span class="badge badge-success">Completed</span>
                                                @else
                                                    <span class="badge badge-warning">{{ $row->status }}</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>

                            <hr>
                            {{ $request_refund->links() }}
                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                    class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                        </div>
                    </div>
                    <!-- End Panel Kitchen Sink -->


                </div>



            </div>
        </div>
    </div>
    <!-- End Page -->

    <!-- Modal Request Refund-->
    <div wire:ignore.self class="modal fade" id="tambah" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        @if ($id_unit_instalasi == 1)
            <form wire:submit="store_pusat" enctype="multipart/form-data">
        @elseif ($id_unit_instalasi != 1)
            <form wire:submit="store" enctype="multipart/form-data">
        @else
                <form enctype="multipart/form-data">
        @endif

            <div class="modal-dialog modal-simple modal-content modal-xl">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form Penarikan Dana
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif

                    </h4>

                </div>
                <div class="modal-body">
                    <div class="row">

                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Reseller</label>
                            <select wire:model.live="id_unit_instalasi" class="form-control" required>
                                <option value="">Pilih Reseller</option>
                                                                <option value="">Data Unit Kosong</option>
                                                            </select>
                        </div>

                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Saldo Reseller</label>
                            <input type="text" wire:model.live="cek_saldo_reseller" class="form-control" readonly>
                        </div>



                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Nominal Ditarik</label>
                            <input type="number" wire:model.defer="nominal_resquest_refund"
                                placeholder="Contoh: 100000" class="form-control" required>
                        </div>

                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Dana Akan Di Transfer Ke Rekening</label>
                        </div>

                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nomor Rekening</label>
                            <input type="text" value="{{ $nomor_rekening }}" class="form-control" readonly>
                        </div>

                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Atas Nama</label>
                            <input type="text" value="{{ $atas_nama }}" class="form-control" readonly>
                        </div>

                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Nama Bank</label>
                            <input type="text" value="{{ $nama_bank }}" class="form-control" readonly>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group form-material">
                                <label class="form-control-label">Anda Yakin Ingin Menarik Dana?</label>
                                <div>
                                    <div class="radio-custom radio-default radio-inline">
                                        <input type="radio" wire:model.live="verifikasi_penarikan"
                                            value="Yes" />
                                        <label>Yes</label>
                                    </div>
                                    <div class="radio-custom radio-default radio-inline">
                                        <input type="radio" wire:model.live="verifikasi_penarikan"
                                            value="No" />
                                        <label>No</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <span wire:loading wire:target="store" class="panel-desc"
                                style="color: red;"><b>Loading.....</b></span>
                            @if (session()->has('pesan'))
                                <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                            @endif
                            <hr>

                        </div>

                        <div class="col-md-6 float-right">
                            @if ($verifikasi_penarikan == 'Yes')

                                @if (empty(session()->has('pesan')))
                                    <button wire:loading.attr="disabled" type="submit"
                                        class="btn btn-primary btn-block">Request</button>
                                @endif
                            @endif

                        </div>

                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>

                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Request Refund-->

    <!-- Modal DELETE -->
    <div wire:ignore.self class="modal fade" id="delete" aria-hidden="true"
        aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-simple modal-content modal-sm">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="false">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel" style="color: red;">Anda yakin ingin menghapus
                    data?
                    <span wire:loading wire:target="show" class="panel-desc" style="color: red;"><i
                            class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6 float-right">
                        <button wire:click.prevent="destroy({{ $id_ui_request_refund }})" type="button"
                            data-dismiss="modal" aria-label="Close" class="btn btn-primary btn-block">Yes</button>
                    </div>
                    <div class="col-md-6 float-left">
                        <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                            class="btn btn-primary btn-block">No</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal DELETE -->

    <!-- Modal Exports Excel-->
    <div wire:ignore.self class="modal fade" id="exports" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="export" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-sm">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form Exports
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif

                    </h4>

                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Pilih Tanggal</label>
                            <input type="date" wire:model.defer="tanggal_export" class="form-control" required>
                        </div>
                        <div class="col-md-12">
                            <span wire:loading wire:target="store" class="panel-desc"
                                style="color: red;"><b>Loading.....</b></span>
                            @if (session()->has('pesan'))
                                <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                            @endif
                            <hr>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="submit" class="btn btn-primary btn-block">Exports</button>
                        </div>

                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>

                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Exports-->




</div>