@extends('layouts.app')

@section('content')

<div id="login-page" class="page">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="logo">
                    <img src="{{ asset('/storage/' . getSettings()->logo_url) }}" alt="">
                </div>
                <div class="login-wrapper">
                    <form action="{{ route('login') }}" method="POST">
                        @csrf

                        <div class="mb-3">
                            <label for="username" class="form-label">@lang('main.email')</label>
                            <input type="email" class="form-control" name="email" id="username" placeholder="ادخل البريد الالكتروني">
                        </div>
                        <div class="mb-3">
                            <label for="password" class="form-label">@lang('main.password')</label>
                            <input type="password" class="form-control" name="password" id="password" placeholder="ادخل كلمة المرور">
                            {{-- <a href="#">فقدت كلمة المرور</a> --}}
                        </div>
                        <div class="mb-3">
                            <button class="btn btn-solid-blue" type="submit">@lang('main.login')</button>
                        </div>
                    </form>
                </div>
                <a href="{{ route('home') }}">
                    @lang('main.back_to_home_page')
                </a>
            </div>
        </div>
    </div>
</div>

@endsection