@extends('layouts.adminLayout.admin_design')
@section('content')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="{{asset('keen-assets/css/pages/wizards/wizard-v3.css')}}" rel="stylesheet" type="text/css" />
	<!-- end:: Header -->
<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper">

	<!-- begin:: Header -->
	<div id="kt_header" class="kt-header kt-grid__item " data-ktheader-minimize="on">
		<div class="kt-container  kt-container--fluid ">

			<!-- begin:: Subheader -->
			<div class="kt-subheader   kt-grid__item">
				<div class="kt-subheader__main">
					<h3 class="kt-subheader__title">Add FundRaiser</h3>
					<span class="kt-subheader__separator kt-hidden"></span>
					<div class="kt-subheader__breadcrumbs">
						<a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{url('/admin')}}" class="kt-subheader__breadcrumbs-link">
							Home </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="#" class="kt-subheader__breadcrumbs-link">
							Add Fundraiser </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						
						<!-- <span class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--active">Active link</span> -->
					</div>
				</div>
			</div>

		
		</div>
	</div>

	<!-- end:: Header -->
	<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

		<!-- begin:: Subheader -->
		<div class="kt-subheader   kt-grid__item" id="kt_subheader">
			<div class="kt-container  kt-container--fluid ">
				<div class="kt-subheader__main">
					<h3 class="kt-subheader__title">Add FundRaiser</h3>
					<span class="kt-subheader__separator kt-hidden"></span>
					<div class="kt-subheader__breadcrumbs">
						<a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{url('/admin')}}" class="kt-subheader__breadcrumbs-link">
							Home </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="#" class="kt-subheader__breadcrumbs-link">
							Add Fundraiser </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						
						<!-- <span class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--active">Active link</span> -->
					</div>
				</div>
			</div>
		</div>

		<!-- end:: Subheader -->

		<!-- begin:: Content -->
		<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
			<div class="kt-portlet">
				<div class="kt-portlet__body kt-portlet__body--fit">
					<div class="kt-wizard-v3" id="kt_wizard_v3" data-ktwizard-state="step-first">

						<!--begin: Form Wizard Nav -->
						<div class="kt-wizard-v3__nav">
							<div class="kt-wizard-v3__nav-line"></div>

							<!--doc: Remove "kt-wizard-v3__nav-items--clickable" class and also set 'clickableSteps: false' in the JS init to disable manually clicking step titles -->
							<div class="kt-wizard-v3__nav-items kt-wizard-v3__nav-items--clickable">
								<div class="kt-wizard-v3__nav-item" href="#" data-ktwizard-type="step" data-ktwizard-state="current">
									<span>1</span>
									<i class="fa fa-check"></i>
									<div class="kt-wizard-v3__nav-label">Fundraising Detail</div>
								</div>
								<div class="kt-wizard-v3__nav-item" href="#" data-ktwizard-type="step">
									<span>2</span>
									<i class="fa fa-check"></i>
									<div class="kt-wizard-v3__nav-label"> Personal Details</div>
								</div>
								
								<div class="kt-wizard-v3__nav-item" href="#" data-ktwizard-type="step">
									<span>3</span>
									<i class="fa fa-check"></i>
									<div class="kt-wizard-v3__nav-label">Finalize</div>
								</div>
							</div>
						</div>

						<!--end: Form Wizard Nav -->

						<!--begin: Form Wizard Form-->
						<form class="kt-form" method="post" action="{{ url('/login') }}" id="kt_form" style="padding: 20px!important">{{ csrf_field() }}

							<!--begin: Form Wizard Step 1-->
							<div class="kt-wizard-v3__content" data-ktwizard-type="step-content" data-ktwizard-state="current" style="width: 100%;">
								
								<div class="kt-form__section kt-form__section--first">
									
									<div class="row">
										<div class="col-lg-12">
											<div class="form-group">
												<label>FundRaising Title:</label>
												
												<input type="text" class="form-control" name="title" placeholder="Enter Fundraing Title" required="" value="">
												<span class="form-text text-muted">It is the heading that will appear to everyone.</span>
											</div>	
										</div>
										<div class="col-xl-12">
											<div class="form-group">
												
												<div class="form-group row">
													<label class="col-form-label col-lg-12 col-sm-12">Enter Description For Fundraising</label>
													<div class="col-lg-12 col-md-12 col-sm-12">
														<textarea class="form-control" required="" name="description" rows="3"></textarea> 
													</div>
												</div>
											</div>
										</div>