@extends('admin.sidebar')
@section('content')
    {{-- TABLE --}}
    <div class="card">
        <div class="card-header center flex-column">
            <h3 class="my-3">
                Periodisasi
            </h3>
            <div>
                <img style="width:  300px;" src="{{ asset('assets/images/content/atlet.svg') }}" alt="">
            </div>
            <a class="btn btn-secondary"
                href="{{ asset('/documents/templatePeriodisasi/templateperiodisasi.xlsx') }}"download><i
                    class="bi bi-download m-2"></i>Download Template
                Periodisasi</a>
        </div>
        @include('message')
        <div class="card-body" style="overflow-x:auto;">
            @if ($periodisasi)
                <a
                    class="btn btn-secondary mb-3"onclick="alert('File Periodisasi hanya bisa di tambahkan 1 kali, Tekan edit untuk mengubah!');"><i
                        class="bi bi-plus"></i>
                    Tambahkan Periodisasi</a>
            @else
                <a href="#modalAdd" id="add" data-bs-toggle="modal" data-bs-target="#modalAdd"
                    class="btn btn-success mb-3"><i class="bi bi-plus"></i>
                    Tambahkan Periodisasi</a>
            @endif
            <table class="table">
                <thead>
                    <tr>

                        <th>tanggal Upload </th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>

                    <tr>
                        @if ($periodisasi)
                            <td>{{ $periodisasi->tanggal }}</td>

                            <td>
                                <a class="btn btn-warning"
                                    href="{{ asset('documents/periodisasi/' . $periodisasi->periodisasiFile) }}"><i
                                        class="bi bi-download "></i></a>
                                <a data-bs-toggle="modal" data-bs-target="#modalEdit" id="edit"
                                    onclick="$('#modalEdit #formEdit').attr('action', '{{ route('periodisasi.update', Crypt::encryptString($periodisasi->id)) }}')"
                                    class="open-AddBookDialog btn btn-primary m-1" href=""><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('periodisasi.update', Crypt::encryptString($periodisasi->id)) }}')"><i
                                        class="bi bi-trash-fill"></i></a>
                            </td>
                        @endif
                    </tr>


                </tbody>
            </table>
        </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="false">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Tambakan Periodisasi</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('periodisasi.store') }}" method="POST" enctype="multipart/form-data">

                        @csrf
                        <div class="form-group">
                            <label for="periodisasiFile">File Periodisasi</label>
                            <input type="file" class="form-control" id="periodisasiFile" name="periodisasiFile" required>
                            <input type="hidden" class="form-control" id="atlit_id" name="atlit_id"
                                value="{{ Auth()->user()->atlit->id }}"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="modalEdit" 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 Periodisasi</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="" method="POST" id="formEdit" enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="form-group">
                            <label for="periodisasiFile">File Periodisasi</label>
                            <input type="file" class="form-control" id="periodisasiFile" name="periodisasiFile"
                                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-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 Periodisasi</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-primary 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|| --}}




    {{-- script --}}
    @push('script-modal')
        {{-- data modal Update --}}
        <script>
            $(document).on('click', '#edit', function() {
                let deskripsi = $(this).data('deskripsi')
                let kategori = $(this).data('kategori')


                $('.form-group #deskripsi-edit').val(deskripsi)
                $('.form-group #kategori-edit').val(kategori)



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