@extends('layouts.app')

@section('content')
<div id="login">
    <div id="left-login">
        <img src="{{asset('img/background/login.svg')}}" alt="alt"/>

        <h1>Elipilot</h1>
    </div>
    <div id="right-login" class="justify-content-center text-center">
        <div id="lang" onmouseover="showLanguages()" onmouseout="hideLanguages()">
            <img src="{{asset('img/flags/'.App::getLocale().'-flag.png')}}" alt="language"/>
            <div id="changeLang">
                <a>
                    <i class="fas fa-cog"></i>
                </a>

                <div id="languages" onmouseout="hideLanguages()">
                    @foreach ($languages as $lang)
                        @if($lang != App::getLocale())
                            <div>
                                <a href="{{url('/language/'.$lang)}}">
                                    <img src="{{asset('img/flags/'.$lang.'-flag.png')}}" alt="language"/>
                                </a>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>

        <div id="responsive-logo">
            <img id="logo" src="{{asset('img/links/elisath.png')}}" alt="logo"/>
            <a href="{{route('home')}}"><h1>Elipilot</h1></a>
        </div>

        <h3><i class="fas fa-lock"></i> {{ __('auth.locked') }}</h3>
        <h4>{{$institute}}</h4>

        <form method="POST" action="{{route('password.confirm')}}" class="text-center">
            @csrf

            <div class="form-group">
                <div class="col-md-12">
                    <h5><i class="fas fa-user"></i> {{Auth::user()->getFullNameAttribute()}}</h5>

                    <a href="{{ route('logout') }}"
                        onclick="event.preventDefault();
                                      document.getElementById('logout-form').submit();">{{__('auth.change_user')}}</a>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-12">
                    <label for="password" class="col-md-4 col-form-label">{{ __('passwords.password') }}</label>

                    <br>

                    <input type="password" class="@error('password') is-invalid @enderror" name="password" required>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-12">
                    
                    @error('username')
                        <div class="alert alert-danger" role="alert">
                            {{ $errors->first() }}
                        </div>
                    @enderror
                    @error('password')
                        <div class="alert alert-danger" role="alert">
                            {{ $errors->first() }}
                        </div>
                    @enderror

                    <br>

                    <button type="submit">
                        {{ __('auth.unlock') }}
                    </button>
                </div>
            </div>
        </form>

        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
            @csrf
        </form>
    </div>
</div>
@endsection