@extends('front.layout-ref')

@section('ls_scripts')
<link rel="stylesheet" href="{{ asset('intl-tel-input/css/intlTelInput.css') }}" />
<link rel="stylesheet" href="{{ asset('intl-tel-input/css/demo.css') }}" />
@endsection

@section('content')
<style>
    .iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.form-group label, .extra-action-link{
  font-size:14px !important;
}

.login-registration-submit-button{
    font-size: 14px !important;
    color:black !important;
    font-weight:700 !important;
}
</style>
<main class="container-fluid main-content-ls-section p-0 px-xl-3 py-xl-5" style="max-width:1776px !important;overflow:hidden !important;">
    <div class="row p-3 pt-xl-5">
      <div class="col-12 col-md-7 p-1">
            @if(get_live_stream_setting('auth_page_display'))                      
                @php
                    $authfeaturedpage = url('setting-images').'/'.get_live_stream_setting('auth_page_display')->value;
                @endphp
            @else 
                @php
                    $authfeaturedpage = "";
                @endphp
            @endif
            <img class="img-fluid movies-collection-image" src="{{$authfeaturedpage}}" />
      </div>
      <div class="col-12 col-md-4 p-3">
      <form action="{{ route('front.userLogin') }}" method="post">
                                {{ csrf_field() }}
                                 @honeypot
                                <h3 class="h3 fw-bold mb-3" style="color:#fff;">In case you forgot password</h3>
                                
                                <div class="form-group mb-3">
                                        <label class="text-white">Email*</label>
                                        <input type="email" name="email" class="form-control bg-accent-color border-0" style="padding-top:12px !important;padding-bottom:12px !important;"  value="{{old('email')}}" placeholder=" " required>
                                    </div>
                                    <div class="form-group">
                                        {!! NoCaptcha::renderJs() !!}
                                        {!! NoCaptcha::display() !!}
                                    </div>
                                    
                                    <div class="form-group w-100 my-3">
                                        <button class="btn btn-lg w-100 border-0 fw-bold login-registration-submit-button" style="background-color:rgb(253, 22, 0) !important;">Submit</button>
                                    </div>
                                
                                @if(\Session::has('error'))
                                    <div class="col-xs-12">
                                        <li class="alert alert-danger">{!! \Session::get('error') !!}</li>
                                    </div>
                                @endif

                                @if ($errors->any())
                                    <div class="col-xs-12">
                                        @foreach ($errors->all() as $error)
                                            <li class="alert alert-danger">{{ $error }}</li>
                                        @endforeach
                                    </div>
                                @endif
                            </form>
      </div>
    </div>

</main>
@endsection