@extends('admin.sidebar')
    @section('content')
        {{-- TABLE --}}
        <div class="card">
            <div class="card-header center mb-5">
                <h3 class="card-title">
                    Data Atlet Akademi
                </h3>
            </div>
            @include('message')
            <div class="card-body " style="overflow-x:auto;min-height:100vh;">
                <div class="row">

                    <div class="col">

                        <a href="{{ route('atlitsAkademi.create') }}" id="add" class="btn btn-success mb-3"><i
                                class="bi bi-plus"></i>
                            Tambahkan Atlet</a>
                        <a href="{{ route('exportAtlit', ['status' => 'akademi']) }}" id="add"
                            class="btn btn-info mb-3"><i class="bi bi-file-earmark-spreadsheet-fill"></i>
                            Export Data Atlet</a>
                        <form class="row" id="filterForm" method="post" action="{{ route('filterAtlitAkademi') }}"
                            style="margin-right:50px">
                            @csrf
                            <div class="form-group col">

                                <input type="text" class="form-control" id="nama" name="nama"
                                    placeholder='Nama Atlet'@if (isset($request->nama)) value="{{ $request->nama }}" @endif>
                            </div>
                            <div class="form-group col">

                                <select class="form-control selectpicker" name="pelatih_id" id="pelatih_id"
                                    onchange="submitFilter()" data-show-subtext="true" data-live-search="true">
                                    <option selected value="">--Pilih Nama Pelatih--</option>
                                    @foreach ($pelatih as $item)
                                        <option value="{{ $item->id }}">{{ $item->nama_lengkap }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col">

                                <select class="form-control selectpicker" name="cabor" onchange="submitFilter()"
                                    id="cabor"data-show-subtext="true" data-live-search="true">
                                    <option selected disabled>--Pilih Cabang OlahRaga--</option>
                                    @foreach ($cabor as $item)
                                        <option value="{{ $item->nama }}">{{ $item->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-1 ">

                                <button type="submit" class="btn m-auto"><i class="bi bi-funnel-fill"></i></button>
                            </div>
                        </form>
                    </div>

                </div>
                <table class="table" id="table1">
                    <thead>
                        <tr>
                            <th>Photo</th>
                            <th>Nama </th>
                            <th>Cabang Olahraga </th>
                            <th>Hasil Tes</th>
                            <th>Akademi</th>
                            <th>Action</th>
                            <th>Berkas</th>
                            <th>Kejuaraan</th>
                            <th colspan="2">Action</th>

                        </tr>
                    </thead>
                    <tbody>


                        @foreach ($atlit as $item)
                            <tr>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">
                                    <img src="{{ asset('images/atlit') . '/' . $item->user->photo }}" alt="profile image"
                                        style="width: 150px" class="rounded">
                                </td>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">{{ $item->nama_lengkap }}</td>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">{{ $item->cabor }}</td>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">
                                    @if ($item->hasil_tes == '')
                                        <a onclick="alert('Hasil Tes Belum Diberikan!')" class="btn btn-secondary">Hasil Tes
                                            Belum Diberikan</a>
                                    @else
                                        <a href="{{ asset('documents/atlit') . '/' . $item->hasil_tes }}"
                                            class="btn btn-success" download><i
                                                class="bi bi-cloud-arrow-down m-1"></i>Download
                                            Hasil Test</a>
                                    @endif
                                </td>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">
                                    <div class="dropdown">
                                        <button class="btn btn-warning dropdown-toggle" type="button"
                                            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false">
                                            <i class="bi bi-clipboard-data-fill m-1"></i>
                                            @if ($item->status_akademi == 0)
                                                Umum
                                            @else
                                                Akademi
                                            @endif
                                        </button>
                                        <div class="dropdown-menu " style="background-color: #eaeaea"
                                            aria-labelledby="dropdownMenuButton">

                                            <a class="dropdown-item"
                                                href="{{ route('statusAkademi', Crypt::encryptString($item->id)) }}">Keluar
                                                Dari Akademi</a>

                                        </div>
                                    </div>
                                </td>

                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">
                                    <div class="d-flex flex-column">


                                        <a href="" class=" open-AddBookDialog btn btn-info m-1"data-bs-toggle="modal"
                                            id="edit1" data-bs-target="#modalEdit1"
                                            onclick="$('#modalEdit1 #formEdit1').attr('action', '{{ route('hasilTesAction', Crypt::encryptString($item->id)) }}')">
                                            <i class="bi bi-card-text"></i>
                                        </a>

                                        @if (isset($item->ppa))
                                            <a href="{{ asset('documents/atlit/' . $item->ppa) }}"
                                                class="btn btn-warning m-1" download="{{ $item->ppa }}"
                                                data-bs-toggle="tooltip" data-bs-placement="top" title="Download PPA">
                                                PPA
                                            </a>
                                        @endif
                                        <a class="open-AddBookDialog btn btn-primary m-1"
                                            href="{{ route('atlitsAkademi.show', Crypt::encryptString($item->user_id)) }}"><i
                                                class="bi bi-pencil-square"></i></a>
                                        <a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
                                            data-bs-target="#modalDelete"
                                            onclick="$('#modalDelete #formDelete').attr('action', '{{ route('atlitsAkademi.destroy', Crypt::encryptString($item->user_id)) }}')"><i
                                                class="bi bi-trash-fill"></i></a>
                                    </div>


                                </td>
                                <td ROWSPAN="{{ $item->sertifikatAtlit->count() + 1 }}">
                                    <div class="d-flex flex-column">
                                        <a data-bs-toggle="modal" data-bs-target="#modalAdd-sertifikatAtlit"
                                            id="sertifikatAtlit-add"
                                            data-id="{{ $item->id }}"class="open-AddBookDialog btn btn-success m-2"
                                            href=""><i class="bi bi-envelope-paper-fill m-3"></i>Data Prestasi
                                        </a>

                                    </div>

                                </td>

                            </tr>
                            @foreach ($item->sertifikatAtlit as $item)
                                <tr>


                                    <td>{{ $item->nama_kejuaraan }}</td>
                                    <td>


                                        <a class="btn btn-info"
                                            href="{{ asset('documents/atlit/' . $item->sertifikat) }}"
                                            download>Download</a>
                                        <div>
                                            <a href="" class="btn btn-primary m-1"data-bs-toggle="modal"
                                                id="edit" data-nama_kejuaraan="{{ $item->nama_kejuaraan }}"
                                                data-nomor_tanding="{{ $item->nomor_tanding }}"
                                                data-prestasi="{{ $item->prestasi }}"
                                                data-mendali="{{ $item->mendali }}"
                                                data-bs-target="#modalEdit-sertifikatAtlit"
                                                onclick="$('#modalEdit-sertifikatAtlit #formEdit-sertifikatAtlit').attr('action', '{{ route('sertifikatAtlits.update', Crypt::encryptString($item->id)) }}')"><i
                                                    class="bi bi-pencil-square"></i>
                                            </a>
                                            <a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
                                                data-bs-target="#modalDelete"
                                                onclick="$('#modalDelete #formDelete').attr('action', '{{ route('sertifikatAtlits.destroy', Crypt::encryptString($item->id)) }}')"><i
                                                    class="bi bi-trash-fill"></i>
                                            </a>
                                        </div>



                                    </td>



                                </tr>
                            @endforeach
                        @endforeach
                    </tbody>
                </table>
                <div class="center">

                    {{ $atlit->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
        {{-- TABLE --}}
        {{-- Modal STORE||START|| --}}
        {{-- <div class="modal fade text-left modal-borderless" id="modalAdd" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Tambahkan Atlit</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form action="{{ route('atlitAkademi.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="photo">Foto Atlit</label>
                                <input type="file" class="form-control" id="photo" name="photo" required>
    <i>*Foto yang dimasukan tidak boleh lebih dari 2mb!</i>
                            </div>
                            <div class="form-group">
                                <label for="nama_lengkap">Nama Lengkap</label>
                                <input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap" required>
                            </div>
                            <div class="form-group">
                                <label for="umur">Usia Atlit</label>
                                <input type="number" class="form-control" id="umur" name="umur" required>
                            </div>
                            <div class="form-group">
                                <label for="jenis_kelamin">Jenis Kelamin</label>
                                <select class="form-control" name="jenis_kelamin" id="jenis_kelamin">
                                    <option selected disabled>--Jenis Kelamin--</option>
                                    <option value="Laki-laki">Laki-laki</option>
                                    <option value="Perempuan">Perempuan</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="alamat">Alamat</label>
                                <input type="text" class="form-control" id="alamat" name="alamat" required>
                            </div>
                            <div class="form-group">
                                <label for="pendidikan_terakhir">Pendidikan Terakhir</label>
                                <select class="form-control" name="pendidikan_terakhir" id="pendidikan_terakhir">
                                    <option selected disabled>--pendidikan terakhir--</option>
                                    <option value="SD/Sederajat">SD/Sederajat</option>
                                    <option value="SMP/Sederajat">SMP/Sederajat</option>
                                    <option value="SMA/Sederajat">SMA/Sederajat</option>
                                    <option value="D3">D3</option>
                                    <option value="Sarjana">Sarjana</option>
                                    <option value="S2/Magister">S2/Magister</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="cabor">Cabang Olahraga</label>
                                <input type="text" class="form-control" id="cabor" name="cabor" required>
                            </div>
                            <div class="form-group">
                                <label for="program_lathan">Program Latihan</label>
                                <input type="text" class="form-control" id="program_latihan" name="program_latihan"
                                    required>
                            </div>




                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-primary ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Submit</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div> --}}
        {{-- Modal STORE||END|| --}}

        {{-- Modal UPDATE||START|| --}}
        <div class="modal fade text-left modal-borderless" id="modalEdit1" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title"> Hasil Tes Atlit</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form action="" id="formEdit1" method="POST" enctype="multipart/form-data">
                            @csrf


                            <div class="form-group">
                                <label for="hasiltes">File Hasil Tes</label>
                                <input type="file" class="form-control" id="hasiltes" name="hasiltes">
                                <i>*file berformat pdf dan tidak lebih dari 2mb.</i>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-warning ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Edit</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal UPDATE||END|| --}}

        {{-- Modal DESTROY||START|| --}}
        <div class="modal fade text-left modal-borderless" id="modalDelete" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Hapus Atlit</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form id="formDelete" action="" method="post">
                            @csrf
                            @method('delete')
                            <div class="form-group" id="pass">

                                <h5>Apakah anda yakin ingin menghapus item?</h5>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-danger ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Delete</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal DESTROY||END|| --}}


        {{-- Modal STORE Sertifikat||START|| --}}
        <div class="modal fade text-left modal-borderless" id="modalAdd-sertifikatAtlit" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Tambahkan Sertifikat</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form action="{{ route('sertifikatAtlits.store') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">

                                <input type="hidden" class="form-control" id="atlit_id" name="atlit_id" required>

                            </div>

                            <div class="form-group">
                                <label for="nama_kejuaraan">Nama Kejuaraan</label>
                                <input type="text" class="form-control" id="nama_kejuaraan" name="nama_kejuaraan"
                                    placeholder="Masukan nama kejuaraan " required>
                            </div>
                            <div class="form-group">
                                <label for="nomor_tanding">Nomor Tanding</label>
                                <input type="number" class="form-control" id="nomor_tanding" name="nomor_tanding"
                                    placeholder="Masukan nomor tanding" required>
                            </div>
                            <div class="form-group">
                                <label for="prestasi">Capaian Prestasi</label>
                                <select name="prestasi" class="form-control" id="prestasi">
                                    <option disabled selected>-pilih Capaian-</option>
                                    <option value="Juara 1">Juara 1</option>
                                    <option value="Juara 2">Juara 2</option>
                                    <option value="Juara 3">Juara 3</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="mendali">Mendali</label>
                                <select name="mendali" class="form-control" id="mendali">
                                    <option disabled selected>-pilih mendali-</option>
                                    <option value="Emas">Emas</option>
                                    <option value="Perak">Perak</option>
                                    <option value="Perunggu">Perunggu</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="sertifikat">File Sertifikat(optional)</label>
                                <input type="file" class="form-control" id="sertifikat" name="sertifikat">
                                <i>*Masukan sertifikat dengan format PDF.</i>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-primary ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Submit</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal STORE Sertifikat||END|| --}}
        {{-- Modal UPDATE Sertifikat||START|| --}}
        <div class="modal fade text-left modal-borderless" id="modalEdit-sertifikatAtlit" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Data Prestasi</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form action="" id="formEdit-sertifikatAtlit" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('put')

                            <div class="form-group">
                                <label for="nama_kejuaraan-edit">Nama Kejuaraan</label>
                                <input type="text" class="form-control" id="nama_kejuaraan-edit"
                                    name="nama_kejuaraan" placeholder="Masukan nama kejuaraan " required>
                            </div>
                            <div class="form-group">
                                <label for="nomor_tanding-edit">Nomor Tanding</label>
                                <input type="number" class="form-control" id="nomor_tanding-edit" name="nomor_tanding"
                                    placeholder="Masukan nomor tanding" required>
                            </div>
                            <div class="form-group">
                                <label for="prestas-edit">Capaian Prestasi</label>
                                <select name="prestasi" class="form-control" id="prestasi-edit">
                                    <option disabled selected>-pilih Capaian-</option>
                                    <option value="Juara 1">Juara 1</option>
                                    <option value="Juara 2">Juara 2</option>
                                    <option value="Juara 3">Juara 3</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="mendali-edit">Mendali</label>
                                <select name="mendali" class="form-control" id="mendali-edit">
                                    <option disabled selected>-pilih mendali-</option>
                                    <option value="Emas">Emas</option>
                                    <option value="Perak">Perak</option>
                                    <option value="Perunggu">Perunggu</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="sertifikat-edit">File Sertifikat</label>
                                <input type="file" class="form-control" id="sertifikat-edit" name="sertifikat">
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-warning ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Edit</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal UPDATE Sertifikat||END|| --}}

        {{-- Modal DESTROY sertifikatAtlit||START|| --}}
        <div class="modal fade text-left modal-borderless" id="modalDelete-sertifikatAtlit" tabindex="-1"
            role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-scrollable" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Hapus sertifikatAtlit</h5>
                        <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                            <i data-feather="x"></i>
                        </button>
                    </div>
                    <div class="modal-body">

                        <form id="formDelete-sertifikatAtlit" action="" method="post">
                            @csrf
                            @method('delete')
                            <div class="form-group" id="pass">
                                <h5>Apakah anda yakin ingin menghapus item?</h5>
                                <input type="hidden" class="form-control" id="page" name="page"
                                    value="1">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                    <i class="bx bx-x d-block d-sm-none"></i>
                                    <span class="  center">Close</span>
                                </button>
                                <button type="submit" class="btn btn-danger ml-1">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span class="  center">Delete</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- Modal DESTROY sertifikatAtlit||END|| --}}





        {{-- script --}}
        <script>
            function submitFilter() {
                document.addEventListener('keydown', function(event) {
                    if (event.key === 'Enter') {
                        document.getElementById("filterForm").submit();;
                    }
                })
            }
        </script>
        @push('script-modal')
            <script>
                $(document).on('click', '#edit', function() {
                    let nama_kejuaraan = $(this).data('nama_kejuaraan')
                    let nomor_tanding = $(this).data('nomor_tanding')
                    let prestasi = $(this).data('prestasi')
                    let mendali = $(this).data('mendali')



                    $('.form-group #nama_kejuaraan-edit').val(nama_kejuaraan)
                    $('.form-group #nomor_tanding-edit').val(nomor_tanding)
                    $('.form-group #prestasi-edit').val(prestasi)
                    $('.form-group #mendali-edit').val(mendali)




                });
            </script>
            <script>
                $(document).on('click', '#sertifikatAtlit-add', function() {
                    let id = $(this).data('id')


                    $('.form-group #atlit_id').val(id)

                });
            </script>
        @endpush
        {{-- script --}}
    @endsection