@extends('guest.layout')

@section('title', trans('admin.login.title'))

@section('content')
<section class="cover fullscreen image-bg overlay">
    <div class="container v-align-transform">
        <div class="row">
            <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2">
                <div class="feature bordered text-center">
                    <h4 class="uppercase">{{ trans('admin.login.title') }}</h4>
                    @include('admin.auth.includes.messages')
                    <form class="text-left" method="POST" action="{{ url('/admin/login') }}" >
                        {{ csrf_field() }}
                        <input type="text" class="mb0" id="email" name="email" placeholder="{{ trans('admin.auth_global.email') }}">
                        <input type="password" class="mb0" id="password" name="password" placeholder="{{ trans('admin.auth_global.password') }}">
                        <input type="hidden" name="remember" value="1">
                        <input type="submit" value="Login" />
                    </form>
                    <p class="mb0">Pas encore inscrit?
                        <a href="{{ url('/admin/register') }}">{{ trans('admin.register.title') }}</a>
                    </p>
                    <p class="mb0">{{ trans('admin.login.forgot_password') }}
                        <a href="{{ url('/admin/password-reset') }}" class="auth-ghost-link">Réinitialiser</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('content-1')
<div id="app">
    <div class="container">
        <div class="row align-items-center justify-content-center auth">
            <div class="col-md-6 col-lg-5">
                <div class="card">
                    <div class="card-block">
                        <a href="{{route('guest.home')}}" aria-label="Previous" class="btn btn-secondary cta-button" style="position: absolute;bottom:0;left:0;margin:7px;"><span>« Accueil</span></a>
                        <auth-form
                                :action="'{{ url('/admin/login') }}'"
                                :data="{}"
                                inline-template>
                            <form class="form-horizontal" role="form" method="POST" action="{{ url('/admin/login') }}" novalidate>
                                {{ csrf_field() }}
                                <div class="auth-header">
                                    <h1 class="auth-title">{{ trans('admin.login.title') }}</h1>
                                    <p class="auth-subtitle">{{ trans('admin.login.sign_in_text') }}</p>
                                </div>
                                <div class="auth-body">
                                    @include('admin.auth.includes.messages')
                                    <div class="form-group" :class="{'has-danger': errors.has('email'), 'has-success': fields.email && fields.email.valid }">
                                        <label for="email">{{ trans('admin.auth_global.email') }}</label>
                                        <div class="input-group input-group--custom">
                                            <div class="input-group-addon"><i class="input-icon input-icon--mail"></i></div>
                                            <input type="text" v-model="form.email" v-validate="'required|email'" class="form-control" :class="{'form-control-danger': errors.has('email'), 'form-control-success': fields.email && fields.email.valid}" id="email" name="email" placeholder="{{ trans('admin.auth_global.email') }}">
                                        </div>
                                        <div v-if="errors.has('email')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('email') }}</div>
                                    </div>

                                    <div class="form-group" :class="{'has-danger': errors.has('password'), 'has-success': fields.password && fields.password.valid }">
                                        <label for="password">{{ trans('admin.auth_global.password') }}</label>
                                        <div class="input-group input-group--custom">
                                            <div class="input-group-addon"><i class="input-icon input-icon--lock"></i></div>
                                            <input type="password" v-model="form.password"  class="form-control" :class="{'form-control-danger': errors.has('password'), 'form-control-success': fields.password && fields.password.valid}" id="password" name="password" placeholder="{{ trans('admin.auth_global.password') }}">
                                        </div>
                                        <div v-if="errors.has('password')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('password') }}</div>
                                    </div>

                                    <div class="form-group">
                                        <input type="hidden" name="remember" value="1">
                                        <button type="submit" class="btn btn-primary btn-block btn-spinner"><i class="fa"></i> {{ trans('admin.login.button') }}</button>
                                    </div>
                                    <div class="form-group text-center" style="margin-bottom:20px;">
                                        <a href="{{ url('/admin/register') }}" class="auth-ghost-link">{{ trans('admin.register.title') }}</a>
                                        <span class="auth-ghost-link">|</span>
                                        <a href="{{ url('/admin/password-reset') }}" class="auth-ghost-link">{{ trans('admin.login.forgot_password') }}</a>
                                    </div>
                                </div>
                            </form>
                        </auth-form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('styles')
<style>
</style>
@endsection

@section('bottom-scripts')
<script type="text/javascript">
    // fix chrome password autofill
    // https://github.com/vuejs/vue/issues/1331
    document.getElementById('password').dispatchEvent(new Event('input'));
</script>
@endsection