@extends('student.layouts.auth')
@section('title', 'Login')
@section('content')


@php
    if($dataConfigs['brand'] == 'default' || $dataConfigs['brand'] =='dark'){
      $logo = $dataConfigs['logo_dark'];
    } else {
      $logo = $dataConfigs['logo'];
    }
    $favicon = $dataConfigs['favicon'] ?? null;
    $navBar = $dataConfigs['nav_bar'] ?? null;
    $brand = $dataConfigs['brand'] ?? null;

    $slide1 =  env('S3_PATH') ."/default/login_images/". $brand."_slide1.png";
    $slide2 =  env('S3_PATH') ."/default/login_images/". $brand."_slide2.png";
    $slide3 =  env('S3_PATH') ."/default/login_images/". $brand."_slide3.png";

@endphp


<div class="container-login" id="container-login">
		<div class="forms-container log-in-containers">
      <form class="login-form" method="POST" action="{{ url($_SERVER['REQUEST_URI']) }}">
         @csrf
         <div class="d-flex justify-content-center align-items-center pb-2 mb-4">
                  <div class="ui-w-140">
                        <div class="w-100 position-relative">
                           {{--<img src="{{asset($dataSettings['logo'] ?? null)}}" alt="Logo" class="img-fluid"> --}}
                          
                              <img src="{{ $logo }}" class="mobile-logo ht-60 dark-logo-1" alt="logo">
                          
                           <div class="clearfix"></div>
                        </div>
                  </div>
               </div>
				<h5 class="heading text-center font-weight-normal mb-2">Login with your account details.</h5>
             @include('common.alert')
				<input class="login-input" type="email" name="email" value="{{ old('email') }}" required  placeholder="Email address">
            <input class="login-input" type="password" name="password"  placeholder="Password" required>
				<a class="forget"href="{{ _route('student.password.request') }}">Forgot your password?</a>
				<button class="login-button"type="submit" >Login</button>
			</form>
		</div>
		<div class="overlay-container">
			<div class="overlay">
				<div class="overlay-panel overlay-right">
            <div id="Mycarousel" class="carousel slide" data-bs-ride="carousel">
               <ol class="carousel-indicators">
                  <li data-bs-target="#Mycarousel" data-bs-slide-to="0" class="active"></li>
                  <li data-bs-target="#Mycarousel" data-bs-slide-to="1"></li>
                  <li data-bs-target="#Mycarousel" data-bs-slide-to="2"></li>
               </ol>
               <div class="carousel-inner">
                  <div class="carousel-item active">
                     <img class="d-block w-100" src="{{$slide1}}" alt="First slide">
                  </div>
                  <div class="carousel-item">
                     <img class="d-block w-100" src="{{$slide2}}" alt="First slide">
                  </div>
                  <div class="carousel-item">
                     <img class="d-block w-100" src="{{$slide3}}" alt="Third slide">
                  </div>
               </div>
               <a class="carousel-control-prev" href="#Mycarousel" role="button" data-bs-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
               </a>
               <a class="carousel-control-next" href="#Mycarousel" role="button" data-bs-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
               </a>
            </div>
            </div>
			</div>
		</div>
	</div>
   @endsection