@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.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">
                        <form id="form" action="{{ $forms['action'] }}">
                            @csrf
                            @method($forms['method'])
                            <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">
                                                        <span class="txt-red">*</span>帳號
                                                    </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">
                                                        <span class="txt-red">*</span>姓名
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input id="name" type="text" class="form-control" name="name" value="{{ $user->name }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>生日
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input id="birthday" type="text" class="form-control" name="birthday" value="{{ $user->birthday }}" readonly>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        性別
                                                    </label>
                                                    <div class="col-md-8">
                                                        <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 }} >
                                                            <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 }}>
                                                            <label for="gender{{ App\Contracts\Others\GenderContract::FEMALE }}">女</label>
                                                        </div>
                                                    </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">
                                                        <span class="txt-red">*</span>電子信箱
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input id="email" type="text" class="form-control" name="email" value="{{ $user->email }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>角色
                                                    </label>
                                                    <div class="col-md-8">
                                                        <select id="place_city_id" class="form-control" name="user_role_id">
                                                        @if(isset($userRoles))
                                                            @foreach($userRoles as $userRole)
                                                                <option value="{{ $userRole->id }}" {{ $user->user_role_id == $userRole->id ? 'selected' : null }}>{{ $userRole->title }}</option>
                                                            @endforeach
                                                        @else
                                                            <option value= {{$user->user_role_id}} > 查無單位 </option>
                                                        @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>連絡電話
                                                    </label>
                                                    <div class="col-md-8">
                                                        <input id="phone_number" type="text" class="form-control" name="phone_number" value="{{ $user->phone_number }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        狀態
                                                    </label>
                                                    <div class="col-md-8">
                                                        <div class="radio-custom radio-default radio-inline">
                                                            <input id="status1" type="radio" class="form-control" name="status" value="1" {{ $user->trashed() ? null : 'checked' }}>
                                                            <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 }}>
                                                            <label for="status2">停用</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        E-Mail認證功能
                                                    </label>
                                                    <div class="col-md-8">
                                                        <div class="radio-custom radio-default radio-inline">
                                                            <input id="email_verification_required1" type="radio" class="form-control" name="email_verification_required" value="Y" {{ $user->email_verification_required == 1 ? 'checked' : null }} disabled>
                                                            <label for="email_verification_required1">開</label>
                                                        </div>
                                                        <div class="radio-custom radio-default radio-inline">
                                                            <input id="email_verification_required2" type="radio" class="form-control" name="email_verification_required" value="N" {{ ($user->email_verification_required == 0 ||$user->email_verification_required == 2) ? 'checked' : null }} >
                                                            <label for="email_verification_required2">關</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>                   
                    <div class="col-lg-12 p-4 text-center">
                        <button class="btn btn-danger btn-lg waves-effect waves-classic"
                                type="button" onclick="parent.history.back();">
                            <i class="icon md-undo" aria-hidden="true"></i>返回
                        </button>&nbsp;&nbsp;
                        <button class="btn btn-success btn-lg waves-effect waves-classic" type="button" id="submit_button">
                            <i class="icon md-check" aria-hidden="true"></i>儲存
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection