@extends('layouts.layout')
@section('content')

    <!--  section  -->
    <section class="parallax-section single-par" data-scrollax-parent="true">
        <div class="bg par-elem " data-bg="{{ asset('assets/images/awards-page-header-image.webp') }}"
            data-scrollax="properties: { translateY: '30%' }"></div>
        <div class="overlay op7"></div>
        <div class="container">
            <div class="section-title center-align big-title">
                <h2><span>Awards</span></h2>
                <span class="section-separator"></span>
                <div class="breadcrumbs fl-wrap"><a href="{{ route('home.index') }}">Home</a><span>Awards and
                        Accreditations</span>
                </div>
            </div>
        </div>
        <div class="header-sec-link">
            <a href="#sec1" class="custom-scroll-link"><i class="fal fa-angle-double-down"></i></a>
        </div>
    </section>
    <!--  section  end-->
    <section>
        <div class="container">
            <div class="section-title">
                <h2> Awards and Accreditations</h2>
                <div class="section-subtitle">Londonist Awards</div>
                <span class="section-separator"></span>
                <p>We are proud of our achievements, and it is always good to be
                    acknowledged. Below are our awards we have received for our devotion and
                    excellent service in student accommodation.</p>
            </div>
        </div>
        <div class="awardsPage">
            <div class="text-content">

                @if (isset($awards) && count($awards))
                    <div class="d-flex mt-4 awards">
                        <div class="awards__detail pr-4 pl-4 py-4">
                            @foreach ($awards as $award)
                                <div class="w-100 pr-3 flex-column d-none {{ $loop->first ? 'd-flex' : '' }}"
                                    data-award-detail="award-detail-{{ $award->id }}">
                                    <div class="d-flex align-items-center award-img-title-content">
                                        <div class="award-img">
                                            <img src="{{ $award->image }}" alt="" />
                                        </div>
                                        <h3 class="h6 fw-bold pl-4">{{ $award->title }}</h3>
                                    </div>
                                    <p class="h6 pt-2 lh-base">{!! $award->description !!}</p>

                                    @if (isset($award->badges) && count($award->badges))
                                        <div class="tag-content">
                                            @foreach ($award->badges as $badge)
                                                <div class="tag winner">
                                                    <div class="top">
                                                        <div class="icon">
                                                            <img src="{{ $badge->badge }}" alt="">
                                                        </div>
                                                        <div class="tag-title-content">
                                                            <div class="title">{{ $badge->name }}</div>
                                                            <div class="year">{{ $badge->year }}</div>
                                                        </div>
                                                    </div>
                                                    @if (!empty($badge->category))
                                                        <div class="bottom">
                                                            <b>Category:</b>
                                                            <span>{{ $badge->category->name }}</span>
                                                        </div>
                                                    @endif
                                                </div>
                                            @endforeach

                                        </div>
                                    @endif


                                    @if (isset($award->images) && count($award->images))
                                        <div class="award-imgs">
                                            <div class="owl-carousel owl-theme js-owlAwards">
                                                @foreach ($award->images as $image)
                                                    <img src="{{ $image->image }}" alt="" />
                                                @endforeach
                                            </div>
                                        </div>
                                    @endif

                                </div>
                            @endforeach
                        </div>
                        <div class="about__we-live-by__what-we-do__buttons d-flex flex-column">
                            @foreach ($awards as $award)
                                <div class="d-flex align-items-center py-3 pl-2 award__button active"
                                    data-award="{{ $award->id }}">
                                    <div class="d-flex">
                                        <img src="{{ $award->image }}" alt="" />
                                    </div>
                                    <h3 class="h6 pl-4 fw-bold">{{ $award->title }}</h3>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                <div class="accreditations">
                    <div class="subtitle">Accreditations</div>
                    <div class="row">
                        <div class="accreditations-item col-md-12 col-12">
                            <div class="h-100">
                                <div class="row h-100">
                                    <div class="img-content"><img src="https://londonist.co.uk/files/images/awards/p-1.png"
                                            alt="" />
                                    </div>
                                    <div class=""><strong>Member since 2015 </strong> <br /> The British
                                        Educational Travel Association (BETA) is the UK&rsquo;s largest
                                        association for youth, student and education and best- know
                                        businesses in these sectors. We are proud to be partners with
                                        BETA.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accreditations-item col-md-12 col-12">
                            <div class="h-100">
                                <div class="row h-100">
                                    <div class="img-content"><img src="https://londonist.co.uk/files/images/awards/p-2.png"
                                            alt="" />
                                    </div>
                                    <div class=""><strong>Member since 2019</strong> <br /> Bossa &amp;
                                        Cossa is China&rsquo;s international education industry agency
                                        association, distinctive associations for the professional
                                        practice of Chinese student recruitment. We are pleased to be a
                                        member.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accreditations-item col-md-12 col-12">
                            <div class=" h-100">
                                <div class="row h-100">
                                    <div class="img-content"><img src="https://londonist.co.uk/files/images/awards/p-3.png"
                                            alt="" />
                                    </div>
                                    <div class=""><strong>Member since 2020</strong> <br /> We are a
                                        proud member of UKinbound &ndash; the voice of inbound tourism.
                                        The only trade association representing the interests of the UK&rsquo;s
                                        inbound tourism sector and ensure it is recognized as a leading
                                        economic and employment driver in the UK.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accreditations-item col-md-12 col-12">
                            <div class="h-100">
                                <div class="row h-100">
                                    <div class="img-content"><img src="https://londonist.co.uk/files/images/awards/p-4.png"
                                            alt="" />
                                    </div>
                                    <div class=""><strong>Member since 2020</strong> <br /> They are the
                                        only premium forum that joins leading language travel agents,
                                        schools, and national associations as one global community. ALTO&rsquo;s
                                        mission is to provide a global platform for leaders and decision
                                        makers within the language travel industry to further develop
                                        and grow the industry through networking, professional
                                        development, idea and information exchange.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accreditations-item col-md-12 col-12">
                            <div class="h-100">
                                <div class="row h-100">
                                    <div class="img-content"><img src="https://londonist.co.uk/files/images/awards/p-5.png"
                                            alt="" />
                                    </div>
                                    <div class=""><strong>Member since 2016</strong> <br /> The national
                                        association of English language centres in the UK. They
                                        represent UK English language teaching nationally and
                                        internationally, promoting the highest quality, supporting their
                                        member centres and working to ensure the students enjoy the
                                        best-possible experience in the UK.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- PARTNERS END -->
                    </div>
                </div>
                <div class="sponsorhip">
                    <div class="subtitle">Sponsorhip</div>
                    <div class="sponsors">
                        <div class="sponsor"><img src="https://dev1.londonist.co.uk/assets/img/awards/vf.png"
                                alt="img" />
                            <div class="text">Sponsor VEF &ndash; The international Virtual Education
                                Fair 2018-2020
                            </div>
                        </div>
                        <div class="sponsor"><img src="https://londonist.co.uk/files/images/awards/p-1.png"
                                alt="img" />
                            <div class="text">Sponsor BETA - Youth Travel Workshop London 2018-2020
                            </div>
                        </div>
                        <div class="sponsor"><img src="https://dev1.londonist.co.uk/assets/img/awards/tls.png"
                                alt="img" />
                            <div class="text">Sponsored Visa Seminar in UK Visa Application Centre,
                                Moscow organized by TLSContact - 2019
                            </div>
                        </div>
                        <div class="sponsor"><img src="https://dev1.londonist.co.uk/assets/img/awards/study.png"
                                alt="img" />
                            <div class="text">Sponsor StudyExpo in Istanbul (Turkey) 2018-2020</div>
                        </div>
                        <div class="sponsor"><img src="https://londonist.co.uk/files/images/awards/p-1.png"
                                alt="" />
                            <div class="text">Gold Sponsor - BETA UK Parliamentary Reception 2018</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection