@extends('layout.mainlayout')

@section('content')
    @php
        $locale = app('translator')->getLocale() ?? 'en';
            $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';

            if (isset($global_symbol['from_website']) && $global_symbol['from_website']){
                if ($locale == 'en'){
                  if(isset($global_symbol['is_html']) && $global_symbol['is_html']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }else{
                   if(isset($global_symbol['is_html_ar']) && $global_symbol['is_html_ar']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }
            }
    @endphp
    <style>
        .splide__track--draggable{
            padding: 0 !important;
        }
    </style>
    <main class="page-main">
        <!-- Start Provider info Sec -->
        <section class="new-sec test-sec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="test-img">
                            <img src="@if(app('translator')->getLocale() == "ar") {{$package->IMAGE_URL_AR}} @else {{$package->IMAGE_URL}} @endif" alt="Provider Name">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="test-content">
                            <h5 class="steps">
                                <a href="/" class="step">{{trans('web.home')}}</a>
                                <i class="ri-arrow-right-s-line"></i>
                                @if($package->IS_PACKAGE)
                                    <a href="/apackages" class="step">{{trans('web.packages')}}</a>
                                @else
                                    <a href="/itest" class="step">{{trans('web.test')}}</a>
                                @endif
                                <i class="ri-arrow-right-s-line"></i>
                                <a href="javascript:void(0)" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif class="step">@if(app('translator')->getLocale() == "ar"){{$package->NAME_AR}}@else{{$package->NAME_EN}}@endif</a>
                            </h5>
                            <h2 class="title">
                                    @if(app('translator')->getLocale() == "ar"){{$package->NAME_AR}}@else{{$package->NAME_EN}}@endif
                            </h2>
                            @if(!empty($package->HOURS))
                                <div class="notes">
                                    <p class="note"><i class="ri-time-line"></i> {{trans('web.results_in')}} {{$package->HOURS}} {{trans('web.hours')}}</p>
                                </div>
                            @endif
                            <p class="desc">
                                    @if(app('translator')->getLocale() == "ar"){!! $package->DESC_AR !!}@else{!! $package->DESC_EN !!}@endif
                            </p>
                            <div class="test-info">
                                <h6 class="price">
                                    @if(!empty($package->PRICE)) {{$package->PRICE}} {!! $currency_code !!}@endif
                                </h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Provider info Sec -->

        <section class="new-sec companies-sec" style="background-color: #FAFAFC;">
            <div class="container">
                <div class="sec-header" style="text-align: center;">
                    <h5 class="subtitle">{{trans('web.packages')}}</h5>
                    <h2 class="sec-title">{{trans('web.find_your_service_provider')}} </h2>
                </div>
                <div class="sec-tabs">
                </div>
                <div class="companies">
                    <div class="row">
                        @foreach($package->labs as $lab)
                            <div class="col-sm-6 col-lg-4">
                                <div class="single-box">
                                    <div class="box-image">
                                        <img src="{{$lab->WEBSITE_LOGO}}" alt="Cmpany Name">
                                    </div>
                                    <div class="box-info">
                                        <h3><a class="company-name" style="color: black" @if(empty($lab->EXTERNAL_LINK)) href="/{{$lab->ID}}/lab?type=1" @else href="{{$lab->EXTERNAL_LINK}}" @endif>@if(app('translator')->getLocale() == "ar"){{$lab->WEBSITE_NAME_AR}}@else{{$lab->WEBSITE_NAME_EN}}@endif</a></h3>
                                        <div class="company-rate" style="display: none">
                                            <i class="ri-star-fill icon"></i>
                                            <i class="ri-star-fill icon"></i>
                                            <i class="ri-star-fill icon"></i>
                                            <i class="ri-star-fill icon"></i>
                                            <i class="ri-star-line icon"></i>
                                        </div>
                                        <p class="location" style="display: flow-root;">
                                            <span class="value"><i class="ri-map-pin-line icon"></i>@if(app('translator')->getLocale() == "ar"){{$lab->CITYSTATE->ARABIC_NAME}}@else{{$lab->CITYSTATE->ENG_NAME}}@endif<br></span>
                                            <span lat="{{$lab->GPS_LATITUDE}}" long="{{$lab->GPS_LONGITUDE}}" class="km location-info">145KM</span>
                                        </p>

                                        <div class="box-footer">
                                            <h5 class="price">@if(!empty($lab->pivot->PRICE)){{$lab->pivot->PRICE}} {!! $currency_code !!}@endif</h5>
                                            <a style="border: none; color:white;" @if(empty($lab->EXTERNAL_LINK)) href="/cart?test={{$package->ID}}&hospitalId={{$lab->ID}}&type={{$type}}" @else href="{{$lab->EXTERNAL_LINK}}" @endif class="btn send-btn mt-1">
                                                <span class="icon">&#10230;</span>
                                                {{trans("web.book_now")}}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @endforeach

                    </div>

                    <div class="btns">
                        <div class="row">
                            <div class="col-md-12 text-center">
                                @if(count($package->labs))
                                    <a href="/{{$package->ID}}/package-providers" class="view d-block" style="color:#6f7275">{{trans("web.view_all")}} <span class="bi bi-chevron-right"></span></a>
                                @else
                                    <p class="view d-block" style="color:#6f7275">{{trans("web.no_labs")}}</p>
                                @endif
                            </div>
                        </div>
                        {{-- <a href="#" class="btn more-btn">
                             Load more
                             <i class="ri-restart-line icon"></i>
                         </a>--}}
                    </div>
                </div>
            </div>
        </section>
        @if(!empty($similarPackages) && count($similarPackages)>0 && false)
        <section class="new-sec recently-sec tests-sec" style="background-color: white">
            <div class="container">
                <div class="sec-header">
                    <h2 class="sec-title">{{trans('web.similar_test')}}</h2>
                </div>
                <!-- Section Slider -->
                <div id="testimonials" class="splide" role="group" aria-label="Splide Basic HTML Example">
                    <div class="splide__track">
                        <div class="splide__list">
                            @foreach($similarPackages as $package)
                                <div class="splide__slide">
                                    <div class="single-box">
                                        <div class="box-image">
                                            <img src="@if(app('translator')->getLocale() == "ar"){{$package->IMAGE_URL}}@else{{$package->IMAGE_URL_AR}}@endif" alt="Test">
                                        </div>
                                        <div class="box-content">
                                            <h6 class="box-tag">{{ $package->IS_PACKAGE ? trans('web.packages') : trans('web.test') }}</h6>
                                            <h3 class="box-title">@if(app('translator')->getLocale() == "ar"){{$package->NAME_AR}}@else{{$package->NAME_EN}}@endif</h3>
                                            <p class="box-desc" style="color: #575757;">
                                                @if($package->TEST_CATEGORY == 10)
                                                    @if(app('translator')->getLocale() == "ar"){!!nl2br($package->SMART_DESC_AR)!!}@else{!!nl2br($package->SMART_DESC_EN)!!}@endif
                                                @else
                                                    @if(app('translator')->getLocale() == "ar"){!!nl2br($package->LONG_DESC_AR)!!}@else{!!nl2br($package->LONG_DESC_EN)!!}@endif

                                                @endif
                                            </p>
                                        </div>
                              
                                        <div class="box-footer">
                                            <h5 class="price">@if(!empty($package->PRICE)){{$package->PRICE}} {!! $currency_code !!}@endif</h5>
                                            <a @if(!empty($package->IS_PACKAGE)) href="/{{$package->ID}}/package-details?type={{$type}}" @else href="/{{$package->ID}}/package-details?type={{$type}}" @endif class="btn cta-btn">
                                                <span class="icon">&#10230;</span> {{trans('web.book_now')}}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="splide__arrows splide__arrows--ltr">
                        <button
                                class="splide__arrow splide__arrow--prev"
                                type="button"
                                aria-label="Previous slide"
                                aria-controls="splide01-track"
                        >
                            <span class="icon">&#10229;</span>
                        </button>
                        <button
                                class="splide__arrow splide__arrow--next"
                                type="button"
                                aria-label="Next slide"
                                aria-controls="splide01-track"
                        >
                            <span class="icon">&#10230;</span>
                        </button>
                    </div>
                </div>
            </div>
        </section>
        @endif
        <!-- Start CTA Section -->
        @include('still-have-question')
        <!-- End CTA Section -->
    </main>
@endsection