@extends('User.layouts.layout')
@section('desc_text',__('messages.login'))
@section('breadcrumb',__('messages.login'))
@section('contents')
<div class="card mx-4 mx-md-5 shadow-5-strong" style="background: hsla(0, 0%, 100%, 0.8); backdrop-filter: blur(30px);">
    <div class="card-body py-5 px-md-5">

        <div class="row d-flex justify-content-center">
            <div class="col-lg-8">
                <h2 class="fw-bold mb-5">{{ trans('messages.LOGIN TO YOUR PROFILE') }}</h2>
                <form action="{{ route('user.postLogin') }}" method="POST">
                    @csrf
                    <div class="form-outline mb-4">
                        <label class="form-label" for="form3Example3">{{ trans('messages.Email') }}</label>
                        <input type="email" name="email" class="form-control" />
                    </div>

                    <div class="form-outline mb-4">
                        <label class="form-label" for="form3Example4">{{ trans('messages.Password') }}</label>
                        <input type="password" name="password" class="form-control" />
                    </div>

                    <div class="mx-auto text-center">
                        <button type="submit" class="main_bt transition-me shadow-sm rounded px-4 py-2 border-0 tiny_font  text-decoration-none">
                            {{ trans('messages.Login') }}
                        </button>
                    </div>
                </form>

                <div class="text-center my-3">
                    <p>{{ trans('website.dontHaveAccount') }} {{ trans('messages.orregister') }}:</p>
                    <a href="{{ route('user.redirectToGoogle') }}" class="btn btn-link btn-floating mx-1 main_link">
                        <i class="fab fa-google"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


@push('extra-js')
    @toastr_js
    @toastr_render
@endpush