@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>
    .item {
        border-radius: 25px;
    }
    .owl-stage{
        padding-right:0 !important;
    }
    .owl-prev {
    position: absolute;
    top: 3%;
    margin-left: -30px;
    display: block !important;
    left: 0;
    }

    .owl-next {
        position: absolute;
        top: 3%;
        right: -30px;
        display: block !important;
    }

    .owl-nav{
        text-align: center;
        display: flex;
        justify-content: space-around;
        margin-top: 15px;
        color: #b13055;
        font-size: 22px;
        }
    @if(app('translator')->getLocale() == "ar")
        #search{
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    #search-input{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
    @endif
</style>
    <main class="page-main service-providers lab-deatails" style="min-height:500px">
        <div class="heading-div">
            <div class="container">
                <div class="lab-info d-flex justify-content-start align-items-center flex-nowrap">
                    <div class="image-div">
                        <img src="{{$hospital->WEBSITE_LOGO}}" alt="Lab Image" class="lab-image">
                    </div>
                    <div class="content-div px-3">
                        <h1 class="lab-title">@if(app('translator')->getLocale() == "ar"){{$hospital->WEBSITE_NAME_AR}}@else{{$hospital->WEBSITE_NAME_EN}}@endif</h1>
                            <p class="lab-desc mb-0">@if(app('translator')->getLocale() == "ar"){{$hospital->CITYSTATE->ARABIC_NAME}}@else{{$hospital->CITYSTATE->ENG_NAME}}@endif @if($type == 1)<br> <span lat="{{$hospital->GPS_LATITUDE}}" long="{{$hospital->GPS_LONGITUDE}}" class="km location-info">145KM</span>@endif</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Start Container Div -->
        <div class="container">
            @if(!empty($categories) && count($categories) > 0)
            <div class="row" style="margin-bottom: 20px">
                <div class="col">
                    <div class="date-side">
                        <div class="heading-side">
                            <h4 class="side-title" style="color: #e35a80">{{trans("web.category")}}</h4>
                        </div> <!-- End Heading Side -->
                        <div class="category-slider owl-carousel" style="margin-top:20px;">
                            <a style="color: #1F3E61" href="?#booking-header" >
                                <div class="card item @if(empty($category_id)) card-selected @endif">
                                    <div class="content" style="">
                                        <p style="text-align: center;margin: 10px 0;">{{trans("web.all")}}</p>

                                    </div>
                                </div>
                            </a>
                            <a style="color: #1F3E61" href="?category_id=-2#booking-header" >
                                <div class="card item @if(!empty($category_id) && $category_id == -2) card-selected @endif">
                                    <div class="content" style="">
                                        <p style="text-align: center;margin: 10px 0;">{{trans("web.package_cat_name")}}</p>

                                    </div>
                                </div>
                            </a>
                            @foreach($categories as $category)
                                <a style="color: #1F3E61" href="?category_id={{$category->ID}}#booking-header" >
                                    <div id="{{$category->ID}}" class="card item @if(!empty($category_id) && $category_id == $category->ID) card-selected @endif">
                                        <div class="content" style="">
                                            <p style="text-align: center;margin: 10px 0;">@if(app('translator')->getLocale() == "ar"){{$category->NAME_AR}}@else{{$category->NAME_EN}}@endif</p>

                                        </div>
                                    </div>
                                </a>
                            @endforeach

                        </div>
                    </div>
                </div> <!-- End Single Column (Date Side) -->
            </div>
            @if($category_id != -2 )
            <div class="row" style="margin-bottom: 20px">
                    <div class="col">
                        <form method="get" action="?">
                            <div class="input-group col-md-4" style="padding:0;">
                                <input id="search-input" class="form-control py-2" type="search" placeholder="{{trans("web.search_in")}}" name="q">
                                <span class="input-group-append">
                              </span>
                                <button id="search" class="btn btn-outline-secondary" type="submit" style="background-color: #e35a80;border-color: #e35a80; color: #fff">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                @endif
            @endif
            @if(!empty($SubCategories) && count($SubCategories) > 0 && !empty($category_id) && $category_id == -2 )
            <div class="row" style="margin-bottom: 20px">
                <div class="col">
                    <div class="date-side">
                        <div class="heading-side">
                        <h4 class="side-title" style="color: #e35a80">{{trans("web.sub_category")}}</h4>
                        </div> <!-- End Heading Side -->
                        <div class="category-slider owl-carousel" style="margin-top:20px;">
                            <a style="color: #1F3E61" href="?category_id=-2#booking-header" >
                                <div class="card item @if(empty($sub_category_id)) card-selected @endif">
                                    <div class="content" style="">
                                        <p style="text-align: center;margin: 10px 0;">{{trans("web.all")}}</p>

                                    </div>
                                </div>
                            </a>
              
                            @foreach($SubCategories as $category)
                                <a style="color: #1F3E61" href="?category_id=-2&sub_category_id={{$category->ID}}#booking-header" >
                                    <div id="{{$category->ID}}" class="card item @if(!empty($sub_category_id) && $sub_category_id == $category->ID) card-selected @endif">
                                        <div class="content" style="">
                                            <p style="text-align: center;margin: 10px 0;">@if(app('translator')->getLocale() == "ar"){{$category->NAME_AR}}@else{{$category->NAME_EN}}@endif</p>

                                        </div>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div> <!-- End Single Column (Date Side) -->
            </div>
                <div class="row" style="margin-bottom: 20px">
                    <div class="col">
                        <form method="get" action="?">
                            <div class="input-group col-md-4">
                                <input id="search-input" style="padding:6px;" class="form-control py-2" type="search" placeholder="{{trans("web.search_in")}}" name="q">
                                <span class="input-group-append">
                              </span>
                                <button id="search" class="btn btn-outline-secondary" type="submit" style="background-color: #e35a80;border-color: #e35a80; color: #fff">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            @endif
            <section class="packages-sec">

                <!-- Start sectoin Boxes -->
                <div class="sec-boxes">
                    <div class="row">
                        @foreach($hospital->allTests as $package)
                            <div class="col-md-6 col-lg-4 mb-4">
                                <div class="single-box athletics" @if(app('translator')->getLocale() == "ar") style="background: url(@if(app('translator')->getLocale() == "ar") '{{$package->IMAGE_URL_AR}}' @else '{{$package->IMAGE_URL}}' @endif ) no-repeat center center;" @else style="background: url('{{$package->IMAGE_URL}}') no-repeat center center;" @endif>
                                    <div class="box-cntnt">
                                        <h6 class="h6 title" style="@if(in_array($package->TEST_CATEGORY, [10,15])) color: #171b1e;font-weight: 600; @else color: #fff; @endif @if(app('translator')->getLocale() == "ar" && mb_strlen($package->NAME_AR) >= 30 ) font-size: 14px; @elseif(app('translator')->getLocale() == "en" && mb_strlen($package->NAME_EN) >= 26 ) @endif">@if(app('translator')->getLocale() == "ar"){{$package->NAME_AR}}@else{{$package->NAME_EN}}@endif</h6>
                                        <p class="desc" style="max-width: 160px; @if(in_array($package->TEST_CATEGORY, [10,15])) color: #171b1e;font-weight: 600; @else color: #fff; @endif ">
                                            @if($package->TEST_CATEGORY == 10)
                                                @if(app('translator')->getLocale() == "ar"){{mb_substr($package->SMART_DESC_AR,0,55,"UTF-8")."..."}}@else{{mb_substr($package->SMART_DESC_EN,0,55,"UTF-8")."..."}}@endif
                                            @else
                                                @if(app('translator')->getLocale() == "ar"){{mb_substr($package->DESC_AR,0,55,"UTF-8")."..."}}@else{{mb_substr($package->DESC_EN,0,55,"UTF-8")."..."}}@endif
                                            @endif

                                        </p>
                                    </div>
                                    <div class="box-action d-flex justify-content-between align-items-center">
                                        <p class="price"><span class="num">{{$package->pivot->PRICE}}</span> <span class="crnc">{!! $currency_code !!}</span></p>
                                        @if(!empty($package->IS_PACKAGE))
                                            <a href="/{{$hospital->ID}}/packages/{{$package->ID}}?type={{$type}}" class="d-inline-block more">{{trans("web.book_now")}}<span class="bi bi-chevron-right"></span></a>
                                        @else
                                            <a href="/cart?test={{$package->ID}}&hospitalId={{$hospital->ID}}&type={{$type}}" class="d-inline-block more">{{trans("web.book_now")}}<span class="bi bi-chevron-right"></span></a>
                                        @endif
                                    </div>
                                    <button class="love"><span class="bi bi-heart-fill"></span></button>
                                </div>
                            </div> <!-- Single Column -->
                        @endforeach

                    </div> <!-- End Section Row -->
                </div> <!-- End Section Boxes -->

            </section>

                <div class="sec-pagination pt-3">
                    <nav aria-label="Providers">
                        {{ $packages->appends($_GET)->links("pagination") }}
                    </nav>
                </div>
        </div> <!-- End Container -->
    </main> <!-- End Main Paeg-->

@endsection