@extends('layouts.dashboard')
@section('css')
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
@stop
@section('content')
<!-- Main content -->
<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    {{--
                    <h3 class="box-title">{{$title}}</h3> --}}
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form role="form" method="post">
                    <div class="box-body">
                        <div class="form-group">
                            <label for="name">權限</label>
                            <input type="radio" id="user_type_id" name="user_type_id" value="1" checked> 最高權限者
                            <input type="radio" id="user_type_id" name="user_type_id" value="2"> 編輯者
                        </div>
                        <div class="form-group">
                            <label for="email">帳號</label>
                            <input type="text" class="form-control" id="email" name="email" placeholder="帳號" required>
                        </div>
                        <div class="form-group">
                            <label for="password">密碼</label>
                            <input type="password" class="form-control" id="password" name="password" placeholder="密碼" required>
                        </div>
                        {{-- <div class="form-group">
                            <label for="role">權限</label>
                            <div class="checkbox">
                                <label for="role_1">管理者</label>
                                <input type="checkbox" name="role_id[]" id="role_1" value="1">
                                <label for="role_2">客服</label>
                                <input type="checkbox" name="role_id[]" id="role_2" value="2">
                                <label for="role_3">護理</label>
                                <input type="checkbox" name="role_id[]" id="role_3" value="4">
                                <label for="role_4">房務</label>
                                <input type="checkbox" name="role_id[]" id="role_4" value="8">
                                <label for="role_5">總務</label>
                                <input type="checkbox" name="role_id[]" id="role_5" value="16">
                            </div>
                        </div> --}}
                    </div>
                    <div class="box-footer">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <button type="submit" class="btn btn-primary">送出</button>
                    </div>
            </div>
            </form>
        </div>
        <!-- /.box -->
    </div>
    <!--/.col (right) -->
    </div>
    <!-- /.row -->
</section>
<!-- /.content -->
@stop
@section('js')
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
    $('input[type="checkbox"]').checkboxradio({
        icon: false
    });

    // $('#name, #email').blur(function () {
    //     var name = $('#name').val();
    //     var email = $('#email').val();
    //     var _token = '{!! csrf_token() !!}';
    //     $.ajax({
    //         type: 'POST',
    //         url: '/user/check',
    //         data: {
    //             name: name,
    //             email: email,
    //             _token: _token
    //         },
    //         dataType: 'json',
    //         success: function (response) {
    //             console.log(response);
    //         }
    //     });
    // });
});
</script>
@stop