@extends('siswa.master')
@section('title', 'Data Prestasi')
@section('content')
    <div class="main-container">
        <div class="pd-ltr-20 xs-pd-20-10">
            <div class="min-height-200px">
                <div class="page-header">
                    <div class="title">
                        <h4>Data Prestasi (Jika Ada)</h4>
                    </div>
                    <nav aria-label="breadcrumb" role="navigation">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page">
                                Data Prestasi
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="card">
                    <div class="card-header">
                        <a href="#" style="float:right;" type="button" class="btn btn-primary btn-sm"
                            data-toggle="modal" data-target="#addModal">
                            Tambah
                        </a>
                    </div>
                    <div class="card-body">
                        <div class="overflow-auto">
                            <table class="data-table table table-bordered table-striped nowrap">
                                <thead>
                                    <tr>
                                        <th class="table-plus datatable-nosort" width="10px">No</th>
                                        <th>Nama Prestasi</th>
                                        <th>Lihat Sertifikat / Bukti Prestasi</th>
                                        <th class="datatable-nosort" width="10px">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br><br><br>
    <x-sertifikat-modal formMethod="POST" />
    <x-sertifikat-modal formMethod="PUT" />
    @if (session()->has('text'))
        <x-alert-component title="{{ session()->get('title') }}" text="{{ session()->get('text') }}"
            icon="{{ session()->get('icon') }}" />
    @endif
    <script>
        $('.data-table').on('click', '.delete[data-id]', function(e) {
            e.preventDefault();
            swal({
                    title: "Hapus Data Prestasi ?",
                    text: "Data Prestasi ini akan dihapus",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        $.ajax({
                            data: {
                                'prestasi_id': $(this).data('id'),
                                '_token': "{{ csrf_token() }}"
                            },
                            type: 'DELETE',
                            url: "{{ url('siswa/data-prestasi') }}",
                            success: function(data) {
                                swal(data.message)
                                    .then((result) => {
                                        location.reload();
                                    });
                            },
                            error: function(err) {
                                alert(err);
                                console.log(err);
                            }
                        });
                    }
                });
        });
    </script>
    <script>
        $('.data-table').DataTable({
            responsive: false,
            processing: true,
            serverSide: true,
            ajax: "{{ url('siswa/data-prestasi/getall') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'nama_prestasi',
                    name: 'nama_prestasi'
                },
                {
                    data: 'sertifikat_file',
                    name: 'sertifikat_file'
                },
                {
                    data: 'action',
                    name: 'action'
                }
            ],
        });
    </script>
@endsection