@extends('layouts.guest')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')

@endpush
@section('content')
    <div class="bg-light min-vh-100 d-flex flex-row align-items-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-4">
                    <div class="card-group d-block d-md-flex row">
                        <div class="card col-md-5 p-4 mb-0">
                            <div class="card-body">
                                <form method="{{$method}}" action="{{$action}}" enctype="{{$enctype}}">
                                    @csrf
                                    <h1>{{(!empty($title) && isset($title)) ? $title : ''}}</h1>
                                    <p class="text-medium-emphasis">{{(!empty($description) && isset($description)) ? $description : ''}}</p>
                                    <div class="input-group mb-3">
                                        <span class="input-group-text">
                                            <i class="icon cil-user"></i>
                                        </span>
                                        <input class="form-control @error('email') is-invalid @enderror" type="email"
                                               placeholder="Email" name="email" value="{{old('email')}}">
                                    </div>
                                    @error('email')
                                    <strong class="text-danger">{{ $message }}</strong>
                                    @enderror
                                    <div class="input-group mb-4">
                                        <span class="input-group-text">
                                             <i class="icon cil-lock-locked"></i>
                                        </span>
                                        <input class="form-control @error('password') is-invalid @enderror"
                                               type="password" name="password" placeholder="Password">
                                    </div>
                                    @error('password')
                                    <strong class="text-danger">{{ $message }}</strong>
                                    @enderror
                                    <div class="input-group mb-4">
                                        <div class="block">
                                            <label for="remember_me" class="inline-flex items-center">
                                                <input id="remember_me" type="checkbox"
                                                       class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
                                                       name="remember">
                                                <span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="d-flex justify-content-end">
                                                @if (Route::has('password.request'))
                                                    <a href="{{$reset_password}}" class="btn btn-link px-3"
                                                       type="button">Forgot password?</a>
                                                @endif
                                                <button class="btn btn-dark px-4" type="submit">Login</button>
                                            </div>
                                        </div>
                                        <div class="col-12 mt-3">
                                            <div class="d-flex justify-content-end">
                                                <span class="mx-3">Not a Member?</span>
                                                <a class="btn-link" href="{{route('register')}}">Sign Up</a>
                                            </div>
                                        </div>
                                        <a class="google_btn mt-3" href="{{route('auth.google')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 262">
                                                <path fill="#4285F4"
                                                      d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"></path>
                                                <path fill="#34A853"
                                                      d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"></path>
                                                <path fill="#FBBC05"
                                                      d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"></path>
                                                <path fill="#EB4335"
                                                      d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"></path>
                                            </svg>
                                            <span>Login with Google</span>
                                        </a>
{{--                                        <a class="fb-button mt-3" href="{{route('auth.facebook')}}">--}}
{{--                                            <svg class="fb-logo" height="24" viewBox="0 0 24 24" width="24"--}}
{{--                                                 xmlns="http://www.w3.org/2000/svg">--}}
{{--                                                <path--}}
{{--                                                    d="M21.5 12.058c0-5.28-4.253-9.558-9.5-9.558s-9.5 4.279-9.5 9.558c0 4.771 3.473 8.725 8.016 9.442v-6.68H8.104v-2.762h2.412V9.952c0-2.395 1.417-3.718 3.588-3.718 1.04 0 2.126.186 2.126.186v2.352h-1.198c-1.18 0-1.548.738-1.548 1.494v1.792h2.635l-.421 2.763h-2.214V21.5c4.543-.717 8.016-4.67 8.016-9.442z"></path>--}}
{{--                                            </svg>--}}
{{--                                            Login with Facebook--}}
{{--                                        </a>--}}
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer-scripts')

@endpush