@extends('layouts.main-app')
@section('title', 'Homepage')
@section('content')

@include('layouts.navbar', [
    'headerTitle' => 'Services',
    'headerDescription' => 'Home > Service'
])

@php
    $services = [
        'item1' => ['title' => 'Internal Medicine', 'image' => 'oncology.png'],
        'item2' => ['title' => 'Pediatrics', 'image' => 'oncology.png'],
        'item3' => ['title' => 'Psychiatry', 'image' => 'oncology.png'],
        'item4' => ['title' => 'Ophthalmology', 'image' => 'oncology.png'],
        'item5' => ['title' => 'Obstetrics and Gynecology Surgery', 'image' => 'oncology.png'],
        'item6' => ['title' => 'Ears, Nose, Throat (ENT) and Head and Neck Surgery', 'image' => 'oncology.png']
    ];
    
    $currentService = collect($services)->first(function ($_, $key) {
        return request()->is("services/servicesoffered/$key");
    });
@endphp

@if ($currentService)
    <div>
        <section class="max-w-screen-lg mx-auto py-16 px-4">
            <div class="flex flex-col md:flex-row justify-start items-start">
                <img src="{{ asset('assets/services/' . $currentService['image']) }}" alt="" class="w-full md:w-[400px] object-cover">
                <div class="flex-1 p-4 flex flex-col space-y-10 px-4 md:px-20">
                    <h1 class="text-3xl md:text-5xl font-bold sofia-font">{{ $currentService['title'] }}</h1>
                    <p class="text-base md:text-lg font-semibold sofia-font">
                        At Prime Hospital and Medical Center Pasig Inc. (PHMCP), our {{ $currentService['title'] }} Department is dedicated to
                        providing cutting-edge care for patients diagnosed with cancer. Our multidisciplinary team of experts and
                        state-of-the-art facilities ensure that every patient receives compassionate, comprehensive, and
                        personalized treatment tailored to their specific needs.
                    </p>
                </div>
            </div>
        </section>

        {{-- Cards details for the service item --}}
        @include('components.servicescards', [
            "headerone" => "Diagnostic and Screening",
            "headerone_onelist" => ['Cancer Screening programs', 'MRI, CT Scan, X-ray, Ultrasound', 'Laboratory testing'],
            "headertwo" => "Treatment Options",
            "headertwo_twolist" => ['Pain management', 'Nutritional counseling', 'Rehabilitation programs'],
            "headerthree" => "Supportive Care",
            "headerthree_onelist" => ['Palliative care', 'Counseling', 'Well-being programs']
        ])
    </div>
@endif

@endsection