@extends('layouts.auth-master')

@section('content')

<div id="registerForm" class="mt-0"> 
    <form method="post" action="{{ route('login.perform') }}" class="d-inline ">
    <div class="mb-3 col-sm-12  mx-auto">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                
        <h1 class="h3 mb-3 fw-normal">{{ __('menu.loginmessage')}}</h1>
    </div>
    <div class="mb-3 col-sm-10 col-md-10 col-xl-8 mx-auto">
        @include('layouts.partials.messages')
        
        <div class="mt-4 ">
            <div class="form-group   mb-0">
                <input type="text" class="form-control item " name="username" value="" placeholder="" required="required" autofocus  >
                <label for="username"> </label>
                @if ($errors->has('username'))
                    <span class="text-danger text-left">{{ $errors->first('username') }}</span>
                @endif
            </div>
            
            <div class="form-group  mb-3">
                <input type="password" class="form-control item " name="password" value="" placeholder="" required="required"  >
                <label for="floatingPassword"> </label>
                @if ($errors->has('password'))
                    <span class="text-danger text-left">{{ $errors->first('password') }}</span>
                @endif
            </div>

            <button class="w-100 btn   btn-primary" type="submit" >Login</button>
        </div>
        
        <div class="flex items-center justify-end mt-4 pt-4">
                <h1 class="h3 mb-3 fw-normal">{{ __('menu.socialmedialogin')}}</h1>
                <a class="w-100 my-2 btn btn-primary btn-lg" href="{{ url('auth/facebook') }}" style="margin-top: 0px !important;background: blue;color: #ffffff;padding: 5px;border-radius:7px;" id="btn-fblogin">
                <i class="fab fa-facebook-square"></i>   Facebook
                </a>
        </div>
    </div>
    </form>
     
    
</div>
@endsection