<?php 
$page_title = "Funeral Arrangements | Rev. Dr. Sally Julie Armah";
$page_description = "Official details and schedules for the funeral rites and home-going celebration of Rev. Dr. Sally Julie Armah.";
include('includes/header.php'); 
?>

<!-- Page Header -->
<section class="section-padding bg-dark text-white text-center" style="background: linear-gradient(rgba(45, 0, 80, 0.7), rgba(45, 0, 80, 0.7)), url('assets/hero_bg.png'); background-size: cover; background-position: center; padding-top: 150px;">
    <div class="container" data-aos="fade-down">
        <h6 class="text-uppercase text-gold fw-bold mb-3 ls-2">Joining together to Celebate Her</h6>
        <h1 class="font-serif display-3 mb-4">Funeral Arrangements</h1>
    </div>
</section>

<!-- Detailed Arrangements -->
<section class="section-padding bg-white">
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-8" data-aos="fade-up">
                <h2 class="section-title mb-5">Official Service Details</h2>
                
                <!-- Private Burial -->
                <div class="glass-card p-4 border border-secondary shadow mb-4">
                    <div class="row align-items-center">
                        <div class="col-md-3 text-center border-end border-secondary border-opacity-25">
                            <h3 class="text-gold font-serif">FRI</h3>
                            <h2 class="font-serif">10</h2>
                            <p class="text-uppercase small ls-2">OCT 2025</p>
                        </div>
                        <div class="col-md-9 ps-md-4 mt-3 mt-md-0">
                            <h4 class="text-primary font-serif">Private Burial Service</h4>
                            <p class="mb-1"><i class="fas fa-clock text-gold me-2"></i> 8:00 AM</p>
                            <p class="mb-0"><i class="fas fa-map-marker-alt text-gold me-2"></i> Royalhouse Chapel International (Ahenfie), Near Obetsebi Lamptey Overpass, Accra.</p>
                        </div>
                    </div>
                </div>
                
                <!-- Final Funeral Rites -->
                <div class="glass-card p-4 border border-secondary shadow mb-4">
                    <div class="row align-items-center">
                        <div class="col-md-3 text-center border-end border-secondary border-opacity-25">
                            <h3 class="text-gold font-serif">FRI</h3>
                            <h2 class="font-serif">10</h2>
                            <p class="text-uppercase small ls-2">OCT 2025</p>
                        </div>
                        <div class="col-md-9 ps-md-4 mt-3 mt-md-0">
                            <h4 class="text-primary font-serif">Final Funeral Rites</h4>
                            <p class="mb-1"><i class="fas fa-clock text-gold me-2"></i> Following the Burial Service</p>
                            <p class="mb-0"><i class="fas fa-map-marker-alt text-gold me-2"></i> Royalhouse Chapel International (Ahenfie), Accra.</p>
                        </div>
                    </div>
                </div>
                
                <!-- Thanksgiving Service -->
                <div class="glass-card p-4 border border-secondary shadow mb-5">
                    <div class="row align-items-center">
                        <div class="col-md-3 text-center border-end border-secondary border-opacity-25">
                            <h3 class="text-gold font-serif">SUN</h3>
                            <h2 class="font-serif">12</h2>
                            <p class="text-uppercase small ls-2">OCT 2025</p>
                        </div>
                        <div class="col-md-9 ps-md-4 mt-3 mt-md-0">
                            <h4 class="text-primary font-serif">Memorial & Thanksgiving Service</h4>
                            <p class="mb-1"><i class="fas fa-clock text-gold me-2"></i> 8:00 AM</p>
                            <p class="mb-0"><i class="fas fa-map-marker-alt text-gold me-2"></i> Royalhouse Chapel International (Ahenfie), Accra.</p>
                        </div>
                    </div>
                </div>
                
                <!-- Tributes Placeholder -->
                <div class="bg-cream p-5 rounded-4 text-center mt-5">
                    <h3 class="font-serif text-primary mb-3">Leave a Tribute</h3>
                    <p class="mb-4 text-muted">Would you like to share a memory or message for Rev. Dr. Armah's family? Her digital tribute book is coming soon.</p>
                    <button class="btn btn-outline-primary px-4 py-2 rounded-pill disabled" disabled>Coming Soon</button>
                </div>
            </div>
            
            <div class="col-lg-4" data-aos="fade-left">
                <div class="premium-card p-4 border-gold border shadow position-sticky" style="top: 100px;">
                    <h4 class="font-serif text-primary mb-4">Location Map</h4>
                    <div class="ratio ratio-1x1 rounded-3 overflow-hidden shadow-sm">
                        <!-- Placeholder for Map iframe -->
                        <iframe 
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3971.0456108139535!2d-0.2285149242946252!3d5.560275994419999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xfdf9a95f9cfb6cf%3A0xc3b1e3f89069d7!2sRoyalhouse%20Chapel%20International!5e0!3m2!1sen!2sgh!4v1712090000000!5m2!1sen!2sgh" 
                            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <p class="mt-4 small text-muted text-center"><i class="fas fa-info-circle me-1"></i> Directions to Royalhouse Chapel Ahenfie.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include('includes/footer.php'); ?>
