@extends('layouts.master') 
@section('main_content')
<style>
	.form-one textarea{ 
		height: 65px;
		padding: 14px 30px 0;
	}
	.ramadan_category{
		color: #2E1104;
		font-weight: 700;
		font-size: 20px;
		margin-top: 20px; 
		margin-bottom: 10px;
	}

	.disabled-btn {
				background-color: #cccccc;
				color: #666666;
				cursor: not-allowed;
				pointer-events: auto; /* Enable clicking for disabled-looking buttons */
			}
	</style>
	<script>
		function showPopup(event) {
			event.preventDefault();
			alert("Please donate first from the form above!");
		}
	</script>

<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"> </h2>
			<ul class="cherito-breadcrumb list-unstyled">
				<li><a href="/">Home</a></li>
				<li><span>Program</span></li>
				<li><span>Ramadan 2025 </span></li>
			</ul><!-- /.cherito-breadcrumb list-unstyled -->
		</div><!-- /.page-header__content -->
	</div><!-- /.container -->
</section><!-- /.page-header -->

<div class="container flash-message mt-2">
    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))
            <p class="alert alert-{{ $msg }} text-center">{{ Session::get('alert-' . $msg) }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>
        @endif
    @endforeach
</div> 

<section class="event-details section-space">
	<div class="container">
		<div class="row gutter-y-50">
			<div class="col-xl-12 col-lg-12">
				<div class="product-details__description-wrapper">
					<div class="container">
						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Welcome to Ramadan Connect 2025!</h3>
								<p class="product-details__description__text">Join participants from across North America in celebrating creativity, spirituality, and family unity during Ramadan. Compete in exciting categories, showcase your talents, and connect with communities through this engaging challenge.</p>
							</div>
						</div>
						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Key Dates</h3>
								
							</div><!-- /.product-details__description__box -->
							<ul class="product-details__list list-unstyled wow fadeInUp" data-wow-duration="1500ms">
								<li>
									<span class="product-details__list__icon">
										<i class="icon-check"></i>
									</span>
									Online Submissions Open: Friday, February 14, 2025
								</li>
								<li>
									<span class="product-details__list__icon">
										<i class="icon-check"></i>
									</span>
									Submission Deadline: Sunday, April 6, 2025
								</li>
								<li>
									<span class="product-details__list__icon">
										<i class="icon-check"></i>
									</span>
									In-Person Semifinals: Saturday, April 19, 2025, at Islamic Society of Markham 
								</li>
								<li>
									<span class="product-details__list__icon">
										<i class="icon-check"></i>
									</span>
									Finals: Saturday, April 26, 2025 (Location TBD)
								</li>
							</ul>
						</div>
						
						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Competition Categories</h3>
								<h5 class="ramadan_category">1. Quran Recitation Challenge</h5>
								<p class="product-details__description__text">Eligibility: Boys and Girls, Ages Under 14
									Showcase your recitation skills with a focus on Tajweed, melody, and confidence to captivate the judges and inspire the audience.
								</p>
								<h5 class="ramadan_category">2. The Mu'azzin Challenge</h5>
								<p class="product-details__description__text">Eligibility: Boys, Ages Under 14
									Deliver a powerful and melodious Azan, demonstrating clarity, rhythm, and spiritual essence to inspire the community.
								</p>
								<h5 class="ramadan_category">3. Asma'ul Husna Challenge</h5>
								<p class="product-details__description__text">Eligibility: Girls, Ages Under 14
									Celebrate Allah’s 99 Names through heartfelt and precise recitation. Focus on Tajweed, rhythm, and emotional connection to bring the Names to life.
									
								</p>
								<h5 class="ramadan_category">4. The Ramadan Home Challenge</h5>
								<p class="product-details__description__text">Eligibility: Families
									Decorate your home in celebration of Ramadan and Eid. Showcase creative indoor or outdoor designs that reflect the spirit of the holy season and family collaboration.
									
									
								</p>
							</div>
						</div>
					

						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Judging and Rules</h3>
								<h5 class="ramadan_category">General Rules</h5>
								<p class="product-details__description__text"> 
								</p>
								<ul>
									<li>Participants must register and pay the fee by <span style="font-weight: 700">April 6, 2025.</span></li>
									<li>Submissions should align with Islamic values and respect the competition's sacred themes.</li>
									<li>Judges' decisions are final.</li>
								</ul>
								<h5 class="ramadan_category">Judging Criteria by Category</h5>
								<ul>
									<li>Each competition has unique criteria focusing on <span style="font-weight: 700">Tajweed, creativity, presentation, and spiritual impact</span> <span style="font-style: italic">(Click here for detailed judging criteria.)</span></li>
									
								</ul>
								
								
								
							</div>
						</div>
						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Impact and Reach</h3>
								<p class="product-details__description__text"> 
								</p>
								<ul>
									<li><span style="font-weight: 700">National and North American Reach:</span><br>
										Open to participants from across Canada and the United States.
										</span>
									</li>
									<li><span style="font-weight: 700">Participant Target:<br></span>Over <span style="font-weight: 700"> 500 families and individuals.</span></li>
									<li><span><span style="font-weight: 700">Social Media Reach:<br></span></span>Reaching <span style="font-weight: 700">50,000+ impressions</span> through Facebook, Instagram, and TikTok.</li>
								</ul>
							</div>
						</div>
					
						<div class="product-details__description">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Acknowledgment</h3>
								<p class="product-details__description__text"> Ramadan Connect 2025 is proudly presented by Muslim Welfare Canada (MWC), a trusted organization dedicated to empowering communities and fostering unity since 1993.
								</p>
								
							</div>
						</div>
						<div class="product-details__description1">
							<div class="product-details__description__box wow fadeInUp " data-wow-duration="1500ms">
								<h3 class="product-details__description__title">Contact Us</h3>
								<p class="product-details__description__text"> For any inquiries, contact us at:
								</p>
								<ul style="list-style: none;margin: 0;padding: 0;">
									<li><span style="font-weight: 700">Email: </span><a href="mailto:infomcc.ca@gmail.com">infomcc.ca@gmail.com</a></li>
									<li><span style="font-weight: 700">Website: </span> <a href="https://markhamcc.org/">Markham Community Connect</a></li>
								</ul>
							</div>							
						</div>
						

						<a href="/participation-form" type="submit" class="mt-5 cherito-btn btn btn-primary cherito-btn1">
							<span class="cherito-btn__text">Register for Ramadan Connect 2025</span>
						</a>
			
						
					</div><!-- /.container -->
				</div><!-- /.product-details__description__wrapper -->
				
			</div><!-- /.col-xl-8 col-lg-7 -->
			<div class="col-xl-4 col-lg-5 d-none">
				<div class="event-details__info">
					<div class="event-details__info__item event-details__info__item--1 wow fadeInRight" data-wow-duration="1500ms">
						<h3 class="event-details__info__title">Program Information</h3>
						<ul class="event-details__info__list list-unstyled">
							<li>
								<span class="event-details__info__list__title">Start Date:</span>
								<span class="event-details__info__list__text">24 July, 2024</span>
							</li>
							<li>
								<span class="event-details__info__list__title">Time Duration:</span>
								<span class="event-details__info__list__text">08:00am - 05:00pm</span>
							</li>
							<li>
								<span class="event-details__info__list__title">Location:</span>
								<span class="event-details__info__list__text"><a href="../../www.google.com/maps.html">6391
										Elgin St. Celina, Delaware 10299</a></span>
							</li>
							<li>
								<span class="event-details__info__list__title">Phone:</span>
								<span class="event-details__info__list__text"><a href="tel:(319)555-0115">(319)
										555-0115</a></span>
							</li>
							<li>
								<span class="event-details__info__list__title">Email:</span>
								<span class="event-details__info__list__text"><a href="mailro:info@example.com">info@example.com</a></span>
							</li>
						</ul><!-- /.event-details__info__list -->
						<div class="social-links">
							<a href="https://www.facebook.com/">
								<span class="social-links__icon">
									<i class="fab fa-facebook-f" aria-hidden="true"></i>
									<span class="sr-only">Facebook</span>
								</span><!-- /.social-links__icon -->
							</a>
							<a href="https://www.linkedin.com/">
								<span class="social-links__icon">
									<i class="fab fa-linkedin-in" aria-hidden="true"></i>
									<span class="sr-only">Linkedin</span>
								</span><!-- /.social-links__icon -->
							</a>
							<a href="https://www.twitter.com">
								<span class="social-links__icon">
									<i class="fab fa-twitter" aria-hidden="true"></i>
									<span class="sr-only">Twitter</span>
								</span><!-- /.social-links__icon -->
							</a>
							<a href="https://www.youtube.com">
								<span class="social-links__icon">
									<i class="fab fa-youtube" aria-hidden="true"></i>
									<span class="sr-only">Youtube</span>
								</span><!-- /.social-links__icon -->
							</a>
						</div><!-- /.social-links -->
					</div><!-- /.event-details__info__item -->
					<div class="event-details__info__item wow fadeInRight " data-wow-duration="1500ms">
						<div class="event-details__info__map">
							<div class="google-map google-map__event-details">								
							</div>
							<!-- /.google-map -->
						</div><!-- /.event-details__info__map -->
					</div><!-- /.event-details__info__item -->
				</div><!-- /.event-details__info -->
			</div><!-- /.col-xl-4 col-lg-5 -->
		</div><!-- /.row gutter-y-50 -->
	</div><!-- /.container -->
</section><!-- /.event-details section-space -->	



	<section class="mt-5" style="background-color: #fff">
		
		
	</section>

 @endsection