<?php
/**
 * Template Name: Walking With Our Relatives
 *
 * @package GoAskAuntie
 * @since 1.0.0
 */

namespace BasicWP;

get_header();

$wwor_hero = get_theme_file_uri( '/static/img/wwor-hero.png' );
$test_img  = get_theme_file_uri( '/static/img/test.png' );
$map_img   = get_theme_file_uri( '/static/img/map.png' );
$hands_img = get_theme_file_uri( '/static/img/hands.png' );
?>

<!-- WWOR Hero Section -->
<section class="md:min-h-screen bg-navy bg-wwor bg-cover bg-no-repeat bg-bottom w-full pb-4 relative md:pt-20" style="background-image: url('<?php echo esc_url( get_theme_file_uri( '/static/img/bg-wwor.png' ) ); ?>');">
	<div class="flex flex-col min-h-screen items-center justify-center gap-2">
		<div class="prose prose-2xl text-white max-w-none text-center text-3xl pb-2 font-passion-one">
			<p class="uppercase text-2xl md:text-3xl lg:text-5xl pb-2 md:pb-0 mb-0">Ka Ni Kanichihk Mino Pimatisiwin</p>
			<h1 class="text-5xl lg:text-7xl tracking-wide font-bold uppercase text-[#2e566e] mx-auto md:text-left my-0 py-0">Sexual Wellness Lodge</h1>
		</div>
		<div class="flex flex-row max-w-none justify-between w-full mx-auto px-0 py-8 md:py-0 md:h-[32rem]">
			<img src="<?php echo esc_url( $wwor_hero ); ?>" alt="Walking With Our Relatives" class="flex-1 object-contain p-0 relative z-10">
		</div>
		<div class="flex md:flex-row flex-col justify-between prose-lg prose w-full mx-auto">
			<p class="uppercase text-white font-bold text-xl my-0 md:py-0 py-6 md:pt-6">#walkingwithourrelatives</p>
			<p class="uppercase text-white font-bold text-xl my-0 md:py-0 py-6 md:pt-6">#auntiesgotyourback</p>
		</div>
	</div>
</section>

<!-- WWOR Description Section -->
<section class="bg-[#62459B] p-4">
	<div class="prose prose-lg text-white text-xl mx-auto py-12">
		<h2 class="text-white text-5xl !font-light">Walking With Our Relatives</h2>
		<p>The Walking With Our Relatives project supports relatives of all genders who have experienced sexual assault and/or intimate partner violence access clinical care, counselling, Kookums, ceremony, and social support following sexual assault and intimate partner violence.</p>
		<p class="leading-normal font-bold text-2xl mb-0 mt-10">Services:</p>
		<ul>
			<li class="my-1 mt-2">Confidential forensic exams provided by Community Based Sexual Assault Examiners.</li>
			<li class="my-1">Support from the Aunties (system navigators) and/or Kookum.</li>
			<li class="my-1">Access to counselling from an Indigenous social worker.</li>
		</ul>
	</div>
</section>

<!-- Forensic Exam Section -->
<section class="bg-white p-4 py-12">
	<div class="prose prose-lg text-black text-xl mx-auto py-12 grid grid-cols-1 md:grid-cols-2 max-w-7xl gap-4">
		<div>
			<img src="<?php echo esc_url( $test_img ); ?>" alt="Forensic exam" class="flex-1 object-contain pr-8">
		</div>
		<div class="px-4">
			<p class="leading-normal font-bold text-2xl mb-0 mt-10">What to expect during a forensic exam:</p>
			<p class="mt-2">We always want those who come to the Lodge to feel loved and supported. The Walking With Our Relatives Aunties and Kookum's are here to support you every step of the way. We go at a pace that is comfortable for you. During your visit at the Lodge you can expect:</p>
			<ul>
				<li class="my-2 mt-4">A Sexual Assault Nurse Examiner who has built a relationship with the Aunties and Kookum's at the Lodge will do the exam with complete confidentiality, in a private room in our Lodge.</li>
				<li class="my-2 mt-4">ALL GENDERS OF PEOPLE that take the very brave step to receive services after a violating experience deserve gifts. Therefore, our relatives will receive a gift bundle (blankets, clothing from Red Rebel Armour, a candle, sacred medicines, and much more) after receiving their sexual assault exam.</li>
				<li class="my-2 mt-4">Please know that ANY TIME that has passed (after the assault or even if you are not sure what happened) we invite you in to see us. Please know we will wrap you with support and love while navigating this scary and confusing time.</li>
			</ul>
		</div>
	</div>
</section>

<!-- Aunties Got Your Back Section -->
<section class="pt-14 overflow-x-clip">
	<div class="bg-[#CAE2EA] grid md:grid-cols-2 grid-cols-1 md:grid-rows-1 grid-rows-2 md:p-6 mx-auto max-w-7xl mt-12 rounded-lg relative">
		<div class="prose text-[#262259] md:text-xl p-4">
			<h2 class="text-[#262259] text-5xl !font-light mb-2">Aunties Got Your Back</h2>
			<p class="leading-normal font-bold text-lg">LODGE HOURS</p>
			<p class="leading-normal my-3">DROP INTO OUR LODGE TUESDAYS AND THURSDAYS 11:00 a.m. to 3:00 p.m. Nurses, aunties, and Kookums are ALWAYS IN at this time.</p>
			<p class="leading-normal my-3">MONDAY-FRIDAY forensic exams are also available via appointment call the Lodge to book.</p>
			<p class="leading-normal my-3">Drop in for counselling Thursdays 11:00 a.m. to 3:00 p.m.</p>
			<p class="leading-normal my-3">Additional counselling days are available, please call us to book a time!</p>
			<p class="leading-normal mb-0 mt-10 font-bold text-xl">Drop-In Hours</p>
			<p class="leading-normal my-3 mt-2">Tuesday 11am - 3pm</p>
			<p class="leading-normal my-3">Thursday 11am - 3pm</p>
			<p class="leading-normal mb-0 mt-10 font-bold text-xl">Contact Us</p>
			<p class="leading-normal my-3">Lodge Phone: <a href="tel:+12045946500">(204) 594-6500</a> <strong>(Phone not monitored 24/7)</strong></p>
			<p class="leading-normal my-3">Email: <a href="mailto:info@kanikanichihk.ca">info@kanikanichihk.ca</a></p>
		</div>
		<div class="prose prose-lg p-4">
			<img src="<?php echo esc_url( $map_img ); ?>" alt="Map" class="flex-1 object-contain rounded-lg self-end md:mt-0 md:mb-0 pb-0">
			<p class="my-0">Find us at #102-765 Main Street<br>Winnipeg, MB R2W 3N5</p>
			<img src="<?php echo esc_url( $hands_img ); ?>" alt="Hands" class="flex-1 object-contain absolute bottom-0 right-0 h-40 -mb-12 -mr-12">
		</div>
	</div>
</section>

<?php get_footer(); ?>