@extends('layout.admin.main')
@push('css')
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
    <link rel="stylesheet" href="/chat_files/jquery-ui.min.css">
    <style>
        .box-auth-gg{
            box-shadow: #96ADB2 0px 2px 10px;
            height: 243px;
            width: 542px;
            font-weight: bold;
            color: #51595C;
            padding: 35px;
            margin: 0 auto;
            margin-top: 20%;
            border-radius: 5px;
        }
        .box-auth-gg input{
            text-align: center;
            height: 40px;
        }
        .box-auth-gg button{
            width: 200px;
            margin-top: 30px;
        }

    </style>
@endpush
@section('content')
    <article class="sub">
        <section class="masteredit" id="ggAuthAdmin" v-cloak>
            <div class="row">
                <form>
                    <div class="text-center box-auth-gg" >
                        <p style="font-size: 18px; margin-bottom: 25px">2段階認証</p>
                        <input type="text" placeholder="認証コード（6桁）" class="form-control " >
                        <button type="button" class="btn btn-sns-line btn-sns-line-lg btn-sns-line-success">決定</button>
                    </div>
                </form>

            </div>

        </section>
    </article>
@endsection
@push('script')

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
{{--    <script src="/js/form_answer/jquery.ui.datepicker-ja.js"></script>--}}

{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>--}}
{{--    <script src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>--}}
{{--    <script src="/js/vue-paginate.js"></script>--}}
{{--    <script src="/plugins/vuejs/vue-resource@1.3.4.js"></script>--}}
{{--    <script type="application/javascript" src="/js/admin/top.js?v={{config("sns-line.version")}}"></script>--}}

{{--    <script>--}}
{{--        $(document).ready(function()--}}
{{--        {--}}
{{--            // $.datepicker.setDefaults($.datepicker.regional["ja"]);--}}
{{--            $('.datepicker').datepicker({--}}
{{--                format         : 'yyyy/mm/dd',--}}
{{--                todayHighlight : true,--}}
{{--                autoclose      : true,--}}
{{--            });--}}
{{--        });--}}

{{--    </script>--}}
@endpush