@extends('Layouts.auth')
@section('seo')
<link rel="shortcut icon" href="{{asset('/images/general/'.$gt->favicon)}}" type="image/x-icon" />
{!! SEO::generate() !!}
@endsection

@section('content')
<!--===== Login Page ====-->

<!--begin::Main-->
<!--begin::Root-->
<div class="d-flex flex-column flex-root">

	<!--begin::Authentication - Sign-in -->
	<div class="d-flex flex-column flex-lg-row flex-column-fluid">
		<!--begin::Logo-->
		<a href="{{ url('/') }}" class="d-block d-lg-none mx-auto py-20">
			<img alt="Logo" src="{{asset('spira.png')}}" class="theme-light-show h-100px" />
			<img alt="Logo" src="{{asset('spira.png')}}" class="theme-dark-show h-100px" />
		</a>
		<!--end::Logo-->

		<!--begin::Aside-->
		<div class="d-flex flex-column flex-column-fluid flex-center w-lg-50 p-10">
			<!--begin::Wrapper-->
			<div class="d-flex justify-content-between flex-column-fluid flex-column w-100 mw-450px">
				<!--begin::Header-->
				<div class="d-flex flex-stack py-2">
					<!--begin::Back link-->
					<div class="me-2">
						<a href="{{ url('/') }}" class="btn btn-icon bg-light rounded-circle">
							<!--begin::Svg Icon | path: icons/duotune/arrows/arr002.svg-->
							<span class="svg-icon svg-icon-2 svg-icon-gray-800"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M9.60001 11H21C21.6 11 22 11.4 22 12C22 12.6 21.6 13 21 13H9.60001V11Z" fill="#800080" />
								<path opacity="0.3" d="M9.6 20V4L2.3 11.3C1.9 11.7 1.9 12.3 2.3 12.7L9.6 20Z" fill="#800080" />
							</svg>
							</span>
							<!--end::Svg Icon-->
						</a>
					</div>
					<!--end::Back link-->

					<!--begin::Sign Up link-->
					<div class="m-0">
						<span class="text-gray-400 fw-bold fs-5 me-2" data-kt-translate="sign-in-head-desc">
							Not a Member yet?
						</span>

						<a href="{{route('signup')}}" class="link-primary fw-bold fs-5" data-kt-translate="sign-in-head-link">
							Sign Up
						</a>
					</div>
					<!--end::Sign Up link--->

				</div>
				<!--end::Header-->

				<!--begin::Body-->
				<div class="py-20">

					<!--begin::Form-->
					<form class="form w-100" novalidate="novalidate" id="" data-kt-redirect-url="" method="post" action="{{route('signin')}}">
						@csrf
						<!--begin::Heading-->
						<div class="text-start mb-10">
							<!--begin::Title-->
							<h1 class="text-dark mb-3 fs-3x" data-kt-translate="sign-up-title">
								Sign In
							</h1>
							<!--end::Title-->

							<!--begin::Text-->
							<div class="text-gray-400 fw-semibold fs-6" data-kt-translate="general-desc">
								Get unlimited access & earn money
							</div>
							<!--end::Link-->
						</div>
						<!--end::Heading-->

						<!--begin:: Success Notice-->
						@if(\Session::has('success'))
						<div class="notice d-flex bg-light-success rounded border-success border border-dashed mb-10 p-6">
							<!--begin::Icon-->
							<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
							<span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor" />
									<rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)" fill="currentColor" />
									<rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)" fill="currentColor" />
								</svg>
							</span>
							<!--end::Svg Icon-->
							<!--end::Icon-->
							<!--begin::Wrapper-->
							<div class="d-flex flex-stack flex-grow-1">
								<!--begin::Content-->
								<div class="fw-semibold">
									<h4 class="text-gray-900 fw-bold">{!!  \Session::get('success')!!}</h4>
									<div class="fs-6 text-gray-700">
										<a href="#"></a>
									</div>
								</div>
								<!--end::Content-->
							</div>
							<!--end::Wrapper-->
						</div>
						@endif
						<!--end:: Success Notice-->

						<!--begin:: Error Notice-->
						@if(\Session::has('error'))
						<div class="notice d-flex bg-light-danger rounded border-danger border border-dashed mb-10 p-6">
							<!--begin::Icon-->
							<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
							<span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor" />
									<rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)" fill="currentColor" />
									<rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)" fill="currentColor" />
								</svg>
							</span>
							<!--end::Svg Icon-->
							<!--end::Icon-->
							<!--begin::Wrapper-->
							<div class="d-flex flex-stack flex-grow-1">
								<!--begin::Content-->
								<div class="fw-semibold">
									<h4 class="text-gray-900 fw-bold">{!!  \Session::get('error')!!}</h4>
									<div class="fs-6 text-gray-700">
										<a href="#"></a>
									</div>
								</div>
								<!--end::Content-->
							</div>
							<!--end::Wrapper-->
						</div>
						@endif
						<!--end:: Error Notice-->

						<!--begin::Input group-->
						<div class="fv-row mb-10">
							<input class="form-control form-control-lg form-control-solid" type="text" placeholder="Email or Username" name="id" value="{{old('id') ? old('id') : ''}}" Required autocomplete="off"/>
							@if($errors->has('id'))
							<div class="alert alert-danger">
								{!!  $errors->get('id')[0] !!}
							</div>
							@endif
						</div>
						<!--end::Input group-->

						<!--begin::Input group-->
						<div class="fv-row mb-10">
							<input class="form-control form-control-lg form-control-solid" type="password" placeholder="Password" name="password" value="{{old('password') ? old('password') : ''}}" required autocomplete="off" />
							@if($errors->has('password'))
							<div class="alert alert-danger">
								{!!  $errors->get('password')[0] !!}
							</div>
							@endif
						</div>
						<!--end::Input group-->
							
						<!--begin::Wrapper-->
						<div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-10">
							<div></div>
							
							<!--begin::Link-->
							<a href="{{route('acctPassword')}}" class="link-primary">
								Forgot Password ?
							</a>
							<!--end::Link-->
						</div>
						<!--end::Wrapper-->

						<!--begin::Actions-->
						<div class="d-flex flex-stack">
							<!--begin::Submit-->
							<button id="" class="btn btn-prifmary" type="submit" name="login" style="background-color:#800080; color:#fff;">

								<!--begin::Indicator label-->
								<span class="indicator-label">
									Submit
								</span>
								<!--end::Indicator label-->

								<!--begin::Indicator progress-->
								<span class="indicator-progress">
									Please wait...
									<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
								</span>
								<!--end::Indicator progress-->
							</button>
							<!--end::Submit-->
						</div>
						<!--end::Actions-->
					</form>
					<!--end::Form-->
				</div>
				<!--end::Body-->

				<!--begin::Footer-->
				<div class="m-0">

					
				</div>
				<!--end::Footer-->

			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Aside-->

		<!--begin::Body-->
		<div class="d-none d-lg-flex flex-lg-row-fluid w-50 bgi-size-cover bgi-position-y-center bgi-position-x-start bgi-no-repeat" style="background-image: url({{asset('login/media/auth/my.png')}})">
		</div>
		<!--begin::Body-->
	</div>
	<!--end::Authentication - Sign-in-->
</div>
<!--end::Root-->
<!--end::Main-->

<!-- End Register -->
<script>
	
</script>
@endsection