@extends('auth.retailer.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-inner bg-brand-gradient">
            <div class="page-content-wrapper bg-transparent m-0">
                <div class="height-10 w-100 shadow-lg px-4 bg-brand-gradient">
                    <div class="d-flex align-items-center container p-0">
                        <div class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0 height-9">
                            <a href="javascript:void(0)" class="page-logo-link press-scale-down d-flex align-items-center">
                                <img src="{{asset('img/smart_admin_bootstrap4/logo.png')}}" alt="SmartAdmin WebApp" aria-roledescription="logo">
                                {{--<span class="page-logo-text mr-1"><strong>CDRL</strong></span>--}}
                            </a>
                        </div>
                    </div>
                </div>
                <div class="flex-1" style="background: url('{{asset("img/smart_admin_bootstrap4/svg/pattern-1.svg") }}') no-repeat center bottom fixed; background-size: cover;">
                    <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
                        <div class="row align-content-center">
                            <div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
                                <h1 class="text-white fw-300 mb-3 d-sm-block d-md-none">
                                    Secure login
                                </h1>
                                <div class="card p-4 rounded-plus bg-faded">
                                    <form role="form" method="POST" action="../retailer/2fa">
                                        {{ csrf_field() }}
                                        @if(Session::has('message'))
                                            <p class="alert {{ Session::get('alert-class', 'alert-danger') }}">{{ Session::get('message') }}</p>
                                        @endif
                                        <div class="form-group {{ $errors->has('2fa') ? 'has-error' : '' }}">
                                            <input id="2fa" type="text" class="form-control @error('2fa')is-invalid @enderror" name="2fa" placeholder="Enter the code you received here." required autofocus>
                                            @if ($errors->has('2fa'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('2fa') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary" type="submit">Verify</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
                            {{ now()->year }} © CDRL Retailer
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section ('scripts')
    <script>
        /*$("#js-login-btn").click(function(event)
        {

            // Fetch form to apply custom Bootstrap validation
            var form = $("#js-login")

            if (form[0].checkValidity() === false)
            {
                event.preventDefault()
                event.stopPropagation()
            }

            form.addClass('was-validated');
            // Perform ajax submit here...
        });*/

    </script>
@endsection