@extends('layout')

@section('content')

	<!-- page title -->
	<section class="section section--first section--bg" data-bg="{{url('/')}}/assets/front/img/section/section-bg.jpg" style="background: rgba(0, 0, 0, 0) url(&quot;{{url('/')}}/assets/front/img/section/section-bg.jpg&quot;) no-repeat scroll center center / cover;">
		<div class="container">
			<div class="row">
				<!-- section title -->
				<div class="col-12 col-sm-10 offset-sm-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
					<h2 class="section__title section__title--white">@include('partials.breadcrumb')</h2>
				</div>
				<!-- end section title -->
			</div>
		</div>
	</section>
	<!-- end page title -->
	
    <!-- login begin-->
    <div class="contact login sign">
		<!-- particles -->
		<div id="particles-js" class="sign__particles"><canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1349" height="537"></canvas></div>
		<!-- end particles -->
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-6 pt-5 pb-5 sign__content">
                    <form class="contact-form sign__form"  method="POST" action="{{ route('login') }}" >
						<a href="/"><img class="sign__logo" src="{{url('/')}}/assets/front/img/logo.svg" alt=""></a>
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="text" name="username"  class="form-control form__input" id="InputName" placeholder="Enter Your Username"
                                           required>
                                    @if ($errors->has('username'))
                                        <span class="error form-error-msg ">
                                                <strong>{{ $errors->first('username') }}</strong>
                                            </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <input type="password" name="password"  class="form-control form__input" id="InputAmount" placeholder="Enter Your Password"
                                           required>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12">
                                <div class="row d-flex">
                                    <div class="col-xl-12 col-lg-12 text-center">
                                        <button type="submit" class="btn">Sign In</button>
                                    </div>
                                    <div class="col-xl-12 col-lg-12 d-flex align-items-center text-center justify-content-center">
                                        <a href="{{ route('password.request') }}" class="forgetting-password sign__forgot">Forgot Password?</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- login end -->

@endsection