@extends('front.layouts.master')

@section('content')
    <div class="custom-facility">
        <!-- facility-level section start -->
        <section class="facility-level">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-10 col-lg-5 mx-md-auto mx-lg-0">
                        <div class="facility-img">
                            <img src="{!! isset($facility->facility_service_image) ? image($facility->facility_service_image, PAGE_PATH) : '' !!}" alt="OUR HIGH LEVEL FACILITIES" class="w-100 h-100">
                        </div>
                    </div>

                    <div class="col-12 col-lg-7 mb-4">
                        <div class="facility-content">
                            <div class="heading facility-heading mb-4">
                                <h2 class="font-extraBold mt-2">OUR HIGH LEVEL <span class="text-primary">FACILITIES</span>
                                </h2>
                            </div>

                            <div class="mb-3 font-medium">
                                {{ $facility->facility_service ?? '' }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- facility-level section end -->

        <!-- facility-service section start -->
        <section class="facility-service pt-0">
            <div class="container">
                <div class="row emergency-service justify-content-between">
                    <div class="col-12 col-md-6 col-lg-6">
                        <div class="service-content">
                            <div class="facility-heading mb-4 mb-3">
                                <h2 class="font-extraBold">EMERGENCY <span class="text-primary">SERVICES</span></h2>
                            </div>
                            <div class="mb-4">{!! $facility->emergency_service ?? '' !!}</div>
                            <span class="emergency-number">
                                <img src="{{ image($facility->emergency_contact_image ?? '', PAGE_PATH) }}"
                                    alt="EMERGENCY SERVICES" class="w-100 h-100"> </span>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 mt-4 mt-md-0 ps-lg-0">
                        <span class="emergency-img">
                            <img src="{!! image($facility->emergency_service_image ?? '', PAGE_PATH) !!}" alt="EMERGENCY SERVICES" class="w-100 h-100">
                        </span>
                    </div>
                </div>

                <div class="row mt-4 mt-lg-0">
                    <div class="col-12 col-md-6 pe-lg-0">
                        <span>
                            <img src="{!! image($facility->operation_theatre_service_image ?? '', PAGE_PATH) !!}" alt="EMERGENCY SERVICES" class="w-100">
                        </span>
                        <div class="service my-5">
                            <div class="facility-heading mb-4">
                                <h2 class="font-extraBold">FREE BUS <span class="text-primary">SERVICES</span></h2>
                            </div>
                            <div class="font-medium mb-4">
                                {!! $facility->free_bus_service ?? ''!!}
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 mt-4 mt-md-0">
                        <div class="service opration-theatre mt-lg-4">
                            <div class="facility-heading mb-4">
                                <h2 class="font-extraBold">OPERATION <span class="text-primary">THEATRE</span></h2>
                            </div>
                            <div class="font-medium mb-3">
                                {!! $facility->operation_theatre_service ?? '' !!}
                            </div>

                            <span class="d-block mt-5 free-bus">
                             
                                <img src="{{ asset('front/assets/img/FreeBusService.png') }}" class="w-100 h-100"
                                    alt="">
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- facility-service section end -->
    </div>
@endsection