@extends('layouts.app')
@section('content')
    <!-- MAIN -->
    <main class="page-maincontent" id="page-main-content">
        <!-- SECTION Single Content -->
        <section class="section section-single-content pt-60 pb-120 pt-0-mb pb-0-mb">
            <!-- Background Layer -->
            <div class="bg-layer">
                <figure class="img-holder bg-mode bg-img">
                    <picture>
                        <source srcset="{{ asset('app/img/common/t-c-bg-tablet.jpg') }}" media="(max-width: 1080px)">
                        <source srcset="{{ asset('app/img/common/t-c-bg-mb.jpg') }}" media="(max-width: 480px)">
                        <img src="{{ asset('app/img/common/page-cloud-bg.jpg ') }}" alt="" width="294px" height="152px">
                    </picture>
                </figure>

                <div class="bg-transition"></div>
            </div>

            <!-- Content Detail -->
            <div class="content-container pt-70 pb-150">
                <figure class="decor-img img-holder">
                    <img class="lazy" data-src="{{ asset('app/img/submit-form/form-decor.jpg') }}" alt="">
                </figure>

                <!-- Cloud Decor -->
                <div class="mb-show cloud-decor">
                    <figure class="img-holder cloud-img cloud-1">
                        <picture>
                            <source srcset="{{ asset('app/img/common/terms-condition-cloud.png') }}">
                            <img src="terms-condition-cloud.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                        </picture>
                    </figure>
                    <figure class="img-holder cloud-img cloud-2">
                        <picture>
                            <source srcset="{{ asset('app/img/common/terms-condition-cloud.png') }}">
                            <img src="terms-condition-cloud.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                        </picture>
                    </figure>
                    <figure class="img-holder cloud-img cloud-3">
                        <picture>
                            <source srcset="{{ asset('app/img/common/terms-condition-cloud.png') }}">
                            <img src="terms-condition-cloud.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                        </picture>
                    </figure>
                    <figure class="img-holder cloud-img cloud-4">
                        <picture>
                            <source srcset="{{ asset('app/img/common/terms-condition-cloud.png') }}">
                            <img src="terms-condition-cloud.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                        </picture>
                    </figure>
                    <figure class="img-holder cloud-img cloud-5">
                        <picture>
                            <source srcset="{{ asset('app/img/common/terms-condition-cloud.png') }}">
                            <img src="terms-condition-cloud.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                        </picture>
                    </figure>
                </div>
                <!-- Cloud Decor -->

                <div class="context-holder">
                    <h1 class="page-title mb-20 txt-center">
                        @isset ($termCondition['title'])
                            {{$termCondition['title']}}
                        @endisset
                    </h1>
                    <h2 class="page-sub-title mb-60 txt-center">
                        @isset ($termCondition['sub_title'])
                            {{$termCondition['sub_title']}}
                        @endisset
                    </h2>
                    <article class="context">
                        @isset ($termCondition['description'])
                            {!! $termCondition['description'] !!}
                        @endisset
                    </article>
                </div>
            </div>
        </section>
        <!-- SECTION Single Content -->

        <!-- SECTION Fly with Vietjet -->
    @include('layout/fly-with-vj')
    <!-- SECTION Fly with Vietjet - END -->
    </main>
    <!-- MAIN - END -->
@endsection