@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">
            <div class="panel panel-bordered">
                <div class="example table-responsive">
                    <div class="panel p-4 form-title-right">
                        <div class="row">
                            <div class="col-12">
                                <h3 class="example-title">基本資料</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 type="text" class="form-control" value="{{ $user->account }}" 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="{{ $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="birthday" type="text" class="form-control" name="birthday" value="{{ $user->birthday }}" disabled readonly>
                                                </div>
                                            </div>
                                            @if(in_array($user->user_role_id, [1,2,3]))
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label">
                                                    狀態
                                                </label>
                                                <div>
                                                    <div class="radio-custom radio-default radio-inline">
                                                        <input id="status1" type="radio" class="form-control" name="status" value="1" {{ $user->trashed() ? null : 'checked' }} disabled>
                                                        <label for="status1">啟用</label>
                                                    </div>
                                                    <div class="radio-custom radio-default radio-inline">
                                                        <input id="status2" type="radio" class="form-control" name="status" value="2" {{ $user->trashed() ? 'checked' : null }} disabled>
                                                        <label for="status2">停用</label>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="form-group row">
                                                <label class="col-lg-4 col-form-label">
                                                    性別
                                                </label>
                                                <div>
                                                    <div class="radio-custom radio-default radio-inline">
                                                        <input id="gender{{ App\Contracts\Others\GenderContract::MALE }}" type="radio" class="form-control" name="gender" value="{{ App\Contracts\Others\GenderContract::MALE }}" {{ $user->gender == App\Contracts\Others\GenderContract::MALE ? 'checked' : null }} disabled>
                                                        <label for="gender{{ App\Contracts\Others\GenderContract::MALE }}">男</label>
                                                    </div>
                                                    <div class="radio-custom radio-default radio-inline">
                                                        <input id="gender{{ App\Contracts\Others\GenderContract::FEMALE }}" type="radio" class="form-control" name="gender" value="{{ App\Contracts\Others\GenderContract::FEMALE }}" {{ $user->gender == App\Contracts\Others\GenderContract::FEMALE ? 'checked' : null }} disabled>
                                                        <label for="gender{{ App\Contracts\Others\GenderContract::FEMALE }}">女</label>
                                                    </div>
                                                </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="{{ $user->training_status_chinese }}" disabled>
                                                </div>
                                            </div>
                                        @if(!empty($user->note))
                                            <div class="form-group row" >
                                                <label for="note" class="col-lg-4 col-form-label">註記</label>
                                                <div class="col-md-8">
                                                    <textarea name="note" id="note" cols="40" rows="3" class="form-control" disabled wrap="hard" style="width:100%;">{{$user->note}}</textarea>
                                                </div>
                                            </div>
                                        @endif
                                        </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="email" type="text" class="form-control" name="email" value="{{ $user->email }}" 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 id="phone_number" type="text" class="form-control" name="phone_number" value="{{ $user->phone_number }}" 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="{{ $user->training_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="phone_number" type="text" class="form-control" name="phone_number" value="{{ $user->expiry_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="" type="text" class="form-control" name="" value="{{ $user->training_memo }}" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- e等公務園課程記錄 -->
            <div class="panel p-4 form-title-right">
                <div class="row">
                    <div class="col-12">
                        <h3 class="example-title" style="text-transform:lowercase;">e等公務園課程記錄</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="" 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="" 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="" 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="" 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="" 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="" 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="" disabled="">
                                        </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="" 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="" 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="" 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="" 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="" 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="" disabled="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            @include('admins.layouts.back_Bnt_them')
            
        </div>
    </div>
    <script>
        $('#acquired_date').datetimepicker({
            yearRange: "-100:+0",
            dateFormat: 'yy-mm-dd',
            maxDate: 0,
            changeYear: true,
            changeMonth: true,
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
            showTimepicker: false,
        });

        $('#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: 10});
                        setTimeout(function(){
                            location.reload();
                        }, 5000);

                        return false;
                    }

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