@extends('layouts.master')

@section('title', 'Academic Class Levels - Eduself')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            {{ __('academic.academic_class_levels') }}
        </h1>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <!-- Custom Tabs -->
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#academic_class_level_list_tab" data-toggle="tab" aria-expanded="true"><i
                                    class="fa fa-cubes" aria-hidden="true"></i> {{ __('academic.academic_class_level') }}
                            </a>
                        </li>
                        <li>
                            <a href="#trash_list_table" style="width:100%" data-toggle="tab" aria-expanded="true"><i
                                    class="fa fa-hourglass-half" aria-hidden="true"></i> {{ __('common.trash') }} </a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane active" id="academic_class_level_list_tab">
                            <button type="button" class="btn btn-primary pull-right btn-modal"
                                data-href="{{ route('academic_class_levels.create') }}"
                                data-container=".academic_class_level_modal">
                                <i class="fa fa-plus"></i> {{ __('messages.add') }} </button>
                            <br><br>
                            @include('academic::academic_class_levels.partials.academic_class_level_list')
                        </div>
                        <div class="tab-pane" id="trash_list_table" style="width:100%">
                            @include('academic::academic_class_levels.partials.trash_list')
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- without this the modal won't show -->
        <div class="modal fade academic_class_level_modal" tabindex="-1" role="dialog"
            aria-labelledby="gridSystemModalLabel">
        </div>
    </section>
@stop

@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {
            //Status table
            var academic_class_level_table = $('#academic_class_level_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('academic_class_levels.index') }}",
                columnDefs: [{
                    "targets": 3,
                    "orderable": false,
                    "searchable": false
                }],
                columns: [{
                        data: 'academic_class_level',
                        name: 'academic_class_level'
                    },
                    {
                        data: 'note',
                        name: 'note'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                ]
            });

            //Trash table
            var trash_academic_class_level_table = $('#trash_academic_class_level_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('academic_class_levels.index_trashed') }}",
                columnDefs: [{
                    "targets": 2,
                    "orderable": false,
                    "searchable": false
                }],
                columns: [{
                        data: 'academic_class_level',
                        name: 'academic_class_level'
                    },
                    {
                        data: 'note',
                        name: 'note'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                ]
            });

            $(document).on('submit', 'form#academic_class_level_form', function(e) {
                e.preventDefault();
                $(this).find('button[type="submit"]').attr('disabled', false);
                var data = $(this).serialize();

                $.ajax({
                    method: $(this).attr('method'),
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            $('div.academic_class_level_modal').modal('hide');
                            toastr.success(result.msg);
                            academic_class_level_table.ajax.reload();
                        } else {
                            toastr.error(result.msg);
                            if (result.details) {
                                if (result.details.academic_class_level) {
                                    document.getElementById("academic_class_level_msg")
                                        .innerText = result.details.academic_class_level[0];
                                } else {
                                    document.getElementById("academic_class_level_msg")
                                        .innerText = '';
                                }
                            }
                        }
                    }
                });
            });

            $(document).on('click', 'button.toggle_academic_class_level_button', function(e) {
                e.preventDefault();
                var data = $(this).serialize();

                swal({
                    title: LANG.sure,
                    text: LANG.confirm_update_status,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: false,
                }).then((willUpdate) => {
                    if (willUpdate) {
                        $.ajax({
                            url: $(this).attr("data-href"),
                            method: "PUT",
                            dataType: "json",
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    academic_class_level_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                })
            });

            // academic_class_levels delete
            $(document).on('click', 'button.delete_academic_class_level_button', function() {
                var url = $(this).data('href');
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete_academic_class_level,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = url;
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    academic_class_level_table.ajax.reload();
                                    trash_academic_class_level_table.ajax.reload();
                                } else {
                                    swal({
                                        title: LANG.sure,
                                        text: result.msg,
                                        icon: 'warning',
                                        buttons: true,
                                        dangerMode: true,
                                    }).then((willDelete) => {
                                        if (willDelete) {
                                            var href = url;
                                            var data = {
                                                delete: 'all'
                                            };

                                            $.ajax({
                                                method: 'DELETE',
                                                url: href,
                                                dataType: 'json',
                                                data: data,
                                                success: function(
                                                    result) {
                                                    if (result
                                                        .success ==
                                                        true) {
                                                        toastr
                                                            .success(
                                                                result
                                                                .msg
                                                                );
                                                        academic_class_level_table
                                                            .ajax
                                                            .reload();
                                                        trash_academic_class_level_table
                                                            .ajax
                                                            .reload();
                                                    } else {
                                                        toastr
                                                            .error(
                                                                result
                                                                .msg
                                                                );
                                                    }
                                                },
                                            });
                                        }
                                    })
                                }
                            },
                        });
                    }
                });
            });

            // delete trash
            $(document).on('click', 'button.force_delete_academic_class_level_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_force_delete,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_academic_class_level_table.ajax.reload();
                                    academic_class_level_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });

            // restore
            $(document).on('click', 'button.restore_academic_class_level_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_restore,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: false,
                }).then((willRestore) => {
                    if (willRestore) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'POST',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_academic_class_level_table.ajax.reload();
                                    academic_class_level_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });
        });
    </script>
@endsection