@extends('layout.app')
@section('title','Update details')
@section('body_class', 'bg-body')
@section('content')
<div class="d-flex flex-column flex-root">
	<!--begin::Authentication - Sign-in -->
	<div class="d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed" >
		<!--begin::Content-->
		<div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
			<!--begin::Logo-->
			<a href="{{ url('index') }}" class="py-10">
				<!--begin::Desktop modes-->
				<img alt="Logo" src="{{ URL::asset('/assets/media/logos/logo_7m.png') }}" class="d-none d-lg-inline-block h-100px" />
				<!--end::Desktop modes-->
				<!--begin::Table & mobile modes-->
				<img alt="Logo" src="{{ URL::asset('/assets/media/logos/logo_7m.png') }}" class="d-lg-none h-100px" />
				<!--end::Table & mobile modes-->
			</a>
			<!--end::Logo-->
			<!--begin::Wrapper-->
			<div class="w-lg-500px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
				<!--begin::Form-->
				<form class="form w-100" novalidate="novalidate" id="kt_sign_up_form">
					{{ csrf_field() }}
					<!--begin::Heading-->
					<div class="mb-10 text-center">
						<!--begin::Title-->
						<h1 class="text-dark mb-3">Create an Account</h1>
						<!--end::Title-->
					</div>
					<!--end::Heading-->
					<div class="row fv-row mb-7">
						<div class="col-xl-12">
							<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative mx-auto d-table">
								<img src="{{ URL::asset('assets/media/avatars/150-26.jpg') }}" alt="">
							</div>
						</div>
					</div>
					<!--begin::Input group-->
					<div class="row fv-row mb-7">
						<!--begin::Col-->
						<div class="col-xl-6">
							<label class="form-label fw-bolder text-dark fs-6">First Name</label>
							<input class="form-control form-control-lg form-control-solid border-primary border-hover" type="text" placeholder="First name" name="first-name" autocomplete="off" />
						</div>
						<!--end::Col-->
						<!--begin::Col-->
						<div class="col-xl-6">
							<label class="form-label fw-bolder text-dark fs-6">Middle Name</label>
							<input class="form-control form-control-lg form-control-solid border-primary border-hover" type="text" placeholder="Middle name" name="middle-name" autocomplete="off" />
						</div>
						<!--end::Col-->
						<!--begin::Col-->
						<div class="col-xl-6">
							<label class="form-label fw-bolder text-dark fs-6">Last Name</label>
							<input class="form-control form-control-lg form-control-solid border-primary border-hover" type="text" placeholder="Last name" name="last-name" autocomplete="off" />
						</div>
						<!--end::Col-->
					</div>
					<!--end::Input group-->
					<div class="fv-row mb-7">
						<label class="form-label fw-bolder text-dark fs-6">Mobile Number</label>
						<input class="form-control form-control-lg form-control-solid border-primary border-hover" type="text" placeholder="Mobile Number" name="mobile-no" autocomplete="off" />
					</div>
					<!--begin::Input group-->
					<div class="fv-row mb-7">
						<label class="form-label fw-bolder text-dark fs-6">Email</label>
						<input class="form-control form-control-lg form-control-solid border-primary border-hover" type="email" placeholder="Email" name="email" autocomplete="off" />
					</div>
					<!--end::Input group-->
					<!--begin::Actions-->
					<div class="text-center">
						<button type="button" id="kt_sign_up_submit" class="btn btn-lg btn-primary">
							<span class="indicator-label">Submit</span>
							<span class="indicator-progress">Please wait...
								<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
							</span>
						</button>
					</div>
					<!--end::Actions-->
				</form>
				<!--end::Form-->
			</div>
			<!--end::Wrapper-->
			@include('layout.footer')
		</div>
		<!--end::Content-->
	</div>
	<!--end::Authentication - Sign-in-->
</div>
@endsection
@section('javascript')
<script src="assets/js/custom/authentication/sign-up/general.js"></script>
<script>
	var avatar5 = new KTImageInput('kt_image_5');

	avatar5.on('cancel', function(imageInput) {
		swal.fire({
			title: 'Image successfully changed !',
			type: 'success',
			buttonsStyling: false,
			confirmButtonText: 'Awesome!',
			confirmButtonClass: 'btn btn-primary font-weight-bold'
		});
	});

	avatar5.on('change', function(imageInput) {
		swal.fire({
			title: 'Image successfully changed !',
			type: 'success',
			buttonsStyling: false,
			confirmButtonText: 'Awesome!',
			confirmButtonClass: 'btn btn-primary font-weight-bold'
		});
	});

	avatar5.on('remove', function(imageInput) {
		swal.fire({
			title: 'Image successfully removed !',
			type: 'error',
			buttonsStyling: false,
			confirmButtonText: 'Got it!',
			confirmButtonClass: 'btn btn-primary font-weight-bold'
		});
	});
</script>
@endsection