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

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

                            <input type="text" class="form-control" id="nama" name="nama"
                                placeholder='Nama Pelatih'>
                        </div>
                        <div class="form-group col" style=" z-index: 9999;">

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

                            <button type="button" onclick="submitFilter()" 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 Pelatih</th>
                        <th>Cabang Olahraga</th>
                        <th>Status Akademi</th>
                        <th colspan="2">Action</th>
                        <th>Setifikat</th>
                        <th>deskripsi</th>
                        <th>Action</th>

                    </tr>
                </thead>
                <tbody>


                    @foreach ($pelatih as $item)
                        <tr>
                            <td ROWSPAN="{{ $item->sertifikatPelatih->count() + 1 }}">
                                <img src="{{ asset('images/pelatih') . '/' . $item->user->photo }}" alt="profile image"
                                    style="width: 150px" class="rounded">
                            </td>
                            <td ROWSPAN="{{ $item->sertifikatPelatih->count() + 1 }}">{{ $item->nama_lengkap }}</td>
                            <td ROWSPAN="{{ $item->sertifikatPelatih->count() + 1 }}">{{ $item->cabor }}</td>
                            <td ROWSPAN="{{ $item->sertifikatPelatih->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 dropdown-menu-end" style="background-color: #eaeaea"
                                        aria-labelledby="dropdownMenuButton">
                                        @if ($item->status_akademi == 0)
                                            <a class="dropdown-item"
                                                href="{{ route('statusAkademiPelatih', Crypt::encryptString($item->id)) }}">Masuk
                                                Ke Akademi</a>
                                        @else
                                            <a class="dropdown-item"
                                                href="{{ route('statusAkademiPelatih', Crypt::encryptString($item->id)) }}">Keluar
                                                Dari Akademi</a>
                                        @endif


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

                            <td ROWSPAN="{{ $item->sertifikatPelatih->count() + 1 }}">

                                <a class="open-AddBookDialog btn btn-primary m-1"
                                    href="{{ route('pelatihs.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('pelatihs.destroy', Crypt::encryptString($item->user_id)) }}')"><i
                                        class="bi bi-trash-fill"></i></a>

                            </td>
                            <td ROWSPAN="{{ $item->sertifikatPelatih->count() + 1 }}"><a data-bs-toggle="modal"
                                    data-bs-target="#modalAdd-sertifikatPelatih" id="sertifikatPelatih-add"
                                    data-id="{{ $item->id }}"class="open-AddBookDialog btn btn-success edit"
                                    href=""><i class="bi bi-envelope-paper-fill m-3"></i>Tambahkan
                                    Data-Pengalaman</a>
                            </td>

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

                                <td>{{ $item->sertifikat }}</td>
                                <td>{{ $item->pengalaman_melatih }}</td>
                                <td>


                                    <a class="btn btn-info m-1"
                                        href="{{ asset('documents/pelatih/' . $item->sertifikat) }}" download>Download
                                    </a>
                                    <div class="d-flex flex-row">

                                        <a href="" class="btn btn-primary m-1"data-bs-toggle="modal" id="edit"
                                            data-nama_kejuaraan="{{ $item->nama_kejuaraan }}"
                                            data-pengalaman_melatih="{{ $item->pengalaman_melatih }}"
                                            data-capaian_prestasi="{{ $item->capaian_prestasi }}"
                                            data-tahun="{{ $item->tahun }}" data-bs-target="#modalEdit-sertifikatPelatih"
                                            onclick="$('#modalEdit-sertifikatPelatih #formEdit-sertifikatPelatih').attr('action', '{{ route('sertifikatPelatihs.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('sertifikatPelatihs.destroy', Crypt::encryptString($item->id)) }}')"><i
                                                class="bi bi-trash-fill"></i>
                                        </a>
                                    </div>

                                </td>



                            </tr>
                        @endforeach
                    @endforeach
                </tbody>
            </table>
            {{ $pelatih->links('pagination::bootstrap-4') }}
        </div>
    </div>
    {{-- TABLE --}}


    {{-- 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 Data Pelatih</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-sertifikatPelatih" 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('sertifikatPelatihs.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">

                            <input type="hidden" class="form-control" id="pelatih_id-edit" name="pelatih_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="pengalaman_melatih">Pengalaman Melatih</label>
                            <input type="text" class="form-control" id="pengalaman_melatih" name="pengalaman_melatih"
                                placeholder="Jelaskan pengalaman secara singkat!" required>
                        </div>

                        <div class="form-group">
                            <label for="tahun">Tahun</label>
                            <input type="number" class="form-control" id="tahun" name="tahun"
                                placeholder="masukan Tahun" required>
                        </div>

                        <div class="form-group">
                            <label for="sertifikat">File Sertifikat (optional)</label>
                            <input type="file" class="form-control" id="sertifikat" 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-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-sertifikatPelatih" 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">Edit 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="" id="formEdit-sertifikatPelatih" 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="pengalaman_melatih-edit">Pengalaman Melatih</label>
                            <input type="text" class="form-control" id="pengalaman_melatih-edit"
                                name="pengalaman_melatih" placeholder="Jelaskan pengalaman secara singkat!" required>
                        </div>

                        <div class="form-group">
                            <label for="tahun-edit">Tahun</label>
                            <input type="number" class="form-control" id="tahun-edit" name="tahun"
                                placeholder="masukan Tahun" required>
                        </div>

                        <div class="form-group">
                            <label for="sertifikat-edit">File Sertifikat (optional)</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 sertifikatPelatih||START|| --}}
    <div class="modal fade text-left modal-borderless" id="modalDelete-sertifikatPelatih" 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 sertifikatPelatih</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-sertifikatPelatih" 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 sertifikatPelatih||END|| --}}





    {{-- script --}}
    <script>
        function submitFilter() {
            var cabor = document.getElementById("cabor").value;

            if (cabor !== "") {
                document.getElementById("filterForm").submit();
            }
        }
    </script>

    @push('script-modal')
        <script>
            $(document).on('click', '#edit', function() {
                let nama_kejuaraan = $(this).data('nama_kejuaraan')
                let pengalaman_melatih = $(this).data('pengalaman_melatih')
                let capaian_prestasi = $(this).data('capaian_prestasi')
                let tahun = $(this).data('tahun')



                $('.form-group #nama_kejuaraan-edit').val(nama_kejuaraan)
                $('.form-group #pengalaman_melatih-edit').val(pengalaman_melatih)
                $('.form-group #capaian_prestasi-edit').val(capaian_prestasi)
                $('.form-group #tahun-edit').val(tahun)




            });

            $(document).on('click', '#sertifikatPelatih-add', function() {
                let id = $(this).data('id')


                $('.form-group #pelatih_id-edit').val(id)

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