{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
{{$page_title}}
@endsection

{{-- Content --}}
@section('content')
<!--begin::Card-->
<div class="card shadow-sm">
    <!--begin::Header-->
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <input type="text" data-kt-customer-table-filter="search" class="form-control form-control-solid w-250px ps-15" placeholder="Search" />
        </div>
        <div class="card-toolbar">
            <!--begin::Button-->
            {!!Helper::getListAddBtn(route('training_module_description.index',$training_module_id),"Back","back")!!}
            <!--end::Button-->
            <!--begin::Button-->
            <a href="javascript:;" id="delete-failed-training" class="btn btn-danger font-weight-bolder btn-hover-rise" style="margin-left: 5px;">
                {!!Helper::getSvgIconHelper("general/gen027.svg","svg-icon svg-icon-2x svg-icon-info")!!} Delete Failed Trainings
            </a>
            <!--end::Button-->
        </div>
    </div>
    <!--end::Header-->
    <!--begin::Body-->
    <div class="card-body">
        @include("backend.alerts")
        <!--begin: Datatable-->
        @csrf
        {!! $html->table() !!}
        <!--end: Datatable-->
    </div>
    <!--end::Body-->
</div>
<!--end::Card-->
@endsection

{{-- Scripts Section --}}
@section('scripts')

{!! $html->scripts() !!}
<script type="text/javascript">
    $(document).on("click", "#delete-failed-training", function() {
        var deleteAlert2 = JSON.parse(JSON.stringify(deleteAlert));
        deleteAlert2['text'] = "Are you sure you want to delete all failed trainings?";
        Swal.fire(deleteAlert2).then(function(result) {
            if (result.value) {
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: 'all',
                        "training_module_id": "{{ $training_module_id }}",
                        "_token": "{{ csrf_token() }}",
                        _method: 'DELETE'
                    },
                    url: "{!! route('training_assigns_completed_user.destroy','all') !!}",
                    success: function(data) {
                        if (data.status) {
                            Swal.fire(deleteSuccessAlert);
                            window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                        } else {
                            deleteSuccessAlert['text'] = "No training was found to be deleted!";
                            Swal.fire(deleteSuccessAlert);
                        }
                    }
                });
            }
        });
    });

    function actionDelete(ele) {
        var row = $(ele).parents('tr:first');
        if (row) {
            var id = row.attr('id');
            if (id) {
                Swal.fire(deleteAlert).then(function(result) {
                    if (result.value) {
                        $.ajax({
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: id,
                                "_token": "{{ csrf_token() }}",
                                _method: 'DELETE'
                            },
                            url: "{!! route('training_assigns_completed_user.destroy',1) !!}",
                            success: function(data) {
                                if (data.status) {
                                    Swal.fire(deleteSuccessAlert);
                                    window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                                }
                            }
                        });
                    }
                });
            }
        }
    }
</script>
@endsection