@extends('layouts.auth')
@section('title')
    {{ trans_choice('general.login',1) }}
@endsection

@section('content')
<div  class="col-md-7 bg-img" style="background-image: url('{{ asset('assets/landing_page/img/azurefront.jpg') }}');background-position: center;
  background-repeat: no-repeat; background-size: cover; height: 100%; width: 60%;">
  <div class="align-middle" style="margin-top: 150px;color:#FFF;"><h2 style="font-size: 60px;font-weight: bold;font-family: apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';letter-spacing: 0.0312rem;">
  Welcome To <br>Crescendo Advisory Services <br>Core Banking</h2></div>

</div>
<div class="col-md-5" style="background-color:#ffffff;height: 100%; width: 40%;">
<div class="login-box">
        <div class="login-logo">
        <img src="{{asset('assets/landing_page/img/logo.jpg') }}" style="width: 90%;height: 300px;"/>
            <!-- @if(!empty(\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value))
                <img src="{{asset('uploads/'.\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value) }}"
                     class="" height="100"/>
            @else
                {{ \App\Models\Setting::where('setting_key','company_name')->first()->setting_value }}
            @endif -->
        </div>
        <!-- /.login-logo -->
        <div class="login-box-body">
            @if(Session::has('flash_notification.message'))
                <script>toastr.{{ Session::get('flash_notification.level') }}('{{ Session::get("flash_notification.message") }}', 'Response Status')</script>
            @endif
            @if (isset($msg))
                <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{ $msg }}
                </div>
            @endif
            @if (isset($error))
                <div class="alert alert-error">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{ $error }}
                </div>
            @endif
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <h3 class="login-box-msg"style="
    margin-top: -90px;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    font-family: apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';letter-spacing: 0.0312rem;
    font-weight: 700;"><strong>Access Your Workspace</strong></h3>
            <form action="{{url('login')}}" method="post" class="login-form">
                {{csrf_field()}}
                <!-- <p class="login-box-msg">{{ trans_choice('general.sign_in',1) }}</p> -->
                <div class="form-group has-feedback">
                    <input type="email" name="email" class="form-control"
                           placeholder="{{ trans_choice('general.email',1) }}"
                           required>
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" name="password" class="form-control"
                           placeholder="{{ trans_choice('general.password',1) }}"
                           required>
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>
                <div class="row">
                    <!-- <div class="col-xs-8">
                        <div class="checkbox icheck">
                            <label>
                                <input type="checkbox" name="remember" value="1"> {{ trans('general.remember_me') }}
                            </label>
                        </div>
                    </div> -->
                    <!-- /.col -->
                    <div class="col-xs-8">
                        <button type="submit"
                                class="btn btn-block btn-flat" style="width:80%; color:#ffffff; background-color:#007FFF;">{{ trans_choice('general.sign_in',1) }}</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>
            <!-- <a href="{{'password_reset'}}">{{ trans_choice('general.forgot_password_msg',1) }}</a><br> -->
        </div>

    </div>


</div>
</div>

@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' /* optional */
            });
            $(".login-form").validate({
                rules: {
                    field: {
                        required: true,
                        step: 10
                    },
                }, highlight: function (element) {
                    $(element).closest('.form-group').addClass('has-error');
                },
                unhighlight: function (element) {
                    $(element).closest('.form-group').removeClass('has-error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                errorPlacement: function (error, element) {
                    if (element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
        });
    </script>
@endsection