@extends('front.layouts.master')

@section('content')
    <!-- banner section start -->
     <section class="description-banner">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-12 col-md-6">
                    <div class="banner-content">
                        <h2 class="text-light font-heavy text-uppercase">International Patients</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item font-medium text-light"><a href="{{ route('front.home') }}">Home</a></li>
                                <li class="breadcrumb-item font-medium text-light">International Patients</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 col-xl-3">
                    <div class="internation-number">
                        <h4 class="font-bold text-uppercase text-light">Call Us Now</h4>
                        <a href="tel: +91 (181) 501-7777, +91 81451 81451"
                            class="btn btn-primary font-medium border-0 rounded-pill"><i
                                class="fa-solid fa-phone-volume"></i> +91 (181) 501-7777, +91 81451 81451</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- banner section end -->

    <!-- section patients start -->
    @if(isset($patients) && count($patients) > 0)
    <section class="patient">
        <div class="container">
            <div class="row">
                <div class="heading facility-heading network-heading mb-4">
                    <h2 class="text-center font-bold">International Patients</h2>
                </div>

                @foreach($patients as $patient)
                    <div class="col-12 col-d-6 col-lg-4 mb-3">
                        <iframe class="custom-iframe" src="{{ $patient->url }}"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    @endif
    <!-- section patients end -->
@endsection