@extends('admins.layouts.main')
@section('content')
    <link href="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.css') }}" rel="stylesheet" type="text/css"></link>
    <link rel="stylesheet" href="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css') }}">
    <script src="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.js') }}"></script>
    <script src="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js') }}"></script>
{{--    <script src="{{ asset('/js/admins/user_management/users/edit_profile.js') }}"></script>--}}
    <div class="row">
        <div class="col-lg-12">

            <!-- e等公務園課程記錄 -->
            <div class="panel p-4 form-title-right">
                <a href="{{$course_code_create}}" class="btn btn-primary waves-effect waves-classic"><i class="icon md-plus" aria-hidden="true"></i>新增課程</a>


                <br />
                <table class="table table-hover dataTable table-striped w-full jsgrid" id="view_data_table">
                    <thead>
                        <tr class="table-head-2">
                            <th style="width:5%"></th>
                            <th style="width:5%">id</th>
                            <th style="width:100px">課程名稱</th>
                            <th style="width:10px">課程代碼</th>
                            <th style="width:100px">說明</th>
                            <th style="width:80px">註冊時間</th>
                            <th style="width:80px">更新時間</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($courseCodeLists as $courseCodeList)
                            <tr>

                                <td><a href="{{route('admin.learn_management.course_code_edit')}}?id={{$courseCodeList->id}}" class="btn btn-success"><i class="icon md-edit" aria-hidden="true"></i>編輯</a>

                                    <a href="{{route('admin.learn_management.course_code_show')}}?id={{$courseCodeList->id}}" class="btn btn-dark"><i class="icon md-eye" aria-hidden="true"></i>查看</a>
                                    <button data-url="{{$delUrl}}?id={{$courseCodeList->id}}" class="btn btn-danger delete_button"><i class="icon md-delete" aria-hidden="true"></i>刪除</button>

                                </td>
                                <td>{{ $courseCodeList->id }}</td>
                                <td>{{ $courseCodeList->name }}</td>
                                <td>{{ $courseCodeList->value }}</td>
                                <td>{{ $courseCodeList->description }}</td>
                                <td>{{ $courseCodeList->created_at }}</td>
                                <td>{{ $courseCodeList->updated_at }}</td>
                            </tr>

                         @endforeach
                    </tbody>
                </table>

        </div>
    </div>
    <script>
        var dtParams = {
            "searching": true, // 顯示搜尋
            "ordering": false, // 顯示搜尋
            "bPaginate": true, // 顯示搜尋
            "info": true, // 顯示資訊
            "bProcessing": true,
            "pageLength": 50,
            autoFill: {
                horizontal: true
            },
            language: {
                "sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                "sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                "search": "搜尋:",
                "lengthMenu": "每頁顯示 _MENU_ 筆",
                "zeroRecords": "沒有資料",
                paginate: {
                    first: '«',
                    previous: '‹',
                    next: '›',
                    last: '»'
                },
                aria: {
                    paginate: {
                        first: 'First',
                        previous: 'Previous',
                        next: 'Next',
                        last: 'Last'
                    }
                }
            }
        };


        $(document).ready(function () {
            $(".table").DataTable(dtParams);

            $('body').on('click', '.delete_button', function(){

                if(confirm('確認刪除嗎??') === false){
                    return false;
                }

                let parameters = {
                    _method:'delete'
                }

                showLoading();
                let thisObjectTr = $(this).closest('tr');

                showLoading();
                $.post($(this).data('url'), parameters, function(response){
                    hideLoading();

                    if(response.status){
                        notie.alert({type: 'success', text: response.message, time: 2});
                        thisObjectTr.remove();
                        return false;
                    }

                    notie.alert({type: 'error', text: response.message, time: 2});

                }, 'json');

                return false;
            });
        });
    </script>
@endsection