@extends('layouts.master')

@section('title')
    Verifikasi
@endsection

@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Verifikasi</span>
                    </h3>
                    <div class="nk-block-des">
                        <p>Kamu memiliki akses untuk kelola halaman verifikasi</p>
                    </div>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('dashboard') }}" class="btn btn-primary btn-sm"><em
                            class="icon ni ni-arrow-left"></em>Kembali</a>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-bordered">
            <div class="card-inner card-inner-lg">
                <div class="nk-block">
                    <div class="row">
                        <div class="text-start col-6">
                            {{-- <a href="javascript:void(0)" class="btn btn-primary my-3" id="uploadImport">Import Data</a> --}}
                            <form action="{{ route('pages.verification.importData') }}" method="POST"
                                enctype="multipart/form-data" id="formImport" hidden>
                                @csrf
                                <div class="form-group">
                                    <input type="file" name="file" id="file" class="form-control">
                                </div>
                                <button type="submit" class="btn btn-primary"></button>
                            </form>
                        </div>
                        <div class="text-end col-6">
                            <a href="{{ route('pages.verification.exportExcel') }}" class="btn btn-primary my-3"
                                target="_blank">Export Excel</a>
                            <a href="{{ route('pages.verification.generatePDF') }}" class="btn btn-primary my-3"
                                target="_blank">Export PDF</a>
                        </div>
                    </div>
                    <table id="tabel-data" class="nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                        <thead>
                            <tr class="nk-tb-item nk-tb-head">
                                <th class="nk-tb-col"><span class="sub-text">Nama Perusahaan</span></th>
                                <th class="nk-tb-col tb-col-mb"><span class="sub-text">Status</span></th>
                                <th class="nk-tb-col tb-col-mb"><span class="sub-text">Tanggal Ubah</span></th>
                                <th class="nk-tb-col nk-tb-col-tools text-end"></th>
                            </tr>
                        </thead>
                        <thead>
                            <tr class="nk-tb-item nk-tb-head">
                                <th class="nk-tb-col"></th>
                                <th class="nk-tb-col">
                                    <select class="form-control form-control-sm" id="status-filter">
                                        <option value="semua">Semua</option>
                                        @foreach (\App\Helpers\Helper::getStatus() as $key => $value)
                                            <option value="{{ $value }}"
                                                {{ strtolower($value) == $slug ? 'selected' : '' }}>{{ $value }}
                                            </option>
                                        @endforeach
                                    </select>
                                </th>
                                <th class="nk-tb-col"></th>
                                <th class="nk-tb-col"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($verify as $key => $value)
                                <tr class="nk-tb-item">
                                    <td class="nk-tb-col">
                                        <div class="user-card">
                                            <div class="user-info">
                                                <span class="tb-lead">{{ $value->company_name }}
                                                </span>
                                            </div>
                                        </div>
                                    </td>

                                    <td class="nk-tb-col tb-col-mb">
                                        @if ($value->status == 9)
                                            <span class="tb-amount text-danger">Ditolak</span>
                                        @elseif ($value->status == 8)
                                            <span class="tb-amount text-primary">Terverifikasi</span>
                                        @elseif ($value->status == 6)
                                            <span class="tb-amount text-primary">Perlu mengisi data keanggotaan</span>
                                        @elseif ($value->status == 7)
                                            <span class="tb-amount text-warning">Setujui data keanggotaan</span>
                                        @elseif ($value->status == 5)
                                            <span class="tb-amount text-warning">Setujui Data Perusahaan</span>
                                        @else
                                            <span class="tb-amount text-warning">Mengisi Form Pendaftaran</span>
                                        @endif

                                    </td>
                                    <td class="nk-tb-col tb-col-mb">{{ $value->updated_at->format('d F Y') }}</td>
                                    <td class="nk-tb-col nk-tb-col-tools">
                                        <ul class="nk-tb-actions gx-1">
                                            @can('Partner Edit')
                                                <li class="nk-tb-action-hidden">
                                                    <a href="{{ route('pages.registration.result', ['user_id' => Crypt::encryptString($value->user_id)]) }}"
                                                        class="btn btn-trigger btn-icon" data-bs-toggle="tooltip"
                                                        data-bs-placement="top" title="Perbarui">
                                                        <em class="icon ni ni-edit-fill"></em>
                                                    </a>
                                                </li>
                                            @endcan
                                            @can('Partner Delete')
                                                <li>
                                                    <div class="drodown">
                                                        <a href="#" class="dropdown-toggle btn btn-icon btn-trigger"
                                                            data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <ul class="link-list-opt no-bdr">
                                                                <li><a
                                                                        href="{{ route('services.landingPage.partner.delete', ['id' => $value->id]) }}"><em
                                                                            class="icon ni ni-na"></em><span>Hapus</span></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                            @endcan
                                        </ul>
                                    </td>
                                </tr><!-- .nk-tb-item  -->
                            @endforeach
                        </tbody>
                    </table>
                </div><!-- .nk-block -->
            </div><!-- .card-inner -->
        </div><!-- .card -->
    </div><!-- .nk-block -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script>
        $(document).ready(function() {

            var status = '';
            var table = $('#tabel-data').DataTable({
                responsive: true,
                autoWidth: false,
                order: [
                    [2, 'asc']
                ],
                dom: '<"row justify-between g-2"<"col-7 col-sm-4 text-start"f><"col-5 col-sm-8 text-end"<"datatable-filter"<"d-flex justify-content-end g-2"l>>>><"my-3"t><"row align-items-center"<"col-7 col-sm-12 col-md-9"p><"col-5 col-sm-12 col-md-3 text-start text-md-end"i>>',
                language: {
                    search: "",
                    searchPlaceholder: "Type in to Search",
                    lengthMenu: "<span class='d-none d-sm-inline-block'>Show</span><div class='form-control-select'> _MENU_ </div>",
                    info: "_START_ -_END_ of _TOTAL_",
                    infoEmpty: "0",
                    infoFiltered: "( Total _MAX_  )",
                    paginate: {
                        "first": "First",
                        "last": "Last",
                        "next": "Next",
                        "previous": "Prev"
                    },
                }
            });

            selectStatus(status);

            $('#status-filter').on('change', function() {
                selectStatus($(this).val());
            });

            function selectStatus(params) {
                if (params === 'semua') {
                    table.column(1).search('').draw();
                } else {
                    table.column(1).search(params).draw();
                }
            }

            $('#uploadImport').click(function(e) {
                e.preventDefault();
                $('[name="file"]').trigger('click');
            });

            $('[name="file"]').change(function() {
                var form = $(this).closest('form').submit();
            });
        });
    </script>
@endsection