@extends('layouts.master')
@section('main_content')
<style>
	.form-one textarea{
		height: 65px;
		padding: 14px 30px 0;
	}
</style>
<section class="page-header">
	<div class="page-header__bg" style="background-image: url('{{ asset('frontend/assets/images/about.png') }}');"></div>
	<div class="container">
		<div class="page-header__content">
			<h2 class="page-header__title"> Participation Form </h2>
			<ul class="cherito-breadcrumb list-unstyled">
				<li><a href="/">Home</a></li>
				<li><span>Program</span></li>
				<li><span>Participation Form</span></li>
			</ul><!-- /.cherito-breadcrumb list-unstyled -->
		</div><!-- /.page-header__content -->
	</div><!-- /.container -->
</section><!-- /.page-header -->


	{{-- donation  --}}
	<section class="contact-page section-space " style="background-color: #fff">
		<div class="container">
			<div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
				<div class="sec-title__top">
				{{-- <img src="{{ asset('frontend/assets/images/blog/blog-admin-1-1.png') }}" alt="Wade Warren"> --}}

					<h6 class="sec-title__tagline">Registration</h6><!-- /.sec-title__tagline -->
				</div><!-- /.sec-title__top -->
				<h3 class="sec-title__title">Registration Form</h3><!-- /.sec-title__title -->
			</div><!-- /.sec-title -->
			<div class="contact-page__form wow fadeInUp" data-wow-duration="1500ms">				

				<div class="sec-title__top mt-5">
					<h6 class="sec-title__tagline">
						Please donate first and submit your files here.</h6><!-- /.sec-title__tagline -->
				</div>

				<form action="/save_participation" method="post" enctype="multipart/form-data" class="contact-form  form-one" style="background-color: #f9f4e8; padding: 20px; border-radius: 10px;" >
					@csrf
						<div class="form-one__group">
							<div class="form-one__control">Name
								<input type="text" name="fname" placeholder="Full Name">
							</div>
							<div class="form-one__control">Email
								<input type="email" name="email" placeholder="Email Address">
							</div>
							<div class="form-one__control form-one__control--full">I am contributing to Markham Community Connect in this way… *
								<textarea name="message" placeholder="Write Message . . ." rows="3"></textarea>
							</div>

							<div class="form-group form-one__control form-one__control--full">
								<legend>Categories I am participating in (select up to two)</legend>
								<label><input type="radio" name="category" value="quran"> Quran Recitation Challenge (Boys and Girls, Ages 11–14)</label>
								<label><input type="radio" name="category" value="muazzin"> The Mu’azzin Challenge (Boys 11–14)</label>
								<label><input type="radio" name="category" value="asmaul"> Asma'ul Husna Challenge (Girls 11–14)</label>
								<label><input type="radio" name="category" value="ramadan"> The Ramadan Home Challenge (Family)</label>
							</div>
					
							{{-- <div class="form-group form-one__control">
								<legend>I have read the rules and judging criteria</legend>
								<label><input type="radio" name="rules" value="yes" required> Yes</label>
								<label><input type="radio" name="rules" value="no" required> No</label>
							</div>
							
							<div class="form-group form-one__control">
								<legend>Have your donated?</legend>
								<label><input type="radio" name="donation" value="yes" required> Yes</label>
								<label><input type="radio" name="donation" value="no" required> No</label>
							</div>
							 --}}
					
							
							<div class="form-one__control form-one__control--full">Your video link
								<textarea name="video_links" placeholder="Upload your video in google drive and paste the link here. . . ." rows="3"></textarea>

								{{-- <input type="file" name="video_link[]" class="" multiple> --}}
							</div><!-- /.form-one__control -->


						


							<div class="form-one__control contact-page__form__button form-one__control--full">

								<input type="hidden" name="type" value="Contact Form">
								<button type="submit" class="cherito-btn btn btn-primary cherito-btn1">
									<span class="cherito-btn__text">Submit</span>
									{{-- <span class="cherito-btn__hover cherito-btn__hover--1"></span>
									<span class="cherito-btn__hover cherito-btn__hover--2"></span>
									<span class="cherito-btn__hover cherito-btn__hover--3"></span>
									<span class="cherito-btn__hover cherito-btn__hover--4"></span>
									<span class="cherito-btn__hover cherito-btn__hover--5"></span> --}}
								</button><!-- /.cherito-btn -->
							</div><!-- /.form-one__control -->

							
							
						</div><!-- /.form-one__group -->
				</form>
				<!-- /.form-one -->
				<div class="result"></div><!-- /.result -->
			</div><!-- /.contact-page__form -->
		</div><!-- /.container -->
	</section> 
	{{-- donation end --}}
 @endsection