@extends('layouts.user_type.guest')
@section('header_title', __('ورود'))

@section('content')
    <div style="direction: rtl;">

        <div class="register">
            <div class="manual-register-form">
                @if(session('error'))
                    <div class="alert alert-danger alert-dismissible fade show row" role="alert">
                        <div class="col">
                            {{ session('error') }}
                        </div>
                        <button type="button" class="close btn btn-sm btn-secondary col-auto" data-bs-dismiss="alert" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>

                @endif
                <div class="logo">
                    <a href="{{ localized_route('home') }}">
                        <img src="{{url('/')}}/images/logo.png" alt="logo" class="logo_img">
                        <span>{{ setting('site_name') }}</span>
                    </a>
                </div>
                <form id="ajax_login" class="ajax_form" method="POST" action="{{localized_route('login.post')}}">
                    @csrf
                    <div class="msg"></div>

                    <div class="input_float_label">
                    <label for="user_login">{{ __('شماره موبایل') }}</label>
                        <input class="register-input login_username" id="user_login" name="tel" type="text">
                                                @error('tel')
                        <p class="text-danger text-xs mt-2">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input_float_label">
                    <label for="password">{{ __('رمزعبور شما') }}</label>
                        <input type="password" class="register-input login_password" id="password" name="password">
                                                @error('password')
                        <p class="text-danger text-xs mt-2">{{ $message }}</p>
                        @enderror
                        <button type="button" class="kelaket_showpass" aria-label="show password"><i class="fa fa-eye"></i></button>
                    </div>


                    <div class="mt-4">
                    <button class="ajax_from__login">{{ __('ورود به پنل کاربری') }}</button>
                    </div>

                    <a class="lost_pass_link" href="{{localized_route('forgot')}}">
                        <i class="fas fa-lock-alt"></i>
                    {{ __('فراموشی رمز') }}      </a>
                    <div class="ajax_form__links mt-4">
            <a class="custom_register_button" href="{{localized_route('register')}}">{{ __('عضویت در سایت') }}</a>
                    </div>
                </form>
            </div>
        </div>


    </div>

@endsection