@extends('layouts.app')

@section('head')

    @include('layouts.css')

@endsection

@section('content')
<!--=====================================
            USER-FORM PART START
=======================================-->
    <section class="user-form-part">
        <div class="user-form-banner">
            <div class="user-form-content">
                <a href="#"><img src="{{ asset('images/logo.png') }}" alt="logo"></a>
                <h1>Promovează-ți resursele <span>Cumpără ce ai nevoie.</span></h1>
                <p>Cea mai mare piață de publicitate online din Romania.</p>
            </div>
        </div>

        <div class="user-form-category">
            <div class="user-form-header">
                <a href="#"><img src="{{ asset('images/logo.png') }}" alt="logo"></a>
                <a href='{{ url('/') }}'><i class="fas fa-arrow-left"></i></a>
            </div>
            <div class="user-form-category-btn">
                <ul class="nav nav-tabs">
                    <li><a href="{{ route('login') }}" class="nav-link active">conectare</a></li>
                    <li><a href="{{ route('register') }}" class="nav-link">înregistrare</a></li>
                </ul>
            </div>

            <div class="tab-pane active" id="login-tab">
                <div class="user-form-title">
                    <h2>Bun venit!</h2>
                    <p>Folosește datele de autentificare pentru a accesa contul tău.</p>
                </div>
                <form method="POST" action="{{ route('login') }}">
                    @csrf
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <small class="form-alert">Adresa e-mail</small>
                                <input id="email" type="email" placeholder="Adresa e-mail" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="Parolă">
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                <button type="button" class="form-icon"><i class="eye fas fa-eye"></i></button>
                                <small class="form-alert">Parola trebuie să aibă minim 8 caractere</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="remember">Ține-mă minte</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group text-right">
                                @if (Route::has('password.request'))
                                    <a href="{{ route('password.request') }}" class="form-forgot">Ai uitat parola?</a>
                                @endif
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <button type="submit" class="btn btn-inline">
                                    <i class="fas fa-unlock"></i>
                                    <span>Introduceți contul dvs.</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="user-form-direction">
                    <p>Nu aveți un cont? Dați clic pe butonul <a href="{{ route('register') }}">( Înregistrare )</a>de mai sus.</p>
                </div>
            </div>
        </div>

    </section>
@endsection


@section('scripts')

    @include('layouts.js')

@endsection