<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 id="form-table" action="" method="get" class="form-horizontal" accept-charset="UTF-8" pjax-container="1">
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                    <tr>
                        <th width="20%" style="text-align:center;">商品名称</th>
                        <th width="20%" style="text-align:center;">商品规格</th>
                        <th width="20%" style="text-align:center;">增加库存</th>
                        <th width="20%" style="text-align:center;">剩余库存</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- 表格数据 -->
                    <tr>
                        <td style="text-align:center;vertical-align: middle;">数据1</td>
                        <td style="text-align:center;vertical-align: middle;">蓝色、大号</td>
                        <td><input type="text" name="remark" value="" class="form-control field_remark _normal_" placeholder=""></td>
                        <td style="text-align:center;vertical-align: middle;">123</td>
                    </tr>

                    <!-- 更多行数据 -->
                </tbody>
            </table>
        </div>
        <div class="col-md-8"><button type="button" id="submit-form" 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>
    Dcat.ready(function() {
        // ajax表单提交
        $('#login-form').form({
            validate: true,
        });

        // 前端 JS 代码处理异步提交

    });
</script>
<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)
        }
    })
</script>