@extends('master.front')
@section('title')
    {{__('Login')}}
@endsection
@section('content')

    <!-- Page Title-->
<div class="page-title">
    <div class="container">
      <div class="row">
          <div class="col-lg-12">
            <ul class="breadcrumbs">
                <li><a href="{{route('front.index')}}">{{__('Home')}}</a> </li>
                <li class="separator"></li>
                <li>{{__('Login')}}</li>
              </ul>
          </div>
      </div>
    </div>
  </div>
  <!-- Page Content-->

  <div class="container padding-bottom-3x mb-1">
    <div class="row justify-content-center">
            <div class="col-md-6">
              <form class="card auth-form-card" method="post" action="{{route('user.login.submit')}}">
                  @csrf
                <div class="card-body ">
                  <h4 class="margin-bottom-1x text-center">{{__('Login')}}</h4>
  
                  <div class="form-group input-group">
                    <input class="form-control" type="email" name="login_email" placeholder="{{ __('Email') }}" value="{{old('login_email')}}"><span class="input-group-addon"><i class="icon-mail"></i></span>
                  </div>
                  @error('login_email')
                    <p class="text-danger">{{$message}}</p>
                    @enderror
  
                  <div class="form-group input-group">
                    <input class="form-control" type="password" name="login_password" placeholder="{{ __('Password') }}" ><span class="input-group-addon"><i class="icon-lock"></i></span>
                  </div>
                  @error('login_password')
                      <p class="text-danger">{{$message}}</p>
                  @enderror
  
                  <div class="d-flex flex-wrap justify-content-between padding-bottom-1x">
                    <div class="custom-control custom-checkbox">
                      <p>{{ __('Not registered ?') }}  <a class="text-base-color" href="{{ route("user.register") }}">{{ __('Register now') }}</a></p>
                    </div>
                    <a class="navi-link" href="{{route('user.forgot')}}">{{__('Forgot password?')}}</a>
                  </div>
               
                  <div class="text-center">
                    <button style="background-color: {{ $setting->primary_color }};" class="btn btn-primary margin-bottom-none" type="submit"><span>{{ __('Login') }}</span></button>
                  </div>
                  <div class="row">
                      <div class="d-flex mt-3">
                      @if($setting->facebook_check == 1)
                      <a class="facebook-btn flex-fill text-center mr-2" href="{{route('social.provider','facebook')}}"> <i class="icon-facebook"></i> {{ __('Facebook login') }}
                      </a>
                      @endif
                      @if($setting->google_check == 1)
                      <a class="google-btn flex-fill text-center" href="{{route('social.provider','google')}}"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
                        <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"/>
                      </svg> {{ __('Google login') }}
                      </a>
                      @endif
                    </div>
                    </div>
                </div>
              </form>
            </div>
          </div>
    </div>
  <!-- Site Footer-->
@endsection