@extends('layout.admin.main')
@push('css')
    <style>

        .center input, .center button {
            width: 50%;
            margin: 20px auto;
            font-size: 100%;
            text-align: center;
            padding: 10px;
        }

        div.btn button {
            display: block;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            padding: 10px 10px;
            font-size: 85%;
            background: #4A96B2;
            color: #fff;
            margin-top: 5px;
            border: 0;
            width: 50%;
            cursor: pointer;

        }

        div.btn {
            display: block;
        }
    </style>
@endpush
@section('content')
    <article class="sub">
        <section class="masteredit">
            <h2>管理者情報登録</h2>
            <h3>情報入力</h3>
            <form action="" id="change-form" method="post" enctype="multipart/form-data">
                {{csrf_field()}}
                <dl class="rowform">
                    <dt>氏名</dt>
                    <dd>
                        <input type="text" name="user_name">
                        <span class="errors" id="user_name"></span>
                    </dd>
                    <dt>メールアドレス</dt>
                    <dd>
                        <input type="text" name="user_mail">
                        <span class="errors" id="user_mail"></span>
                    </dd>
                    <dt>パスワード</dt>
                    <dd>
                        <input type="password" name="user_pass">
                        <span class="errors" id="user_pass"></span>
                    </dd>
                    <dt>Max BOT</dt>
                    <dd>
                        <input type="number" name="user_max_bot" value="0">
                        <span class="errors" id="user_max_bot"></span>
                    </dd>

                </dl>
                <div class="btn center">
                    <button type="submit" id="submit-form" form="change-form">完了</button>
                </div>
            </form>
        </section>
    </article>
@endsection
@push('script')
    <script>
        $('#change-form').submit(function (e) {
            e.preventDefault();
            var formData = new FormData(this);
            $.ajax({
                url: '/admin/add-account',
                method: 'post',
                data: formData,
                'headers': {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')},
                processData: false,
                contentType: false,
                beforeSend: function () {

                },
                success: function (response) {
                    if (response.success) {
                        location.href = '/admin/account-management';
                    } else {
                        $.each(response.errors, function (k, v) {
                            $("dd").find('.errors#' + k).text(v[0]);
                        })

                        if(response.message){
                            alert(response.message);
                        }
                    }
                },
                error: function () {

                }
            });
        });

    </script>
    <script type="text/javascript">

    </script>
@endpush