@extends('website.layouts.master')
@section('content')
    <!-- Start Banar -->
    <div class="banar text-center">
        <div class="info" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
            <i class="fas fa-user fa-4x"></i>
            <h1 class="mt-4">{{trans('sidebar.login')}}</h1>
        </div>
    </div>
    <!-- End Banar -->
    <!-- ================================================= -->
    <!-- Start Login -->
    <div class="login">
        <div class="container">
            <div class="row">
                <div class="box m-auto col-md-8">
                    <a class="link active" href="#">{{trans('sidebar.login')}}</a>
                    <form method="POST" action="{{ route('login') }}">
                        @csrf
                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" class="mt-4" for="tel">{{trans('sidebar.national_id')}}</label>
                        <div class="input-group tel" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <img src="{{asset('website/images/Icon feather-phone-call.png')}}" alt="">
                            <input name="national_id" type="number" class="form-control">
                            @error('national_id')
                            <span class="invalid-feedback text-danger" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                    </span>
                            @enderror
                        </div>

                        <label data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in"  class="mt-4" for="pass">{{trans('sidebar.password')}}</label>
                        <div class="input-group" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <img src="{{asset('website/images/Group 3089.png')}}" alt="">
                            <input id="pass" type="password" name="password" class="form-control">
                            @error('password')
                            <span class="invalid-feedback text-danger" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                    </span>
                            @enderror
                            <a  id="eye">
                                <i class="fas fa-eye eye"></i>
                            </a>
                            <a id="eye1">
                                <i  class="fas fa-eye-slash eye1"></i>
                            </a>
                        </div>

                        <a href="{{route('password.update')}}" class="forget" data-aos-delay="100" data-aos-duration="800" data-aos="fade-up" >{{trans('sidebar.forget_password')}}</a>

                        <button class="submit mt-5" type="submit" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in" >
                            {{trans('sidebar.login')}}</button>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End Login -->
@endsection