@extends('authentication.layout.app')

@section('title')
    {{ __('برنامج خطتي المدرسية | تسجيل الدخول') }}
@endsection

@section('content')
    <div class="content-wrapper d-flex flex-column min-vh-100">
        <div class="content-body flex-grow-1">
            <div class="auth-wrapper auth-v1 px-2 py-5">
                <div class="auth-inner py-2">
                    <!-- Login v1 -->
                    <div class="card mb-0 shadow-sm">
                        <div class="card-body">
                            <div class="pt-2">
                                <h4 class="mb-1 text-left"> مرحبـا بـك ! 👋</h4>
                                <p class="mb-6">{{ __('إدارة مدرستك تبدأ هنا. سجّل دخولك الآن.') }} </p>

                            </div>
                            {{-- <x-alert /> --}}
                            <form action="{{ route('login') }}" method="POST" class="pt-2">
                                @csrf
                                <div class="form-group">
                                    <label
                                        for="email"><strong>{{ __('البريد الإلكتروني أو اسم المستخدم') }}</strong></label>
                                    <input type="text" id="email"
                                        class="form-control @error('email') is-invalid @enderror" name="email"
                                        value="{{ old('email') }}" autofocus>
                                    @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="password"><strong>{{ __('كلمة المرور') }}</strong></label>

                                    <div class="input-group form-password-toggle input-group-merge">
                                        <input type="password" class="form-control @error('password') is-invalid @enderror"
                                            id="password" name="password" />
                                        <div class="input-group-append">
                                            <div class="input-group-text cursor-pointer">
                                                <i data-feather="eye"></i>
                                            </div>
                                        </div>
                                        @error('password')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-row d-flex justify-content-between align-items-center mt-2 mb-2">
                                    <div class="form-group">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" id="remember_me" class="custom-control-input"
                                                name="remember">
                                            <label class="custom-control-label"
                                                for="remember_me">{{ __('تذكرني') }}</label>
                                        </div>
                                    </div>
                                    {{-- <div class="form-group">
                                        @if (Route::has('password.request'))
                                            <a href="{{ route('password.request') }}">{{ __('هل نسيت كلمة المرور؟') }}</a>
                                        @endif
                                    </div> --}}
                                </div>

                                <div class="text-center">
                                    <button type="submit"
                                        class="btn btn-primary btn-block">{{ __('تسجيل الدخول') }}</button>
                                </div>
                            </form>
                            <p class="text-center">
                            <div class="text-body text-center pt-2">
                                جميع
                                الحقوق محفوظة 2024 @ <a href="https://e-tec.sa" target="_blank" class="footer-link"> إتمام
                                    لتقنية نظم
                                    المعلومات ❤️ </a>
                            </div>
                        </div>
                        </p>
                    </div>
                </div>
                <!-- /Login v1 -->
            </div>
        </div>
    </div>
    </div>
@endsection

@section('js')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        feather.replace()
    </script>
@endsection