@extends('layouts.panel.app', ['title' => 'Data Konfirmasi Pembayaran'])

@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<section class="section">
    <div class="section-title">
        <h3>Konfirmasi Pembayaran</h3>
    </div>
    <p class="section-lead">
        Monitoring data konfirmasi pembayaran di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Konfirmasi Pembayaran</h4>
                    <div class="card-header-action" style="justify-content: end; width: 65%">
                        <form id="fm-filter" action="{{ route('admin.confirm') }}" method="GET">
                            @csrf
                            @method('GET')
                            <div class="row">
                                <div class="row justify-content-md-end">

                                    <div class="col-lg-2">
                                        <label style="width: 100%;">Tipe Bank</label>
                                        <select class="form-control select2" name="payment_method" placeholder="Filter Bank">
                                            <option value="">Lihat Semua</option>
                                            @foreach ($bank as $item)
                                            <option value="{{ $item }}" {{ request()->query('payment_method') == $item ? 'selected' : '' }}>{{ $item }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- filter nama pemohon--}}
                                    <div class="col-lg-2">
                                        <label style="width: 100%;">Nama Pemohon</label>
                                        <select class="form-control select2 " name="nama_pemohon" placeholder="Filter Nama">
                                            <option value="">Lihat Semua</option>
                                            @foreach ($nama_pemohon as $item)
                                            <option value="{{ $item }}" {{ request()->query('nama_pemohon') == $item ? 'selected' : '' }}>{{ $item }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- filter tgl Pengajuan--}}
                                    <div class="col-lg-2">
                                        <label style="width: 100%;">Tanggal</label>
                                        <input class="form-control2 " value="{{ request()->query('created_date')   }}" name="created_date" type="date" />
                                    </div>

                                    {{-- filter tipe pengajuan--}}
                                    <div class="col-lg-2">
                                        <label style="width: 100%;">Tipe Pengajuan</label>
                                        <select class="form-control select2 " name="tipe_pengajuan" placeholder="Filter Bank">
                                            <option value="">Lihat Semua</option>
                                            @foreach ($tipe_pengajuan as $item)
                                            <option value="{{ $item }}" {{ request()->query('tipe_pengajuan') == $item ? 'selected' : '' }}>{{ $item }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- filter akhir--}}
                                    <div class="col-lg-2">
                                        <label style="width: 100%;">Status</label>
                                        <select class="form-control select2 " name="confirmation_status" placeholder="Pilih Semua">
                                            <option value="">Lihat semua</option>
                                            @foreach ($status as $item)
                                            <option value="{{$item->type}}" {{ request()->query('confirmation_status') == $item->type ? 'selected' : '' }}>{{$item->status_admin}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-lg-2  mt-1">
                                        <label style="width: 100%;"></label>
                                        <button type="submit" style="width:100px" class="btn btn-info btn-action m-2" data-toggle="tooltip" title="Tekan Enter">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr style="text-align:left">
                                    @php
                                    $sortField1 = request()->query('sortField1');
                                    $sortDirection1 = request()->query('direction1');
                                    $nextOrderDir1 = "";

                                    $sortField2 = request()->query('sortField2');
                                    $sortDirection2 = request()->query('direction2');
                                    $nextOrderDir2 = "";

                                    $sortField3 = request()->query('sortField3');
                                    $sortDirection3 = request()->query('direction3');
                                    $nextOrderDir3 = "";

                                    $sortField4 = request()->query('sortField4');
                                    $sortDirection4 = request()->query('direction4');
                                    $nextOrderDir4 = "";

                                    if($sortDirection1 === '' || $sortDirection1==null){
                                    $nextOrderDir1 = 'asc';
                                    } else if($sortDirection1 === 'asc'){
                                    $nextOrderDir1 = 'desc';
                                    } else if ($sortDirection1 === 'desc'){
                                    $nextOrderDir1 = '';
                                    }

                                    if($sortDirection2 === '' || $sortDirection2==null){
                                    $nextOrderDir2 = 'asc';
                                    } else if($sortDirection2 === 'asc'){
                                    $nextOrderDir2 = 'desc';
                                    } else if ($sortDirection2 === 'desc'){
                                    $nextOrderDir2 = '';
                                    }

                                    if($sortDirection3 === '' || $sortDirection3==null){
                                    $nextOrderDir3 = 'asc';
                                    } else if($sortDirection3 === 'asc'){
                                    $nextOrderDir3 = 'desc';
                                    } else if ($sortDirection3 === 'desc'){
                                    $nextOrderDir3 = '';
                                    }

                                    if($sortDirection4 === '' || $sortDirection4==null){
                                    $nextOrderDir4 = 'asc';
                                    } else if($sortDirection4 === 'asc'){
                                    $nextOrderDir4 = 'desc';
                                    } else if ($sortDirection4 === 'desc'){
                                    $nextOrderDir4 = '';
                                    }

                                    $arraySort = [ 'payment_method'=>request()->query('payment_method'),
                                    'nama_pemohon'=>request()->query('nama_pemohon'),
                                    'created_date'=>request()->query('created_date'),
                                    'tipe_pengajuan'=>request()->query('tipe_pengajuan'),
                                    'confirmation_status'=>request()->query('confirmation_status'),
                                    'sortField1' => 'transaction_confirmation.invoice_id','direction1' => $sortDirection1,
                                    'sortField2' => 'users.name', 'direction2' => $sortDirection2,
                                    'sortField3' => 'master_approval_status.status_admin', 'direction3' => $sortDirection3];
                                    @endphp

                                    <th>BUKTI</th>
                                    <th>DATA PEMBAYARAN
                                        <a href="{{ route('admin.confirm',array_merge($arraySort, ['direction1' => $nextOrderDir1])) }}">
                                            @if ($sortField1 === 'transaction_confirmation.invoice_id')
                                            @if ($sortDirection1 === 'asc')
                                            <i class="fas fa-sort-up"></i>
                                            @elseif($sortDirection1 === 'desc')
                                            <i class="fas fa-sort-down"></i>
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>DATA PEMOHON
                                        <a href="{{ route('admin.confirm', array_merge($arraySort, ['direction2' => $nextOrderDir2])) }}">
                                            @if ($sortField2 === 'users.name')
                                            @if ($sortDirection2 === 'asc')
                                            <i class="fas fa-sort-up"></i>
                                            @elseif($sortDirection2 === 'desc')
                                            <i class="fas fa-sort-down"></i>
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>STATUS
                                        <a href="{{ route('admin.confirm', array_merge($arraySort, ['direction3' => $nextOrderDir3]))}}">
                                            @if ($sortField3 === 'master_approval_status.status_admin')
                                            @if ($sortDirection3 === 'asc')
                                            <i class="fas fa-sort-up"></i>
                                            @elseif($sortDirection3 === 'desc')
                                            <i class="fas fa-sort-down"></i>
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                            @else
                                            <i class="fas fa-sort"></i>
                                            @endif
                                        </a>
                                    </th>
                                    <th>AKSI</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($data as $item)
                                <tr>
                                    <td style="height:100px">
                                        <div class="gallery">
                                            <div class="gallery-item" data-image="{{$item->confirmation_file_path == null || $item->confirmation_file_path == 'free.png' ? asset('assets/images/default-confirm.png') : asset('storage/confirm/' . $item->confirmation_file_path)}}" data-title="Bukti Bayar"></div>
                                        </div>
                                    </td>
                                    <td style="text-align:left">
                                        <b>{{ $item->invoice_no }}</b>
                                        <br>
                                        <b>{{ $item->payment_method }} </b>
                                        <br>