@extends('layouts.auth2')
@section('title', __('auth.login'))

@section('content')
    <div class="login-form col-lg-5 col-md-5 col-12">
        <div class="bg-white rounded10 shadow-lg">
            <div class="content-top-agile p-20 pb-0">
                <a href="/">
                    @if(file_exists(public_path('uploads/logo.png')))
                        <img src="/uploads/logo.png" class="img-rounded" alt="Logo" width="150">
                    @else
                        <h2 class="text-primary">{{ config('auth.name', 'OlivePOS') }}</h2>
                    @endif
                </a>
                <h2 class="text-primary">@lang('auth.lets_get_started')</h2>
                <p class="mb-0">@lang('auth.sing_in_to_continue')</p>
            </div>
            <div class="p-40">
                <form novalidate method="POST" action="{{ route('login') }}" id="login-form">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <div class="controls">
                            <div class="input-group">
                                <span class="input-group-text bg-transparent"><i class="ti-user"></i></span>
                                <input id="username" type="text" class="form-control" name="username" required autofocus
                                       placeholder="@lang('auth.username')">


                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="controls">
                            <div class="input-group">
                                <span class="input-group-text  bg-transparent"><i class="ti-lock"></i></span>
                                <input id="password" type="password" class="form-control" name="password"
                                       required placeholder="@lang('auth.password')">

                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6">
                            <div class="checkbox">
                                <input type="checkbox" id='remember_me'
                                       name="remember" {{ old('remember') ? 'checked' : '' }}>
                                <label for="remember_me"> @lang('auth.remember_me')
                                </label>
                            </div>
                        </div>
                        <!-- /.col -->
                        <div class="col-6">
                            <div class="fog-pwd text-end">
                                <a href="{{ route('password.request') }}" class="hover-warning"><i
                                            class="ion ion-locked"></i> @lang('auth.forgot_your_password')</a><br>
                            </div>
                        </div>
                        <!-- /.col -->
                        <div class="col-12 text-center">
                            <button type="submit" class="btn btn-danger mt-10">@lang('auth.login')</button>
                        </div>
                        <!-- /.col -->
                    </div>
                </form>
                            </div>
        </div>

    </div>

@stop

@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {
            $('#change_lang').change(function() {
                window.location = "{{ route('login') }}?lang=" + $(this).val();
            });


        });
    </script>
@endsection