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

@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<section class="section">
    <div class="section-title">
        <h3>Proses Persetujuan</h3>
    </div>
    <p class="section-lead">
        Monitoring menu proses persetujuan di sini.
    </p>

    <div class="row">
        <div class="col-lg-12">
            <div class="card card-statistic-1">
                <div class="row">
                    <div class="col-lg-2 col-sm-2">
                        <div class="card-icon shadow-primary bg-danger">
                            <img src="{{asset('assets-panel/img/icon/ic_pengajuan.png')}}" alt="Gambar" style="width: 40px; height: 40px" />
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-3">
                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>Total Persetujuan</h4>
                            </div>
                            <div class="card-body">
                                {{ $count->count() }}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 col-sm-7">
                        <div class="card-stats">
                            <div class="card-stats-title">
                                @php
                                $new = 0;
                                $reject = 0;
                                $verified = 0;
                                @endphp

                                @foreach($count as $value)
                                @php
                                $mststatus = \App\Models\ApprovalStatus::where(['id' => $value->status_id])->first();
                                @endphp

                                @if($mststatus->type == 'E')
                                @php
                                $new++;
                                @endphp
                                @elseif($mststatus->type == 'D' || $mststatus->type == 'G')
                                @php
                                $reject++;
                                @endphp
                                @elseif($mststatus->type == 'C')
                                @php
                                $verified++;
                                @endphp
                                @endif
                                @endforeach
                            </div>
                            <div class="card-stats-items">
                                <div class="card-stats-item">
                                    <div class="card-stats-item-count">{{ $new }}</div>
                                    <div class="card-stats-item-label">
                                        <img src="{{asset('assets-panel/img/icon/ic_status_proses.png')}}" alt="Gambar" class="rounded-circle mr-1" style="width: 10px; height: 10px" />
                                        Proses
                                    </div>
                                </div>
                                <div class="card-stats-item">
                                    <div class="card-stats-item-count">{{ $reject }}</div>
                                    <div class="card-stats-item-label">
                                        <img src="{{asset('assets-panel/img/icon/ic_status_gagal.png')}}" alt="Gambar" class="rounded-circle mr-1" style="width: 10px; height: 10px" />
                                        Tolak
                                    </div>
                                </div>
                                <div class="card-stats-item">
                                    <div class="card-stats-item-count">{{ $verified }}</div>
                                    <div class="card-stats-item-label">
                                        <img src="{{asset('assets-panel/img/icon/ic_status_berhasil.png')}}" alt="Gambar" class="rounded-circle mr-1" style="width: 10px; height: 10px" />
                                        Terima
                                    </div>
                                </div>
                            </div>
                            <div class="card-wrap">
                                <div class="card-header">

                                </div>
                                <div class="card-body">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Persetujuan</h4>
                    <div class="card-header-action" style="justify-content: end; width: 70%">
                        <form id="fm-filter" action="{{ route('admin.admapprov') }}" method="GET" class="needs-validation">
                            @csrf
                            @method('GET')
                            <div class="row">
                                {{-- <div class="col-lg-12">--}}
                                <div class="row justify-content-md-end">

                                    <div class="col-lg-2">
                                        <label style="width: 100%;">No. Pengajuan</label>
                                        <select class="form-control select2 " name="no_pengajuan" placeholder="No. Pengajuan">
                                            <option value="">Lihat Semua</option>
                                            @foreach ($no_pengajuan as $item)
                                            <option value="{{ $item->application_id }}" {{ request()->query('no_pengajuan') == $item->application_id ? 'selected' : '' }}>{{ $item->custom_id }}</option>
                                            @endforeach
                                        </select>
                                    </div>

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

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

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

                                    <div class="col col-lg-2" style="margin-top: 4%">
                                        <button type="submit" style="width:100px" class="btn btn-success btn-action" data-toggle="tooltip" title="Tekan Enter">Filter</button>
                                    </div>
                                </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>
                                    <!-- <th>KODE</th> -->
                                    @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 = [ 'no_pengajuan'=>request()->query('no_pengajuan'),
                                    'created_date'=>request()->query('created_date'),
                                    'tipe_pengajuan'=>request()->query('tipe_pengajuan'),
                                    'application_status'=>request()->query('application_status'),
                                    'sortField1' => 'transaction_approval.application_id','direction1' => $sortDirection1,
                                    'sortField2' => 'transaction_approval.updated_by', 'direction2' => $sortDirection2,
                                    'sortField3' => 'master_approval_status.status_admin', 'direction3' => $sortDirection3];
                                    @endphp

                                    <th>
                                        PENGAJUAN
                                        <a href="{{ route('admin.admapprov', array_merge($arraySort, ['direction1' => $nextOrderDir1])) }}">
                                            @if ($sortField1 === 'transaction_approval.application_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>PEMBUAT</th> -->
                                    <th>PERSETUJUAN
                                        <a href="{{ route('admin.admapprov', array_merge($arraySort, ['direction2' => $nextOrderDir2])) }}">
                                            @if ($sortField2 === 'transaction_approval.updated_by')
                                            @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>UBAH AKSES</th>
                                    <th>STATUS
                                        <a href="{{ route('admin.admapprov', 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 style="text-align:center">AKSI</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($data as $item)
                                <tr>
                                    <!-- <td>
                                        <strong>{{ $item->code }}</strong>
                                        <br>
                                        {{ date('d m Y H:i:s', strtotime($item->created_at)) }}
                                    </td> -->
                                    <td>