<x-guest-layout>
    <div class="container-fluid">
        <div class="row">
            <div class="faded-bg animated"></div>
            <div class="hidden-xs col-sm-7 col-md-8">
                <div class="clearfix">
                    <div class="col-sm-12 col-md-10 col-md-offset-2">
                    <marquee  direction="left" width="100%" height="50" style="ARIAL: 200%; font-size: 20pt; color:#e6b800; " scrolldelay="10" scrollamount="3"onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" > <b style="text-transform:uppercase">{{__('It is very important for agents to read our') }}<a style="text-decoration: underline;" href="https://www.mmtbook.com/terms.pdf" target="_blank" > passenger ticket contract terms</a>{{__(' before starting the booking process. Thank you ') }}</B> </marquee>
                        <div class="logo-title-container">
                            <img class="img-responsive pull-left flip logo hidden-xs animated fadeIn" src="/img/voyager-assets-1.png" alt="Logo Icon">
                            <div class="copy animated fadeIn">
                                <h1>M.M.T</h1>
                                <p>{{__('Welcome to Misurata Marine Terminal Book') }}</p>
                            </div>
                        </div> <!-- .logo-title-container -->
                    </div>
                </div>
            </div>
    
            <div class="col-xs-12 col-sm-5 col-md-4 login-sidebar" style="background-color: #e6eeff;">
                <div class="login-container">
    
                    <p>{{__('Sign In Below:') }}</p>
    
                    <form method="POST" action="{{ route('login') }}">
                        @csrf
    
                        <div class="form-group form-group-default" id="emailGroup">
                            <label>{{__('E-mail') }}</label>
                            <div class="controls">
                                <input id="email" type="email" value="{{ old('email') }}" placeholder="E-mail" class="form-control @error('email') is-invalid @enderror" name="email" value="{{  $email ?? '' }}" required autocomplete="email" autofocus>
                            </div>
                        </div>
    
                        <div class="form-group form-group-default " id="passwordGroup">
                            <label>{{__('Password:') }}</label>
                            <div class="controls">
                                <input id="password" type="password" placeholder="Password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
                            </div>
                        </div>
    
                        <div class="form-group" id="rememberMeGroup">
                            <div class="controls">
                                <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                                <label for="remember" class="remember-me-text">Remember me</label>
                            </div>
                        </div>
    
                        <button type="submit" class="btn btn-info" type="button">
                            {{__('Login') }}
                        </button>
                    </form>
    
                    <div style="clear:both"></div>
    
                    @if(!$errors->isEmpty())
                    <div class="alert alert-red">
                        <ul class="list-unstyled">
                            @foreach($errors->all() as $err)
                            <li>{{ $err }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
    
    
                </div> <!-- .login-container -->
    
            </div> <!-- .login-sidebar -->
        </div> <!-- .row -->
    </div> <!-- .container-fluid -->
    
</x-guest-layout>
