<style>
    .row {
        margin: 0;
    }

    .col-md-12,
    .col-md-3 {
        padding: 0;
    }

    @media screen and (min-width: 1000px) and (max-width: 1150px) {

        .col-lg-3,
        .col-lg-9 {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }

    @media screen and (min-width: 1151px) and (max-width: 1300px) {
        .col-lg-3 {
            flex: 0 0 40%;
            max-width: 40%;
        }

        .col-lg-9 {
            flex: 0 0 60%;
            max-width: 60%;
        }
    }

    @media screen and (min-width: 1301px) and (max-width: 1700px) {
        .col-lg-3 {
            flex: 0 0 35%;
            max-width: 35%;
        }

        .col-lg-9 {
            flex: 0 0 65%;
            max-width: 65%;
        }
    }

    .login-page {
        height: auto;
    }

    .login-main {
        position: relative;
        display: flex;
        min-height: 100vh;
        flex-direction: row;
        align-items: stretch;
        margin: 0;
    }

    .login-main .login-page {
        background-color: #fff;
    }

    .login-main .card {
        box-shadow: none;
    }

    .login-main .auth-brand {
        margin: 4rem 0 4rem;
        font-size: 26px;
        width: 325px;
    }

    @media (max-width: 576px) {
        .login-main .auth-brand {
            width: 90%;
            margin-left: 24px
        }
    }

    .login-main .login-logo {
        font-size: 2.1rem;
        font-weight: 300;
        margin-bottom: 0.9rem;
        text-align: left;
        margin-left: 20px;
    }

    .login-main .login-box-msg {
        margin: 0;
        padding: 0 0 20px;
        font-size: 0.9rem;
        font-weight: 400;
        text-align: left;
    }

    .login-main .btn {
        width: 100%;
    }

    .login-page-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3);
        text-align: center !important;
        background: url(/vendor/dcat-admin/images/bg.jpg) center;
        background-size: cover;
    }

    .login-description {
        position: absolute;
        margin: 0 auto;
        padding: 0 1.75rem;
        bottom: 3rem;
        left: 0;
        right: 0;
    }

    .content-front {
        position: absolute;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0, 0, 0, .1);
        margin-top: -6rem;
    }

    body.dark-mode .content-front {
        background: rgba(0, 0, 0, .3);
    }

    body.dark-mode .auth-brand {
        color: #cacbd6
    }
</style>

<form method="POST" class="form-horizontal" accept-charset="UTF-8" pjax-container="1" action="http://aimeiyue.demo.cn/dcat-api/form" id="form-dmQQKJfR" novalidate="true">
    <div class="box-body fields-group pl-0 pr-0 pt-1" style="padding: 0 0 .5rem">
        <div class="form-group row form-field">

            <div class="col-md-2 text-capitalize asterisk control-label">
                <span>商家名称</span>
            </div>

            <div class="col-md-8 ">

                <div class="help-block with-errors"></div>
                <div class="input-group">

                    <span class="input-group-prepend"><span class="input-group-text bg-white"><i class="feather icon-edit-2"></i></span></span>
                    <input required="1" type="text" name="name" value="John Doe11111111111" class="form-control field_name _normal_" placeholder="输入 商家名称">

                </div>


            </div>
        </div>
        <div class="form-group row form-field">

            <div class="col-md-2 text-capitalize control-label">
                <span>邮箱</span>
            </div>

            <div class="col-md-8 ">

                <div class="help-block with-errors"></div>
                <div class="input-group">

                    <span class="input-group-prepend"><span class="input-group-text bg-white"><i class="feather icon-mail"></i></span></span>
                    <input type="email" name="email" value="John.Doe@gmail.com" class="form-control field_email _normal_" placeholder="输入 邮箱">

                </div>


            </div>
        </div>
        <input type="hidden" name="_form_" value="App\Admin\Forms\MerchantStoreForms" class="field__form_ _normal_">
        <input type="hidden" name="_current_" value="http://aimeiyue.demo.cn/merchant-store?" class="field__current_ _normal_">
        <input type="hidden" name="_payload_" value="{&quot;_current_&quot;:&quot;http:\/\/aimeiyue.demo.cn\/merchant-store?&quot;,&quot;s&quot;:&quot;\/\/dcat-api\/render&quot;,&quot;renderable&quot;:&quot;App_Admin_Forms_MerchantStoreForms&quot;,&quot;_trans_&quot;:&quot;merchant-store&quot;}" class="field__payload_ _normal_">
    </div>

    <div class="box-footer row d-flex">
        <div class="col-md-2"> &nbsp;</div>
        <div class="col-md-8"><button type="reset" class="btn btn-white pull-left"><i class="feather icon-rotate-ccw"></i> 重置</button><button type="submit" class="btn btn-primary pull-right"><i class="feather icon-save"></i> 提交</button></div>
    </div>
</form>

<!--<form id="login-form" method="POST" action="{{ admin_url('auth/login') }}">

    <input type="hidden" name="_token" value="{{ csrf_token() }}" />

    <fieldset class="form-label-group form-group position-relative has-icon-left">
        <input
            type="text"
            class="form-control {{ $errors->has('username') ? 'is-invalid' : '' }}"
            name="username"
            placeholder="{{ trans('admin.username') }}"
            value=""
            required
            autofocus>

        <div class="form-control-position">
            <i class="feather icon-user"></i>
        </div>

        <label for="email">{{ trans('admin.username') }}</label>

        <div class="help-block with-errors"></div>
        @if($errors->has('username'))
        <span class="invalid-feedback text-danger" role="alert">
            @foreach($errors->get('username') as $message)
            <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
            @endforeach
        </span>
        @endif
    </fieldset>

    <fieldset class="form-label-group form-group position-relative has-icon-left">
        <input
            minlength="5"
            maxlength="20"
            id="password"
            type="password"
            class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}"
            name="password"
            placeholder="{{ trans('admin.password') }}"
            required
            value=""
            autocomplete="current-password">

        <div class="form-control-position">
            <i class="feather icon-lock"></i>
        </div>
        <label for="password">{{ trans('admin.password') }}</label>

        <div class="help-block with-errors"></div>
        @if($errors->has('password'))
        <span class="invalid-feedback text-danger" role="alert">
            @foreach($errors->get('password') as $message)
            <span class="control-label" for="inputError"><i class="feather icon-x-circle"></i> {{$message}}</span><br>
            @endforeach
        </span>
        @endif

    </fieldset>
    <div class="form-group d-flex justify-content-between align-items-center">
        <div class="text-left">
            <fieldset class="checkbox">
                <div class="vs-checkbox-con vs-checkbox-primary">
                    <input id="remember" name="remember" value="1" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
                    <span class="vs-checkbox">
                        <span class="vs-checkbox--check">
                            <i class="vs-icon feather icon-check"></i>
                        </span>
                    </span>
                    <span> {{ trans('admin.remember_me') }}</span>
                </div>
            </fieldset>
        </div>
    </div>
    <button type="submit" class="btn btn-primary float-right login-btn">

        {{ __('admin.login') }}
        &nbsp;
        <i class="feather icon-arrow-right"></i>
    </button>
</form>-->



<script data-exec-on-popstate="">
    (function() {
        try {
            Dcat.wait()
        } catch (e) {
            console.error(e)
        }
    })();
    Dcat.ready(function() {
        try {
            Dcat.token = "GQ11udjNxjua45vZwdgc5AlhnAGg0NQ7RKkEE1bx";;
            $("#form-41c1e3EN").form({
                validate: true,
                confirm: [],
                validationErrorToastr: true,
                success: function(data) {

                },
                error: function(response) {

                }
            });
        } catch (e) {
            console.error(e)
        }

        document.getElementById('form-dmQQKJfR').addEventListener('submit', function(event) {
            event.preventDefault(); // 阻止表单默认提交行为

            var formData = new FormData(this); // 创建 FormData 对象

            fetch('http://aimeiyue.demo.cn/dcat-api/form', { // 替换为你的提交地址
                    method: 'POST',
                    body: formData
                })
                .then(response => response.json()) // 如果服务器返回 JSON 数据
                .then(data => {
                    // 处理服务器返回的数据
                    console.log(data);
                })
                .catch(error => {
                    // 处理错误
                    console.error('Error:', error);
                });
        });
    })
</script>