@extends('layouts.simple')

@section('content')
<div class="bg-image" style="background-image: url('media/photos/photo11@2x.jpg');">
    <div class="row no-gutters bg-primary-op">
        <!-- Main Section -->
        <div class="hero-static col-md-6 d-flex align-items-center bg-white">
            <div class="p-3 w-100">
                <!-- Header -->
                <div class="mb-3 text-center">
                    <a class="link-fx font-w700 font-size-h1" href="{{ route('home') }}">
                        <span class="text-dark">{{ config('app.name', 'Laravel') }}</span>
                    </a>
                    <p class="text-uppercase font-w700 font-size-sm text-muted">{{ __('Sign In') }}</p>
                </div>
                <!-- END Header -->

                <!-- Sign In Form -->
                <!-- jQuery Validation (.js-validation-signin class is initialized in js/pages/op_auth_signin.min.js which was auto compiled from _es6/pages/op_auth_signin.js) -->
                <!-- For more info and examples you can check out https://github.com/jzaefferer/jquery-validation -->
                <div class="row no-gutters justify-content-center">
                    <div class="col-sm-8 col-xl-6">
                        <form method="POST" action="{{ route('login') }}">
                        @csrf
                            <div class="py-3">
                                <div class="form-group">
                                    <select class="form-control" id="languageSelector">
                                        <option @if(Session::has('locale') && Session::get('locale')=="hu") selected="selected" @endif value="{{ route("languageChange", ["locale" => "hu"]) }}">{{ __('Magyar') }}</option>
                                        <option @if(Session::has('locale') && Session::get('locale')=="en") selected="selected" @endif value="{{ route("languageChange", ["locale" => "en"]) }}">{{ __('English') }}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <input id="email" type="email" placeholder="{{ __('Email') }}" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }} form-control-lg form-control-alt" name="email" value="{{ old('email') }}" required autofocus>

                                    @if ($errors->has('email'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <input id="password" type="password" placeholder="{{ __('Password') }}" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }} form-control-lg form-control-alt" name="password" required>

                                    @if ($errors->has('password'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-block btn-hero-lg btn-hero-primary">
                                    <i class="fa fa-fw fa-sign-in-alt mr-1"></i> {{ __('Sign In') }}
                                </button>
                                <p class="mt-3 mb-0 d-lg-flex justify-content-lg-between">
                                    <a class="btn btn-sm btn-light d-block d-lg-inline-block mb-1" href="{{ route('password.email') }}">
                                        <i class="fa fa-exclamation-triangle text-muted mr-1"></i> {{ __('Forgot password') }}
                                    </a>
                                </p>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- END Sign In Form -->
            </div>
        </div>
        <!-- END Main Section -->

        <!-- Meta Info Section -->
        <div class="hero-static col-md-6 d-none d-md-flex align-items-md-center justify-content-md-center text-md-center">
            <div class="p-3">
                <p class="display-4 font-w700 text-white mb-3">
                    {{ __('Kema Cloud RMS') }}
                </p>
                <p class="font-size-lg font-w600 text-white-75 mb-0">
                    Copyright © <span class="js-year-copy">2019</span>
                </p>
            </div>
        </div>
        <!-- END Meta Info Section -->
    </div>
</div>
@endsection