@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 Rules</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">
			@php
				$data = DB::table('posts')
						->where('page', 'Ramadan Rules')
						->where('active', 'on')
						->first(); 
			@endphp	
			
			{!! $data->description !!}		
			
			<a href="{{$data->link_action}}" type="submit" class="mt-5 cherito-btn btn btn-primary cherito-btn1">
				<span class="cherito-btn__text">{{$data->link_title}}</span>
			</a>

		</div><!-- /.row gutter-y-50 -->
	</div><!-- /.container -->	

</section><!-- /.event-details section-space -->	
	<section class="mt-5" style="background-color: #fff"></section>
 @endsection