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

@section('content')
<!--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">
							Don't Have One?
						</span>

						<a href="{{route('activationCode')}}" class="link-primary fw-bold fs-5" data-kt-translate="sign-in-head-link">
							Buy here
						</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('couponCheckerPost')}}">
						@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">
								Coupon Code Checker 
							</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-success 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:: Info Notice-->
						@if(\Session::has('info'))
						<div class="notice d-flex bg-light-info rounded border-info 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-info 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('info')!!}</h4>
									<div class="fs-6 text-gray-700">
										<a href="#"></a>
									</div>
								</div>
								<!--end::Content-->
							</div>
							<!--end::Wrapper-->
						</div>
						@endif
						<!--end:: Info 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="Coupon Code" name="coupon" value="{{old('id') ? old('id') : ''}}" Required autocomplete="off" data-kt-translate="" />
							@if($errors->has('coupon'))
							<div class="alert alert-danger">
								{!!  $errors->get('coupon')[0] !!}
							</div>
							@endif
						</div>
						<!--end::Input group-->

						<!--begin::Actions-->
						<div class="d-flex flex-stack">
							<!--begin::Submit-->
							<button id="" class="btn btn-prifmary" data-kt-translate="" type="submit" name="" 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">
					<!--begin::Toggle-->
					<button class="btn btn-flex btn-link rotate" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" data-kt-menu-offset="0px, 0px">
						<img data-kt-element="current-lang-flag" class="w-25px h-25px rounded-circle me-3" src="{{asset('login/media/flags/united-states.svg')}}" alt="" />

						<span data-kt-element="current-lang-name" class="me-2">English</span>

						<!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
						<span class="svg-icon svg-icon-3 svg-icon-muted rotate-180 m-0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
						</svg>
						</span>
						<!--end::Svg Icon-->
					</button>
					<!--end::Toggle-->

					<!--begin::Menu-->
					<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-4" data-kt-menu="true" id="kt_auth_lang_menu">
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link d-flex px-5" data-kt-lang="English">
								<span class="symbol symbol-20px me-4">
									<img data-kt-element="lang-flag" class="rounded-1" src="{{asset('login/media/flags/united-states.svg')}}" alt="" />
								</span>
								<span data-kt-element="lang-name">English</span>
							</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link d-flex px-5" data-kt-lang="Spanish">
								<span class="symbol symbol-20px me-4">
									<img data-kt-element="lang-flag" class="rounded-1" src="{{asset('login/media/flags/spain.svg')}}" alt="" />
								</span>
								<span data-kt-element="lang-name">Spanish</span>
							</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link d-flex px-5" data-kt-lang="German">
								<span class="symbol symbol-20px me-4">
									<img data-kt-element="lang-flag" class="rounded-1" src="{{asset('login/media/flags/germany.svg')}}" alt="" />
								</span>
								<span data-kt-element="lang-name">German</span>
							</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link d-flex px-5" data-kt-lang="Japanese">
								<span class="symbol symbol-20px me-4">
									<img data-kt-element="lang-flag" class="rounded-1" src="{{asset('login/media/flags/japan.svg')}}" alt="" />
								</span>
								<span data-kt-element="lang-name">Japanese</span>
							</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link d-flex px-5" data-kt-lang="French">
								<span class="symbol symbol-20px me-4">
									<img data-kt-element="lang-flag" class="rounded-1" src="{{asset('login/media/flags/france.svg')}}" alt="" />
								</span>
								<span data-kt-element="lang-name">French</span>
							</a>
						</div>
						<!--end::Menu item-->
					</div>
					<!--end::Menu-->
				</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