@php

    $laco = App::getLocale() != null ? App::getLocale(): 'ar';

      $header_data = App\Models\Setting::select('test_exam_id', 'home_title_' . $laco . ' as home_title', 'home_description_' . $laco . ' as home_description')->find(1);

    $packages = App\Models\Package::where([['show_in_home', true],['active',1]])
        ->orderBy('arrangement', 'ASC')
        ->with([
            'offer' => function ($offer) {
                $offer->whereDate('end_date', '>', now())->whereDate('start_date', '<', now());
            },
        ])
        ->latest()
        ->take(3)
        ->get();
    $packId = $packages->pluck('id')->toArray();
    if(Auth()->check())
    {
         $subsc = \App\Models\Subscription::where('user_id',Auth()->user()->id)
         ->whereDate('expiration_date', '>', now())
         ->whereIn('package_id',$packId)->pluck('package_id')->toArray();
    }
    $langAndDefaultLang = App\Models\Setting::select('default_lang', 'lang_ar', 'lang_en', 'lang_nl')->find(1);
    $moreThanOneLang = 0;
    if ($langAndDefaultLang->lang_ar == true) {
        $moreThanOneLang++;
    }
    if ($langAndDefaultLang->lang_en == true) {
        $moreThanOneLang++;
    }
    if ($langAndDefaultLang->lang_nl == true) {
        $moreThanOneLang++;
    }

@endphp
    <!--section class="container-fluid hero-section">
    <div class="row hero-section-row">
        <div class="col-lg-10 col-md-9 col-sm-12 data-wrapper justify-content-between flex-row-reverse">
            @if ($moreThanOneLang > 1)
    <div class="row lang-container mx-5 home-header-chang-lang">
@if ($langAndDefaultLang->lang_ar == true)
        <a href="javascript:void(0)" data-code="ar" class="lang-change lang-btn">
            <img src="{{ url('front_them/assets/imgs/Flag_of_Saudi_Arabia.svg.png') }}" alt="mdo"
                                 width="100" height="60">
                        </a>


















    @endif
    @if ($langAndDefaultLang->lang_en == true)
        <a href="javascript:void(0)" data-code="en" class="lang-change lang-btn">
            <img src="{{ url('front_them/assets/imgs/Flag_of_the_United_Kingdom.png') }}" alt="mdo"
                                 width="100" height="60">
                        </a>


















    @endif
    @if ($langAndDefaultLang->lang_nl == true)
        <a href="javascript:void(0)" data-code="nl" class="lang-change lang-btn">
            <img src="{{ url('front_them/assets/imgs/Flag_of_the_Netherlands.png') }}" alt="mdo"
                                 width="100" height="60">
                        </a>


















    @endif
    </div>


















@endif
<section class="packages container">
    <div class="row w-100 cards-row" id="packages-cards">
@if (session('error'))
    <div class="alert alert-danger" style="margin-bottom: 3em">
{{ session('error') }}
    </div>


















@endif
@forelse ($packages as $key => $package)
    @if ($package->{'badge_' . App::getLocale()})
        <div class="package-wrapper col-md-4 active animate__animated animate__zoomIn">

@if (Auth::check())
            @if ($package->offer)
                <a style="text-decoration:none"
                   href="{{ route('purchasePackage', ['offer', $package->offer->id]) }}">


















            @else
                <a style="text-decoration:none"
                   href="{{ route('purchasePackage', ['package', $package->id]) }}">


















            @endif
        @else
            <a style="text-decoration:none" href="{{ route('register') }}">


















        @endif

        <div class="ribbon">
            <span>{{ $package->{'badge_' . App::getLocale()} }}</span>
                                                            </div>
                                                            <h4 class="title">{{ $package->{'name_' . App::getLocale()} }}</h4>
                                                            <div class="price-wrapper">
                                                                <p class="price">
                                                                    @if ($package->offer)
            <sub class="before">{{ $package->price }}</sub>
                                                                        <span>{{ $package->price - $package->offer->discount_amount }}</span>


















        @else
            <span>{{ $package->price }}</span>


















        @endif
        <sub>€</sub>
    </p>
</div>
<ul class="features">
{!! $package->{'notes_' . App::getLocale()} !!}
        </ul>
@if (Auth::check())
            @if ($package->offer)
                <a class="btn"
                   href="{{ route('purchasePackage', ['offer', $package->offer->id]) }}">{{ trans('messages.buyNow') }}</a>


















            @else
                <a href="{{ route('purchasePackage', ['package', $package->id]) }}"
                                                                       class="btn">{{ trans('messages.buyNow') }}</a>


















            @endif
        @else
            <a href="{{ route('register') }}"
                                                                   class="btn">{{ trans('messages.buyNow') }}</a>


















        @endif

        </a>
</div>


















    @else
        <div class="package-wrapper animate__animated animate__zoomIn">
@if (Auth::check())
            @if ($package->offer)
                <a style="text-decoration:none"
                   href="{{ route('purchasePackage', ['offer', $package->offer->id]) }}">


















            @else
                <a style="text-decoration:none"
                   href="{{ route('purchasePackage', ['package', $package->id]) }}">


















            @endif
        @else
            <a style="text-decoration:none" href="{{ route('register') }}">


















        @endif

        <h4 class="title">{{ $package->{'name_' . App::getLocale()} }}</h4>
                                                            <div class="price-wrapper">
                                                                <p class="price">
                                                                    @if ($package->offer)
            <sub class="before">{{ $package->price }}</sub>
                                                                        <span>{{ $package->price - $package->offer->discount_amount }}</span>


















        @else
            <span>{{ $package->price }}</span>


















        @endif
        <sub>€</sub>
    </p>
</div>
<ul class="features">
{!! $package->{'notes_' . App::getLocale()} !!}
        </ul>
@if (Auth::check())
            @if ($package->offer)
                <a class="btn"
                   href="{{ route('purchasePackage', ['offer', $package->offer->id]) }}">{{ trans('messages.buyNow') }}</a>


















            @else
                <a href="{{ route('purchasePackage', ['package', $package->id]) }}"
                                                                       class="btn">{{ trans('messages.buyNow') }}</a>


















            @endif
        @else
            <a href="{{ route('register') }}"
                                                                   class="btn">{{ trans('messages.buyNow') }}</a>


















        @endif
        </a>
</div>



















    @endif
@empty
    <h3>{{ trans('messages.No Packages') }}</h3>


















@endforelse
</div>

<a href="{{ route('examInfo', $header_data->test_exam_id) }}"
                   class="btn">{{ trans('messages.Free demo test') }}</a>
            </section>

        </div>

    </div>
</section-->
<style>
    @media (max-width: 576px) {
        .header-section.desktop {
            display: none;
        }

        .header-section.mobile {
            display: block !important;
        }

        .header-section .btn {
            padding: 0.4rem 3rem !important;
        }

        .mobile .package-header {
            flex-wrap: wrap;
        }

        .form-check-input, .form-check-input + label {
            font-size: 14px;
        }
    }

    .package-card .offer_badge {
        position: absolute;
        overflow: hidden;
        width: 150px;
        height: 150px;
        top: -10px;
        right: -10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .package-card .offer_border {
        position: absolute;
        top: 40px;
        right: -20px;
        width: 150%;
        height: 35px;
        transform: rotate(45deg) translateY(-20px);
        background: transparent;
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
    }

    .package-card .offer_badge::before {
        content: attr(offer-content);
        position: absolute;
        width: 150%;
        height: 40px;
        background-image: linear-gradient(45deg, #148500 0%, #21cb0e 51%, #148500 100%);
        transform: rotate(45deg) translateY(-20px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 600;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.23);
    }

    .package-card .offer_badge::after {
        content: '';
        position: absolute;
        width: 10px;
        bottom: 0;
        right: 0;
        height: 10px;
        z-index: -1;
        box-shadow: -140px -140px #020a00;
        background-image: linear-gradient(45deg, #020a00 0%, #25d511 51%, #0b4700 100%);
    }

    .packages-container, .package-card {
        transition: 0.4s all ease
    }

    .packages-container:hover .package-card {
        filter: blur(3px);
        opacity: .5;
        transform: scale(.98);
        box-shadow: none;
    }

    .packages-container:hover .package-card:hover {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
        box-shadow: unset;
        background: #1ba9ff !important;
        color: white !important;
        cursor: pointer;
        border: unset !important;
    }

    .form-check-input, .form-check-input + label {
        cursor: pointer;

    }

    .btn, .lang-btn {
        transition: 0.4s all ease;
    }

    .btn:hover {
        transform: scale(1.1)
    }

    .lang-btn:hover {
        letter-spacing: 1.5px;
    }

    .video-show {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
</style>

<div class="container-fluid header-section desktop">
    <div class="row justify-content-center p-4 mx-5" style="border:3px solid #c9c9c9; border-radius:20px">
        <div class="col-12 text-center mb-5">
            @if ($moreThanOneLang > 1)
                <div class="row lang-container mx-5 home-header-chang-lang">
                    @if ($langAndDefaultLang->lang_ar == true)
                        <a href="javascript:void(0)" data-code="ar" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px; margin-inline-end:5px">
                            <input class="form-check-input" type="radio" name="lang"
                                   id="arabicLang" {{App::getLocale() == 'ar'?"checked":""}}>
                            <label for="arabicLang">العربية</label>
                        </a>
                    @endif
                    @if ($langAndDefaultLang->lang_en == true)
                        <a href="javascript:void(0)" data-code="en" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px;; margin-inline-end:5px">
                            <input class="form-check-input" type="radio" name="lang"
                                   id="englishLang" {{App::getLocale() == 'en'?"checked":""}}>
                            <label for="englishLang">English</label>
                        </a>
                    @endif
                    @if ($langAndDefaultLang->lang_nl == true)
                        <a href="javascript:void(0)" data-code="nl" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px; margin-inline-end:5px">
                            <input class="form-check-input" type="radio" name="lang"
                                   id="netherLang" {{App::getLocale() == 'nl'?"checked":""}}>
                            <label for="netherLang">Nederlands</label>
                        </a>
                    @endif
                </div>
            @endif
        </div>
        @if(\App\Models\Setting::first()->section_package == 1)
            <div class="col-12 text-center mb-5">
                <a href="{{route('start_package')}}"
                   class="btn"
                   style="background:#01b701; border-radius:20px; padding:0.5rem 7rem; color:white; font-size:20px; font-weight:bold">{{ trans('messages.Start Exam') }}
                </a>
            </div>
            <div class="col-12 mb-5">
                <form id="desktopPackages" name="desktopPackages" method="post"
                      action="{{route('purchasePackage')}}">
                    <div class="row packages-container">
                        @if (session('error'))
                            <div class="alert alert-danger" style="margin-bottom: 3em">
                                {{ session('error') }}
                            </div>
                        @endif

                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        @foreach($packages as $key => $package)
                            <div class="col-lg-4 col-md-6 col-sm-12"
                                 style="{{$loop->iteration ==2?'padding-inline:2rem;':''}}">
                                @if($package->type_view == 'photo' && $package->{'cove_desktop_' . App::getLocale()} != null )
                                    <a href="{{route('start_package',$package->id)}}" for="{{$package->id}}"
                                       class="package-card"
                                       style=" color:black;position:relative;display: block;text-decoration:none; width:100%; {{$loop->iteration ==2?'transform:scale(1.1);':''}}">

                                        <div class="package-wrapper">
                                            <div
                                                class="package-header d-flex align-items-center justify-content-between flex-wrap">
                                                @if(!empty($package->{'cove_desktop_' . App::getLocale()}) && file_exists(public_path().'/'.$package->{'cove_desktop_' . App::getLocale()}) )
                                                    @if(in_array(pathinfo($package->{'cove_desktop_' . App::getLocale()}, PATHINFO_EXTENSION),["JPG","jpg","jpeg","gif","png","bmp"]))
                                                        <img style="width:100%;aspect-ratio:1/1;"
                                                             src="{{ url($package->{'cove_desktop_' . App::getLocale()}) }}"
                                                             alt="">
                                                    @else
                                                        <video loop="loop" playsinline muted autoplay
                                                               style=" border-radius:5px;"
                                                               class="video-show">
                                                            <source
                                                                src="{{ url($package->{'cove_desktop_' . App::getLocale()}) }}"
                                                                type="video/mp4">
                                                        </video>
                                                        <!--<video  class="video-show"-->
                                                        <!--       src="{{ url($package->{'cove_desktop_' . App::getLocale()}) }}"-->
                                                        <!--       autoplay="autoplay" controls >-->
                                                        <!--</video>-->

                                                    @endif
                                                @else
                                                    <img style="width:100%;aspect-ratio:1/1;"
                                                         src="{{ url('front_them/assets/imgs/02.png') }}"
                                                         alt="">
                                                @endif
                                            </div>
                                        </div>
                                    </a>
                                @else
                                    <a href="{{route('start_package',$package->id)}}" for="{{$package->id}}"
                                       class="package-card"
                                       style=" color:black;position:relative;display: block;text-decoration:none;background-color:{{$package->color_background!= null?$package->color_background:'#0000ff30' }}; border:1px solid {{$package->color_border!= null?$package->color_border:'#b3b3b3'}}; width:100%; border-radius:5px; padding:1.5rem 4rem 1.5rem 1.5rem; {{$loop->iteration ==2?'transform:scale(1.1);':''}}">

                                        @if($package->{'badge_' . App::getLocale()} != null)
                                            <span class="offer_badge"
                                                  offer-content="{{$package->{'badge_' . App::getLocale()} }}">
                                     <span class="offer_border"></span>
                                    </span>
                                        @endif
                                        <div class="package-wrapper">
                                            <div
                                                class="package-header d-flex align-items-center justify-content-between flex-wrap">
                                                @if(!empty($package->photo_desktop) && file_exists(public_path().'/'.$package->photo_desktop) )
                                                    @if(in_array(pathinfo($package->photo_desktop, PATHINFO_EXTENSION),["jpg","jpeg","gif","png","bmp"]))
                                                        <img style="height:100px;width:auto;aspect-ratio:1/1;"
                                                             src="{{ url($package->photo_desktop) }}" alt="">
                                                    @else
                                                        <video style="height:100%;width:100%;aspect-ratio:1/1;"
                                                               src="{{ url($package->photo_desktop) }}"
                                                               controls autoplay>
                                                        </video>
                                                    @endif
                                                @else
                                                    <img style="height:100px;width:auto;aspect-ratio:1/1;"
                                                         src="{{ url('front_them/assets/imgs/02.png') }}"
                                                         alt="">
                                                @endif
                                                <span class="package-price"
                                                      style="font-size:30px; font-weight:900;">
                                        @if ($package->offer)
                                                        <sub class="before"
                                                             style="text-decoration: line-through;">{{ $package->price }}</sub>
                                                        <span>{{ $package->price - $package->offer->discount_amount }}</span>
                                                    @else
                                                        {{ $package->price }}
                                                    @endif
                                          €
                                    </span>
                                            </div>
                                            <div class="package-select">
                                                @if(Auth()->check())
                                                    @if ($package->offer)
                                                        <input class="form-check-input" type="radio"
                                                               id="{{$package->id}}"
                                                               name="id"
                                                               value="{{$package->offer->id}}" {{in_array($package->id,$subsc)?"checked":""}}>
                                                        <input type="hidden" name="package_offer" value="offer">
                                                    @else
                                                        <input class="form-check-input" type="radio"
                                                               id="{{$package->id}}"
                                                               name="id"
                                                               value="{{$package->id}}" {{in_array($package->id,$subsc)?"checked":""}}>
                                                        <input type="hidden" name="package_offer" value="package">
                                                    @endif
                                                @else
                                                    <input class="form-check-input" type="radio" id="{{$package->id}}"
                                                           name="id"
                                                           value="{{$package->id}}">
                                                    <input type="hidden" name="package_offer" value="package">

                                                @endif

                                                <span
                                                    style="font-size:22px; font-weight:700">{{ $package->{'name_' . App::getLocale()} }}</span>
                                                <input type="hidden" name="_token" value="{{csrf_token()}}">

                                            </div>
                                            <div class="package-options">
                                                <ul style="list-style-type:none" class="">
                                                    {!! $package->{'notes_' . App::getLocale()} !!}
                                                </ul>
                                            </div>
                                        </div>
                                    </a>
                                @endif


                            </div>
                        @endforeach
                    </div>
                </form>
            </div>
            <div class="col-12 text-center">
                <a href="{{ route('examInfo', $header_data->test_exam_id) }}"
                   class="btn"
                   style="background:#1ba9ff; border-radius:20px; padding:0.5rem 7rem; color:white">{{ trans('messages.Free demo test') }}
                </a>
            </div>
        @endif
    </div>
</div>
<div class="container-fluid header-section mobile d-none mt-3">
    <div class="row justify-content-center mx-2" style="border:3px solid #c9c9c9; border-radius:20px">
        <div class="col-12 text-center mb-3">
            @if ($moreThanOneLang > 1)
                <div class="row lang-container mx-5 home-header-chang-lang flex-nowrap">
                    @if ($langAndDefaultLang->lang_ar == true)
                        <a href="javascript:void(0)" data-code="ar" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px; margin-inline-end:5px">
                            <input type="radio" class="form-check-input" name="lang1"
                                   id="arabicLang1" {{App::getLocale() == 'ar'?"checked":""}}>
                            <label for="arabicLang1">العربية</label>
                        </a>
                    @endif
                    @if ($langAndDefaultLang->lang_en == true)
                        <a href="javascript:void(0)" data-code="en" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px; margin-inline-end:5px">
                            <input type="radio" class="form-check-input" name="lang1"
                                   id="englishLang1" {{App::getLocale() == 'en'?"checked":""}}>
                            <label for="englishLang1">English</label>
                        </a>
                    @endif
                    @if ($langAndDefaultLang->lang_nl == true)
                        <a href="javascript:void(0)" data-code="nl" class="lang-change lang-btn"
                           style="color:black; border:2px solid grey; border-radius:10px; margin-inline-end:5px">
                            <input type="radio" class="form-check-input" name="lang1"
                                   id="netherLang1" {{App::getLocale() == 'nl'?"checked":""}}>
                            <label for="netherLang1">Nederlands</label>
                        </a>
                    @endif
                </div>
            @endif
        </div>
        @if(\App\Models\Setting::first()->section_package == 1)
            <div class="col-12 text-center mb-3">

                <a href="{{route('start_package')}}"
                   class="btn"
                   style="background:#01b701; border-radius:20px; padding:0.5rem 7rem; color:white; font-weight:bold">{{ trans('messages.Start Exam') }}
                </a>

            </div>
            <div class="col-12 mb-2">
                <form id="MobilePackages" name="MobilePackages" method="post"
                      action="{{route('purchasePackage')}}">
                    <div class="row">
                        @if (session('error'))
                            <div class="alert alert-danger" style="margin-bottom: 3em">
                                {{ session('error') }}
                            </div>
                        @endif

                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        @php

                            $packages = $packages->sortBy('arrangement_phone')->all();

                        @endphp
                        @foreach($packages as $key => $package)
                            <div class="col-12" style="padding:0">
                                <div class="row justify-content-center">
                                    <div class="col-10 mb-2">
                                        @if($package->type_view == 'photo' && $package->{'cove_phone_' . App::getLocale()} != null )
                                            <a href="{{route('start_package',$package->id)}}" for="mob_{{$package->id}}"
                                               class="package-card"
                                               style="color:black;display: block;text-decoration:none;position:relative; width:100%; border-radius:5px;}}">


                                                <div class="package-wrapper">
                                                    <div
                                                        class="package-header d-flex align-items-center justify-content-between">
                                                        @if(!empty($package->{'cove_phone_' . App::getLocale()}) && file_exists(public_path().'/'.$package->{'cove_phone_' . App::getLocale()}) )
                                                            @if(in_array(pathinfo($package->{'cove_phone_' . App::getLocale()}, PATHINFO_EXTENSION),["jpg","jpeg","gif","png","bmp"]))
                                                                <img
                                                                    style="width:100%;aspect-ratio:1/1;"
                                                                    src="{{ url($package->{'cove_phone_' . App::getLocale()}) }}"
                                                                    alt="">
                                                            @else
                                                                <!-- <video style="height:100%;width:100%;aspect-ratio:1/1;"
                                                                       src="{{ url($package->{'cove_phone_' . App::getLocale()}) }}"
                                                                       controls autoplay>
                                                                </video> -->
                                                                <video loop="loop" muted playsinline autoplay
                                                                       style=" border-radius:5px;"
                                                                       class="video-show">
                                                                    <source
                                                                        src="{{ url($package->{'cove_phone_' . App::getLocale()}) }}"
                                                                        type="video/mp4">
                                                                </video>
                                                            @endif
                                                        @else
                                                            <img
                                                                style=" width:100%;aspect-ratio:1/1;"
                                                                src="{{ url('front_them/assets/imgs/02.png') }}"
                                                                alt="">
                                                        @endif
                                                    </div>
                                                </div>
                                            </a>
                                        @else
                                            <a href="{{route('start_package',$package->id)}}" for="mob_{{$package->id}}"
                                               class="package-card"
                                               style="color:black;display: block;text-decoration:none;position:relative;background-color:{{$package->color_background!= null?$package->color_background:'#0000ff30' }}; border:1px solid {{$package->color_border!= null?$package->color_border:'#b3b3b3'}}; width:100%; border-radius:5px; padding:1rem;}}">


                                                @if($package->{'badge_' . App::getLocale()} != null)
                                                    <div class="ribbon ribbon-top-right">
                                                        <span>{{$package->{'badge_' . App::getLocale()} }}</span>
                                                    </div>

                                                @endif

                                                <div class="package-wrapper">
                                                    <div
                                                        class="package-header d-flex align-items-center justify-content-between">
                                                        @if(!empty($package->photo_phone) && file_exists(public_path().'/'.$package->photo_phone) )
                                                            @if(in_array(pathinfo($package->photo_phone, PATHINFO_EXTENSION),["jpg","jpeg","gif","png","bmp"]))
                                                                <img
                                                                    style="height:100px;width:120px;aspect-ratio:1/1; margin-inline-start:1rem"
                                                                    src="{{ url($package->photo_phone) }}"
                                                                    alt="">
                                                            @else
                                                                <video style="height:100%;width:100%;aspect-ratio:1/1;"
                                                                       src="{{ url($package->photo_phone) }}"
                                                                       controls autoplay>
                                                                </video>

                                                            @endif
                                                        @else
                                                            <img
                                                                style="height:100px; width:120px;aspect-ratio:1/1; margin-inline-start:1rem"
                                                                src="{{ url('front_them/assets/imgs/02.png') }}"
                                                                alt="">
                                                        @endif
                                                        <span class="package-price"
                                                              style="font-size:30px; font-weight:900; white-space:nowrap">

                                        @if ($package->offer)
                                                                <sub
                                                                    class="before"
                                                                    style="text-decoration: line-through;">{{ $package->price }}</sub>
                                                                <span>{{ $package->price - $package->offer->discount_amount }}</span>
                                                            @else
                                                                {{ $package->price }}
                                                            @endif
                                          €
                                            </span>
                                                    </div>
                                                    <div class="package-select">
                                                        @if(Auth()->check())
                                                            @if ($package->offer)
                                                                <input class="form-check-input" type="radio"
                                                                       id="mob_{{$package->id}}"
                                                                       name="id"
                                                                       value="{{$package->offer->id}}" {{in_array($package->id,$subsc)?"checked":""}}>
                                                                <input type="hidden" name="package_offer" value="offer">
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       id="mob_{{$package->id}}"
                                                                       name="id"
                                                                       value="{{$package->id}}" {{in_array($package->id,$subsc)?"checked":""}}>
                                                                <input type="hidden" name="package_offer"
                                                                       value="package">
                                                            @endif
                                                        @else
                                                            <input class="form-check-input" type="radio"
                                                                   id="mob_{{$package->id}}"
                                                                   name="id"
                                                                   value="{{$package->id}}">
                                                            <input type="hidden" name="package_offer" value="package">
                                                        @endif
                                                        <span
                                                            style="font-size:18px; font-weight:700;">{{ $package->{'name_' . App::getLocale()} }}</span>
                                                        <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                    </div>
                                                    <div class="package-options">
                                                        <ul style="list-style-type:none" class="">
                                                            {!! $package->{'notes_' . App::getLocale()} !!}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </a>
                                        @endif


                                    </div>
                                </div>

                            </div>
                        @endforeach
                    </div>
                </form>

            </div>
            <div class="col-12 text-center mb-3">
                <a href="{{ route('examInfo', $header_data->test_exam_id) }}"
                   class="btn"
                   style="background:#1ba9ff; border-radius:20px; padding:0.5rem 7rem; color:white; white-space:nowrap">{{ trans('messages.Free demo test') }}
                </a>
            </div>
        @endif
    </div>
</div>