@extends('nova::auth.layout')

@section('content')

    <div class="flex items-center justify-center flex-row">
        <aside class="block w-1/2 h-screen bg-primary"
            style="background: #FFC845 url(https://res.cloudinary.com/shopper-social/image/upload/c_scale,f_auto,q_auto,w_800/e_grayscale/e_tint:100:E87722:0p:FFC845:100p/v1/static/admin-login) center center; background-size: cover">
        </aside>
        <div class="w-1/2 h-screen overflow-y-scroll">
            <div class="flex flex-col items-center justify-center min-h-screen">
                @include('nova::auth.partials.header')
                <h1
                    class="my-6 sm:my-12 md:my-16 text-70 tracking-wide text-center text-5xl"
                >
                    Mission control
                </h1>
                <form
                    class="bg-white py-8 w-action mx-auto"
                    style="width: 350px;"
                    method="POST"
                    action="{{ route('nova.login') }}"
                >
                    {{ csrf_field() }}
                    @if ($errors->any())
                        <p class="text-center font-semibold text-danger my-3">
                            @if ($errors->has('email'))
                                {{ $errors->first('email') }}
                            @else
                                {{ $errors->first('password') }}
                            @endif
                        </p>
                    @endif

                    <div class="mb-6 {{ $errors->has('email') ? ' has-error' : '' }}">
                        <label class="block font-bold mb-2" for="email">{{ __('Email Address') }}</label>
                        <input class="form-control form-input form-input-bordered w-full" id="email" type="email" name="email" value="{{ old('email') }}" required autofocus>
                    </div>

                    <div class="mb-6 {{ $errors->has('password') ? ' has-error' : '' }}">
                        <label class="block font-bold mb-2" for="password">{{ __('Password') }}</label>
                        <input class="form-control form-input form-input-bordered w-full" id="password" type="password" name="password" required>
                    </div>

                    <div class="flex mb-6">
                        <label class="flex items-center block text-xl font-bold">
                            <input class="" type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}>
                            <span class="text-base ml-2">{{ __('Remember Me') }}</span>
                        </label>


                        @if (Laravel\Nova\Nova::resetsPasswords())
                            <div class="ml-auto">
                                <a class="text-primary dim font-bold no-underline" href="{{ config('shopper-social.frontend_url') . config('shopper-social.frontend_reset_password_path') }}">
                                    {{ __('Forgot Your Password?') }}
                                </a>
                            </div>
                        @endif
                    </div>

                    <button class="w-full btn btn-default btn-primary hover:bg-primary-dark mt-3" type="submit">
                        {{ __('Login') }}
                    </button>

                    <hr
                        class="mt-11 mb-8 border border-solid border-60 w-full"
                    />

                    <div class="flex items-center justify-center mb-8">
                        Not an administrator?
                        <a class="text-primary dim font-bold no-underline ml-3" href="{{ config('shopper-social.frontend_url').'/login' }}">
                            Member login here
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection