@extends('layouts.master')

@section('title', __('exam.exam_grade'))

@section('content_title', __('exam.exam_grade'))

@section('content_summary', 'exam grade summary')

@if (auth()->user()->can('exam.academic_exam_grades.create'))
    @section('content_taskbar')
        <li class="nav-item">
            <a href="{{ route('exam.academic_exam_grades.create') }}" class="nav-link modal-triger" data-bs-toggle="modal"
                data-bs-target="#basicModal">
                <i class="nav-link-icon pe-7s-plus"></i>
                <span>{{ __('core.add') }}</span>
            </a>
        </li>
    @endsection
@endif

@section('main_content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-0"
                        class="mb-2 me-2 btn btn-shadow-primary btn-primary">{{ __('core.home') }}</a>
                </li>
                @if (auth()->user()->can('exam.academic_exam_grades.trash_view'))
                    <li class="nav-item">
                        <a data-bs-toggle="tab" href="#tab-eg10-1" class="mb-2 me-2 btn btn-shadow-danger btn-danger">
                            {{ __('core.trash') }}
                        </a>
                    </li>
                @endif
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
                    <div class="table-responsive">
                        {!! $html1->table([], true) !!}
                    </div>
                </div>
                <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                    <div class="table-responsive">
                        {!! $html2->table([], true) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@include('partials.js.sweet_alert')
@include('partials.js.crud')
@include('partials.js.datatable')
@include('partials.js.datatable_features')

@push('script')
    {!! $html1->scripts() !!}
    {!! $html2->scripts() !!}
    <script type="text/javascript">
        $(document).ready(function() {

            var home_table = $('#home-table').DataTable();
            var trash_table = $('#trash-table').DataTable();

            $(".filter-dropdown").on("change", function() {
                home_table.ajax.reload()
                trash_table.ajax.reload()
            })





            $(document).on('submit', 'form#modal_form', function(e) {
                e.preventDefault();
                ModalFormSubmit("#modal_form")
                    .then(() => {
                        home_table.ajax.reload();
                        trash_table.ajax.reload();
                    });
            });


            setupActionButtons({
                actions: {
                    '.toggle_button': {
                        method: 'PUT',
                        confirmTitle: "{{ __('core.sure') }}",
                        confirmText: "{{ __('core.confirm_update_status') }}",
                    },
                    '.delete_button': {
                        method: 'DELETE',
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                        forceDeleteRetry: true
                    },
                    '.restore_button': {
                        method: 'POST',
                        confirmTitle: "{{ __('core.confirm_restore') }}",
                        confirmText: "{{ __('core.confirm_restore_msg') }}",
                    },
                    '.force_delete_button': {
                        method: 'DELETE',
                        icon: "error",
                        confirmTitle: "{{ __('core.confirm_delete') }}",
                        confirmText: "{{ __('core.confirm_delete_msg') }}",
                    }
                },
                onSuccess: () => {
                    home_table.ajax.reload()
                    trash_table.ajax.reload()
                },
                onError: (err) => {
                    if (!err.cancelled) {
                        console.error("Request failed", err);
                        toastr.error("Something went wrong.");
                    }
                }
            });

        });
    </script>
@endpush