@extends('layouts.app')
@section('title')
   <title>{{$configration->app_name}}|{{trans('home.login')}}</title>
@endsection
@section('content')
  <!--================= back wrapper Start Here =================-->

 <div class="login-registration-wrapper shape-move">

        <div class="shape-image">
            <div class="shape one" data-speed="0.04" data-revert="true"><img src="{{ Helper::imageFilesPath('banner/shape/banner-shape02.svg')}}" alt="shape_image"></div>
            <div class="shape two" data-speed="0.04"><img src="{{ Helper::imageFilesPath('banner/shape/banner-shape02.svg')}}" alt="shape_image"></div>
            <div class="shape three" data-speed="0.04"><img src="{{ Helper::imageFilesPath('banner/shape/03.svg')}}" alt="shape_image"></div>
        </div>
        <div class="container">
            <div class="row g-0">
                <div class="col-lg-6 m-auto d-flex justify-content-center">
                    <div class="login-page-form-area">
                        <div class="w-100 d-flex justify-content-center mb-5 pb-4">

                            <a    href="{{LaravelLocalization::localizeUrl('/')}}">
                                <img width="190px"  class='loginLogo' src="{{ Helper::imageFilesPath('logo/brand.png')}}" alt="">
                            </a>
                        </div>
                        <h4 class="title">{{trans('home.login')}}</h4>
                        <form method="POST" action="{{ route('login') }}">
                            @csrf
                            <div class="single-input-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16">
                                    <g transform="translate(0)">
                                    <path d="M23.983,101.792a1.3,1.3,0,0,0-1.229-1.347h0l-21.525.032a1.169,1.169,0,0,0-.869.4,1.41,1.41,0,0,0-.359.954L.017,115.1a1.408,1.408,0,0,0,.361.953,1.169,1.169,0,0,0,.868.394h0l21.525-.032A1.3,1.3,0,0,0,24,115.062Zm-2.58,0L12,108.967,2.58,101.824Zm-5.427,8.525,5.577,4.745-19.124.029,5.611-4.774a.719.719,0,0,0,.109-.946.579.579,0,0,0-.862-.12L1.245,114.4,1.23,102.44l10.422,7.9a.57.57,0,0,0,.7,0l10.4-7.934.016,11.986-6.04-5.139a.579.579,0,0,0-.862.12A.719.719,0,0,0,15.977,110.321Z" transform="translate(0 -100.445)"></path>
                                    </g>
                                    </svg>
                                 <input id="email" type="text" name="email" placeholder="{{ trans('home.email') }}" required>
                            </div>
                            <div class="single-input-wrapper">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24">
                                    <g transform="translate(0)">
                                    <g transform="translate(5.457 12.224)">
                                    <path d="M207.734,276.673a2.543,2.543,0,0,0-1.749,4.389v2.3a1.749,1.749,0,1,0,3.5,0v-2.3a2.543,2.543,0,0,0-1.749-4.389Zm.9,3.5a1.212,1.212,0,0,0-.382.877v2.31a.518.518,0,1,1-1.035,0v-2.31a1.212,1.212,0,0,0-.382-.877,1.3,1.3,0,0,1-.412-.955,1.311,1.311,0,1,1,2.622,0A1.3,1.3,0,0,1,208.633,280.17Z" transform="translate(-205.191 -276.673)"></path>
                                    </g>
                                    <path d="M84.521,9.838H82.933V5.253a4.841,4.841,0,1,0-9.646,0V9.838H71.7a1.666,1.666,0,0,0-1.589,1.73v10.7A1.666,1.666,0,0,0,71.7,24H84.521a1.666,1.666,0,0,0,1.589-1.73v-10.7A1.666,1.666,0,0,0,84.521,9.838ZM74.346,5.253a3.778,3.778,0,1,1,7.528,0V9.838H74.346ZM85.051,22.27h0a.555.555,0,0,1-.53.577H71.7a.555.555,0,0,1-.53-.577v-10.7a.555.555,0,0,1,.53-.577H84.521a.555.555,0,0,1,.53.577Z" transform="translate(-70.11)"></path>
                                    </g>    
                                </svg>
                                 <input id="password" name="password" type="password" placeholder="{{ trans('home.password') }}" required>
                                 <!-- eye icon --> 
                                 <div class="input-group-append">
                                     <svg xmlns="http://www.w3.org/2000/svg" class=" eyeIcon" width="24" height="16" viewBox="0 0 24 16">
                                        <g transform="translate(0 0)">
                                        <g transform="translate(0 0)">
                                        <path d="M23.609,117.568a15.656,15.656,0,0,0-5.045-4.859,12.823,12.823,0,0,0-6.38-1.811c-.062,0-.309,0-.371,0a12.823,12.823,0,0,0-6.38,1.811,15.656,15.656,0,0,0-5.045,4.859,2.464,2.464,0,0,0,0,2.658,15.656,15.656,0,0,0,5.045,4.859,12.822,12.822,0,0,0,6.38,1.811c.062,0,.309,0,.371,0a12.823,12.823,0,0,0,6.38-1.811,15.656,15.656,0,0,0,5.045-4.859A2.464,2.464,0,0,0,23.609,117.568Zm-17.74,6.489a14.622,14.622,0,0,1-4.712-4.538,1.155,1.155,0,0,1,0-1.245,14.621,14.621,0,0,1,4.712-4.538,12.747,12.747,0,0,1,1.586-.79,8.964,8.964,0,0,0,0,11.9A12.748,12.748,0,0,1,5.869,124.057ZM12,125.75c-3.213,0-5.827-3.074-5.827-6.853s2.614-6.853,5.827-6.853,5.827,3.074,5.827,6.853S15.211,125.75,12,125.75Zm10.841-6.23a14.621,14.621,0,0,1-4.712,4.538,12.737,12.737,0,0,1-1.585.788,8.964,8.964,0,0,0,0-11.9,12.74,12.74,0,0,1,1.587.791,14.622,14.622,0,0,1,4.712,4.538A1.155,1.155,0,0,1,22.839,119.52Z" transform="translate(0.002 -110.897)"></path>
                                        </g>
                                        <g transform="translate(9.565 5.565)">
                                        <path d="M205.24,202.8a2.435,2.435,0,1,0,2.435,2.435A2.438,2.438,0,0,0,205.24,202.8Zm0,3.917a1.482,1.482,0,1,1,1.482-1.482A1.483,1.483,0,0,1,205.24,206.721Z" transform="translate(-202.805 -202.804)"></path>
                                        </g>
                                        </g>
                                    </svg>
                                 </div>
                            </div>
                            
                            <div class="single-input-wrapper">
                               
                                <select id="type" name="user_type" required>
                                    <option value="">{{ trans('home.login_as') }}</option>
                                    <option value="student">{{ trans('home.student') }}</option>
                                    <option value="other">{{ trans('home.other') }}</option>
                                </select>
                            </div>
                            
                            <div class="single-checkbox-filter">
                                <div class="check-box">
                                    <input type="checkbox" id="type-1">
                                    <label for="type-1">{{ trans('home.remeber_me') }}
                                    </label><br>
                                </div>
                            </div>
                            <button class="rts-btn btn-primary" type="submit" > {{__('home.login')}} </button>

                            {{--<div class="google-apple-wrapper">
                                <div class="google">
                                    <img src="{{ Helper::imageFilesPath('contact/06.png')}}" alt="contact">
                                </div>
                                <div class="face">
                                    <img width="120px" src="{{ Helper::imageFilesPath('contact/07.png')}}" alt="contact">
                                </div>
                            </div> --}}
                            <p>{{__("home.Dont have an account?")}}<a    href="{{LaravelLocalization::localizeUrl('/register?userType=student')}}"> {{__('home.register')}} </a></p>
                        </form>
                    </div>
                </div>
               
            </div>
        </div>
    </div>
@endsection