@extends('admins.layouts.main')
@section('content')
    <script>
        var getDepartmentsByDepartmentTypeUrl = '{{ $urls['get_departments_by_department_type'] }}';
    </script>
    <script src="{{ asset('/js/admins/user_management/users/create.js') }}"></script>
    <div class="panel">
        <div class="panel-body container-fluid">
            <div class="row row-lg">
                <div class="col-md-12 col-lg-12">
                    <div class="example-wrap">
                        <h4 class="example-title"></h4>
                        <div class="example">
                            <form method="post" id="Form" action="{{ $Forms['action'] }}" autocomplete="off">
                                @csrf
                                <input type="hidden" name="_method" value="{{ $Forms['method'] }}">
                                <div class="form-group">
                                    <label class="form-control-label" for="account" title="帳號">帳號</label>
                                    <input id="account" type="text" class="form-control" name="account" autocomplete="off" value="{{ $user->account }}" required>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="email" title="信箱(請確認email正確性)">信箱(請確認email正確性)</label>
                                    <input id="email" type="email" class="form-control" name="email" autocomplete="off" value="{{ $user->email }}" required>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="password" title="密碼">密碼</label>
                                    <input id="pwd" type="password" class="form-control" name="pwd" autocomplete="off" value="" required>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="check_password" title="確認密碼">確認密碼</label>
                                    <input id="check_pwd" type="password" class="form-control" name="check_pwd" autocomplete="off" value="" required>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="name" title="姓名">姓名</label>
                                    <input id="name" type="text" class="form-control" name="name" autocomplete="off" value="{{ $user->name }}" required>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="department_type" title="單位類型">單位類型</label>
                                    <select id="department_type" class="form-control form-control-sm" name="department_type" required>
                                        <option value="0">請選擇單位類型</option>
                                        @foreach($departmentTypes as $departmentType)
                                            <option value="{{ $departmentType->id }}" {{ $departmentType->id == $user->department_id ? 'selected' : null }}>{{ $departmentType->title }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="department_id" title="所屬單位">所屬單位</label>
                                    <select id="department_id" class="form-control form-control-sm" name="department_id" required>
                                        <option>請先選擇單位類型</option>
                                    </select>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="user_role_id" title="帳號角色">帳號角色</label>
                                    <select id="user_role_id" class="form-control form-control-sm" name="user_role_id" required>
                                        <option>請先選擇單位類型</option>
                                    </select>
                                    <div class="invalid-feedback"></div>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label" for="phone_number" title="聯絡電話">聯絡電話</label>
                                    <input id="phone_number" type="text" class="form-control" name="phone_number" autocomplete="off" value="{{ $user->phone_number }}">
                                    <div class="invalid-feedback"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-lg-12">
                        <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>
@endsection