@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>{{ __('auth.login') }}</h3>
        <h4>{{$institute}}</h4>

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

            <login>

            </login>

            @error('lastname')
                <div class="alert alert-danger" role="alert">
                    {{ $errors->first() }}
                </div>
            @enderror
            @error('password')
                <div class="alert alert-danger" role="alert">
                    {{ $errors->first() }}
                </div>
            @enderror
        </form>
    </div>
</div>
@endsection