@php
    $sertif_filter = $_GET['sertif'] ?? '';
    $penghar_filter = $_GET['penghar'] ?? '';
    $keter_filter = $_GET['tarik'] ?? '';
    $keah_filter = $_GET['keah'] ?? '';
    // dd($keah_filter);
@endphp

@extends('layouts.admin')
@section('title')
    Profile Peserta
@endsection
@section('customStyle')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
@endsection
@section('content')
<div class="container-fluid">
    <!-- Content Row -->


    <div class="row justify-content-center">
        <div class="col-md-12 mt-5">
            <!-- Basic Card Example -->
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex w-100 justify-content-between">
                    {{-- <h6 class="font-weight-bold text-primary">Slideshow</h6>
                    <a href="admin/slideshow/create" class="btn btn-primary">Tambah</a> --}}
                    <h5 class="font-weight-bold text-primary">Profile Peserta</h5>
                        <a href="/admin/profile-peserta/export" class="btn btn-success btn-rounded btn-icon" id="btn-export" target="_blank">Export Data</a>
                    {{-- <a href="logbook/create" class="btn btn-primary ml-auto">Tambah</a> --}}
                </div>
                <div class="d-sm-flex align-items-center p-4">
                    <div class="mr-0 mr-lg-4 mb-lg-0 mb-2 w-100 w-lg-0">
                        <select name="" id="sertif_filter" class="tahun custom-select">
                            <option value="">Semua Sertifikasi</option>
                            @foreach ($dataSertifikasi as $sertif)
                                <option value="{{$sertif->id_sertif}}"
                                    {{$sertif_filter == $sertif->id_sertif ? 'selected="selected"' : ''}}
                                    >{{$sertif->nama_sertif}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mr-0 mr-lg-4 mb-lg-0 mb-2 w-100 w-lg-0">
                        <select name="" id="penghar_filter" class="bentuk custom-select">
                            <option value="">Semua Penghargaan</option>
                            @foreach ($dataPenghargaan as $penghar)
                                <option value="{{$penghar->id_penghar}}"
                                    {{$penghar_filter == $penghar->id_penghar ? 'selected="selected"' : ''}}
                                    >{{$penghar->judul_penghar}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mr-0 mr-lg-4 mb-lg-0 mb-2 w-100 w-lg-0">
                        <select name="" id="keah_filter" class="omset custom-select">
                            <option value="">Semua Keahlian</option>
                            @foreach ($dataKeahlian as $keah)
                                <option value="{{$keah->id_keah}}"
                                    {{$keah_filter == $keah->id_keah ? 'selected="selected"' : ''}}
                                    >{{$keah->nama_keah }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mr-0 mr-lg-4 mb-lg-0 mb-2 w-100 w-lg-0">
                        <select name="" id="keter_filter" class="jenis custom-select">
                            <option value="">Semua Jenis Ketertarikan</option>
                            @foreach ($dataKetertarikan as $keter)
                                <option value="{{$keter->id_tarik}}"
                                    {{$keter_filter == $keter->id_tarik ? 'selected="selected"' : ''}}
                                    >{{$keter->nama_tarik}}</option>
                            @endforeach
                        </select>
                    </div>
                    

                    <div class="mr-0 mr-lg-4 mb-lg-0 mb-2 w-100 w-lg-0">
                        <button class="btn btn-success btn-rounded btn-icon btn-filter">Filter</button>
                    </div>
                </div>
                <div class="card-body">
                    {{-- <a href="{{ url('/admin/participant/create') }}" class="btn btn-primary mb-3">Tambah Peserta</a> --}}
                    <div class="table table-responsive">
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>
                                        <div>Nama</div>
                                        <div>(NIK)</div>
                                    </th>
                                    <th>Sertifikasi</th>
                                    <th>Penghargaan</th>
                                    <th>Keahlian</th>
                                    <th>Ketertarikan</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $no=1;
                                @endphp
                                @foreach ($data as $data)
                                <tr>
                                    <td>{{$no++}}</td>
                                    <td>
                                        <div>{{$data->name}}</div>
                                        <div>{{$data->nik}}</div>     
                                    </td>
                                    <td>
                                        @foreach ($data->sertifikasi as $sertifikasi)
                                        {{$sertifikasi->nama_sertif}}, 
                                        @endforeach
                                    </td>
                                    <td>
                                        @foreach ($data->penghargaan as $penghargaan)
                                        {{$penghargaan->judul_penghar}},
                                        @endforeach
                                    </td>
                                    <td>
                                        @foreach ($data->keahlian as $keahlian)
                                        {{$keahlian->nama_keah}},
                                        @endforeach
                                    </td>
                                    <td>
                                        @foreach ($data->ketertarikan as $ketertarikan)
                                        {{$ketertarikan->nama_tarik}},
                                        @endforeach
                                    </td>
                                    <td>
                                        <a href="{{ url('/admin/profile-peserta/show/'.$data->user_id) }}">
                                            <button type="button" class="btn btn-info btn-rounded btn-icon" data-toggle="tooltip" data-custom-class="tooltip-dark" data-placement="top" title="Detail Data">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        </a>
                                    
                                        {{-- <form onsubmit="return confirm('Apakah anda yakin ingin menghapus data ini?')"
                                            class="d-inline"
                                            action="{{ url('/admin/logbook/delete/'.$data->id_logbook) }}"
                                            method="POST">
                                            @csrf
                                                <input
                                                type="hidden"
                                                name="_method"
                                                value="DELETE">

                                                <button type="submit" class="btn btn-danger btn-rounded btn-icon" data-toggle="tooltip" data-custom-class="tooltip-danger" data-placement="top" title="Hapus Data">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                        </form> --}}
                                    </td>
                                    
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready( function () {
        $('#dataTable').DataTable();

        $(document).on('click','.btn-filter',function () {
            var sertif = $('#sertif_filter').val();
            var penghar = $('#penghar_filter').val();
            var tarik = $('#keter_filter').val();
            var keah = $('#keah_filter').val();
            window.location.href = '{{url('/admin/profile-peserta')}}?sertif='+sertif+'&penghar='+penghar+'&tarik='+tarik+'&keah='+keah;
        })

        $('.tahun').select2();
        $('.bentuk').select2();
        $('.jenis').select2();
        $('.omset').select2();
    })
</script>
@endsection