@extends('frontend.layouts.master')
@section('content')
    <div class="page-banner-area" style="background: url({{ asset("$breadcrumb->name") }});">
        <div class="container">
            <div class="page-banner-content">
                <h1>{!! $about_us_immigration->title_1 !!} {!! $about_us_immigration->title_2 !!}</h1>
                <ul>
                    <li><a title="Home" href="{{ url('/') }}">Home</a></li>
                    <li>{!! $about_us_immigration->title_1 !!} {!! $about_us_immigration->title_2 !!}</li>
                </ul>
            </div>
        </div>
        <img src="{!! asset('public/frontend/images/wave21.svg') !!}" alt="Image"
        class="top_wave_img">
    </div>

    <div class="campus-information-area pb-70">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="campus-content style-2">
                        <div class="campus-title">
                            <h2>
                                {!! (session('locale')=='bn') ? $about_us_immigration->bn_title_1 : $about_us_immigration->title_1 !!} 
                                <strong>
                                    {!! (session('locale')=='bn') ? $about_us_immigration->bn_title_2 : $about_us_immigration->title_2 !!}
                                </strong>
                            </h2>
                            {!! (session('locale')=='bn') ? $about_us_immigration->bn_body : $about_us_immigration->body !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="campus-image">
                        <img src="{!! $about_us_immigration->image !!}" alt="Image">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="campus-safety-area pt-100 pb-70 bg-f4f6f9">
        <div class="container">
            <div class="counter-area">
                <div class="row">
                    <div class="col">
                        <div class="counter-card text-center">
                            <h1>
                                <span class="odometer odometer-auto-theme"
                                    data-count="{{ $statistics_counter->ex_year }}">
                                    <div class="odometer-inside"><span class="odometer-digit"><span
                                                class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">6</span></span></span></span></span><span
                                            class="odometer-digit"><span class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">5</span></span></span></span></span>
                                    </div>
                                </span>
                                <span class="target">+</span>
                            </h1>
                            <p>Current Students</p>
                        </div>
                    </div>
                    <div class="col">
                        <div class="counter-card text-center">
                            <h1>
                                <span class="odometer odometer-auto-theme"
                                    data-count="{{ $statistics_counter->happy_cus }}">
                                    <div class="odometer-inside"><span class="odometer-digit"><span
                                                class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">3</span></span></span></span></span><span
                                            class="odometer-digit"><span class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">0</span></span></span></span></span>
                                    </div>
                                </span>
                                <span class="target">+</span>
                            </h1>
                            <p>Faculty Members</p>
                        </div>
                    </div>
                    <div class="col">
                        <div class="counter-card text-center">
                            <h1>
                                <span class="odometer odometer-auto-theme"
                                    data-count="{{ $statistics_counter->new_cus }}">
                                    <div class="odometer-inside"><span class="odometer-digit"><span
                                                class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">1</span></span></span></span></span><span
                                            class="odometer-digit"><span class="odometer-digit-spacer">8</span><span
                                                class="odometer-digit-inner"><span class="odometer-ribbon"><span
                                                        class="odometer-ribbon-inner"><span
                                                            class="odometer-value">2</span></span></span></span></span>
                                    </div>
                                </span>
                                <span class="target">+</span>
                            </h1>
                            <p>Graduates</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @foreach ($about_us_section as $key => $about_us_data)
        @if ($key % 2 == 0)
            <div class="campus-information-area pt-70 pb-70">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="privacy-left-content pl-20">
                                <h5>{!! $about_us_data->title_black !!}
                                    {!! $about_us_data->title_red !!}</h5>
                                <p class="text-justify">{!! $about_us_data->body !!}</p>