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

@section('content')

<section class="section">
    <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">
                                {{ $approval->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($approval 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' || $mststatus->type == 'K')
                                @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-lg-12 col-md-12 col-12 col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Persetujuan</h4>
                    <div class="card-header-action" style="justify-content: end; width: 30%">
                        <form id="fm-filter" action="{{ route('ketua.dashboard') }}" method="GET" class="needs-validation" onkeypress="return event.keyCode != 13;">
                            @csrf
                            @method('GET')
                            <div class="row">
                                <div class="col-lg-8">
                                    <select class="form-control select2 m-1 form-control-lg" name="application_status" placeholder="Pilih Semua">
                                        <option value="">Lihat semua</option>
                                        @foreach ($status as $item)
                                        <option value="{{$item->id}}" {{ request()->query('application_status') == $item->id ? 'selected' : '' }}>{{$item->status_admin}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <button type="submit" style="width:100px" class="btn btn-info btn-action" data-toggle="tooltip" title="Tekan Enter">Filter</button>
                                </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">
                                    <th>DATA PENGAJUAN</th>
                                    <th>DATA PEMOHON</th>
                                    <th>STATUS PERSETUJUAN</th>
                                    <th style="text-align:center">AKSI</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($application as $value)
                                <tr>
                                    <td>