@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">
                <label class="col-md-4 col-form-label">選擇課程: </label>
                <div class="col-md-4 pb-4">
                    <div class="">
                        <select id="now_CourseCode" class="form-control" name="placeCity">
                            @foreach($courseCodeLists as $courseCodeList)
                                <option value="{{ $courseCodeList->value }}" {{($now_CourseCode ?? $now_CourseCode ?? '') == $courseCodeList->value ? 'selected' : ''}}>{{$courseCodeList->name}}({{ $courseCodeList->value }})</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <h3 class="example-title" style="">AED管理員課程資訊</h3>
                    </div>
                    <hr style="width:0%" ;="">
                    <div class="col-md-6 col-xl-6">
                        <div class="">
                            <div class="example-wrap">
                                <div class="example">
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            姓名
                                        </label>
                                        <div class="col-md-8">
                                            <input id="email" type="text" class="form-control" name="email" value="{{$user->name}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            身分證
                                        </label>
                                        <div class="col-md-8">
                                            <input id="idno" type="text" class="form-control" minlength="10" maxlength="10" name="idno" value="{{$user->idno}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            課程編號
                                        </label>
                                        <div class="col-md-8">
                                            <input type="text" class="form-control" value="{{$course_id}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            課程名稱
                                        </label>
                                        <div class="col-md-8">
                                            <input id="name" type="text" class="form-control" name="name" value="{{$course_title}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            課程代碼
                                        </label>
                                        <div class="col-md-8">
                                            <input id="birthday" type="text" class="form-control" name="birthday" value="{{$course_code}}" disabled="" readonly="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            課程分類代碼
                                        </label>
                                        <div class="col-md-8">
                                            <input type="text" class="form-control" value="{{$category_id}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            課程分類名稱
                                        </label>
                                        <div class="col-md-8">
                                            <textarea class="form-control"  disabled="">{{$category_title}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-6">
                        <div class="">
                            <div class="example-wrap">
                                <div class="example">
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            單位代碼
                                        </label>
                                        <div class="col-md-8">
                                            <input id="phone_number" type="text" class="form-control" name="phone_number" value="{{$instCode}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            單位名稱
                                        </label>
                                        <div class="col-md-8">
                                            <input id="phone_number" type="text" class="form-control" name="phone_number" value="{{$instName}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            認證時數
                                        </label>
                                        <div class="col-md-8">
                                            <input id="number" type="text" class="form-control" name="phone_number" value="{{$certified_hour}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            取得日期
                                        </label>
                                        <div class="col-md-8">
                                            <input id="number" type="text" class="form-control" name="phone_number" value="{{$certified_date}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            時數歸屬年度
                                        </label>
                                        <div class="col-md-8">
                                            <input id="number" type="text" class="form-control" name="phone_number" value="{{$year}}" disabled="">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-form-label">
                                            狀態
                                        </label>
                                        <div class="col-md-8">
                                            <input id="number" type="text" class="form-control" name="phone_number" value="{{$status}}" disabled="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end -->
        </div>
    </div>
    <script>
        $('#acquired_date').datetimepicker({
            yearRange: "-100:+0",
            dateFormat: 'yy-mm-dd',
            maxDate: 0,
            changeYear: true,
            changeMonth: true,
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
            showTimepicker: false,
        });
        //切換課程
        $('#now_CourseCode').change(function(){

            window.location = '{{route('admin.learn_management.learn_log')}}?courseCode='+ $(this).val();
            });
        $('#upload_button').click(function(){
            $('input[name="certificate"]').click();
        });

        $('.upload_image').change(function(e){
            $('#upload_name').val(this.files[0]['name']);
        });

        $('#submit_button').click(function(){
            if(empty($('#upload_name').val())){
                notie.alert({type: 'error', text: '請上傳訓練證明文件', time: 2});
                return false;
            }

            if(empty($('#acquired_date').val())){
                notie.alert({type: 'error', text: '請輸入證書取得日期', time: 2});
                return false;
            }

            formData = new FormData($('#form')[0]);

            showLoading();
            $.ajax({
                type: 'post',
                url: $('#form').attr('action'),
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                enctype: 'multipart/form-data',
                success: function (response) {
                    hideLoading();
                    if(response.status){
                        notie.alert({type: 'success', text: response.message, time: 2});
                        setTimeout(function(){
                            location.reload();
                        }, 2000);

                        return false;
                    }

                    notie.alert({type: 'error', text: response.message, time: 2});
                }
            });
        });
    </script>
@endsection