@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>
        #module {
            /*width: 500px;*/
            width: 96%;
        }

        #module div.collapse[aria-expanded="false"] {
            display: block ;
            height: 50px !important;
            overflow: hidden ;
        }
        #module div.collapse.show{
            height: 100% !important;
        }
        #module div.collapsing[aria-expanded="false"] {
            height: 50px ;
        }

        #module a.collapsed:after  {
            content: '+ More';
        }

        #module a:not(.collapsed):after {
            content: '- Less';
        }
        .page-link{
            background-color: unset !important;
            border: none !important;
            color: black !important;
        }
        .page-item:last-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        .page-item:first-child .page-link{
            margin-top: -0.5rem !important;
            font-size: 2.3rem !important;
        }
        @media (max-width:982px)
        {
            .new-sec .p-card {
                padding: 13px;
                width: 50%;
            }
        }
    </style>
    <!-- Page Main -->
    <main class="page-main">
        <!-- Start Banner Section -->
        @if(!empty($profile))
        <section class="new-sec banner-sec">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 clm">
                        <div class="banner-content">
                            <h1 class="banner-title">
                                {{app('translator')->getLocale() == "en" ? $profile->BANNER_TITLE_EN:$profile->BANNER_TITLE_AR}}
                            </h1>
                            <p class="banner-text">
                                {{app('translator')->getLocale() == "en" ? $profile->BANNER_DESC_EN:$profile->BANNER_DESC_AR}}
                            </p>
                            <a href="{{$profile->BANNER_ACTION_URL}}" class="btn cta-btn" style="background:{{$profile->COLOR}}">
                                {{trans('web.book_now')}} <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 clm">
                        <div class="banner-img">
                            <img src="{{$profile->BANNER_IMG_URL}}" alt="Blazma">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        @endif
        <!-- End Banner Section -->
        @if(!empty($profile->ENABLE_CATEGORY_TYPE))
        <!-- Start Service Section -->
            <section id="services" class="new-sec service-sec">
                <div class="container">
                    <div class="sec-content">
                        <div class="row d-flex justify-content-center align-items-center">
                            @foreach($category_types as $category_type)
                            <div class="col-lg-2 d-flex justify-content-between revert-fd p-card">
                            <div class="single-blog d-flex" style="width:100%;">
                                <a href="{{'/lpackages/categories?category_type_id='.$category_type->ID}}" style="width:100%;">
                                    <div class="blog-content home-blog-content" style="min-height:150px">
                                        <div class="box-content">
                                            <img src="{{$category_type->IMG_URL}}" alt="Blazma">
                                            <h6 class="box-title" style="font-size: 17px;">
                                                @if(app('translator')->getLocale() == "ar"){{$category_type->NAME_AR}}@else{{$category_type->NAME_EN}}@endif
                                            </h6>
                                        </div>
                                    </div>
                                </a>
                                </div>
                            </div>
                            @endforeach
                            @if(isset($hospital))
                            <div class="col-lg-2 d-flex justify-content-between revert-fd p-card">
                            <div class="single-blog d-flex" style="width:100%;">
                                <a href="{{$hospital->ID.'/lab?type=1&category_id='}}" style="width:100%;">
                                    <div class="blog-content home-blog-content" style="min-height:150px">
                                        <div class="box-content">
                                            <img src="{{'https://s3.eu-west-1.amazonaws.com/blazma.com/Categories/'.$profile->ID.'/itests.png'}}" alt="Blazma">
                                            <h6 class="box-title" style="font-size: 17px;">
                                                @if(app('translator')->getLocale() == "ar") فحوصات فردية @else Individual Tests @endif
                                            </h6>
                                        </div>
                                    </div>
                                </a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                </div>
            </section>
    <!-- End Service Section -->
    @endif
    @if(!empty($profile) && $profile->ID == '53')
    <section class="new-sec banner-sec">
        <div class="container">
            <div class="sec-content">
            <div class="row">
                <div class="col-lg-6">
                    <div class="sec-header">
                    <h5 class="subtitle mb-2" style="color:{{$profile->COLOR}}">{{trans('web.why_choose_us_farabi')}}</h5>
                    <h2 class="title" style="margin-bottom: 20px;">{{trans('web.our_mission_farabi')}}</h2>
                    </div>
                    <p class="desc" style="max-width: 487px;">{{trans('web.mission_desc_farabi')}}</p>
                </div>
                <div class="col-lg-6">
              <div class="sec-content">
                <div class="stats">
                  <div class="row" style="margin-bottom: 21px;">
                    <div class="col-lg-12">
                        <h6 style="font-weight: bold;">{{trans('web.medical_farabi')}}<span style="color:{{$profile->EXTRA_COLOR}}"> {{trans('web.devices_farabi')}}</span></h6>
                        <p class="name">{{trans('web.devices_desc_farabi')}}</p>
                    </div>
                  </div>
                  <div class="row" style="margin-bottom: 21px;">
                    <div class="col-lg-12">
                        <h6 style="font-weight: bold;">{{trans('web.quality_farabi')}}<span style="color:{{$profile->EXTRA_COLOR}}"> {{trans('web.service_farabi')}}</span></h6>
                        <p class="name">{{trans('web.quality_desc_farabi')}}</p>
                    </div>
                  </div>
                  <div class="row" style="margin-bottom: 21px;">
                    <div class="col-lg-12">
                        <h6 style="font-weight: bold;">{{trans('web.happy_farabi')}}<span style="color:{{$profile->EXTRA_COLOR}}"> {{trans('web.patients_farabi')}}</span></h6>
                        <p class="name">{{trans('web.patients_desc_farabi')}}</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            </div>
            </div>
        </div>
    </section>
     <!-- Start We're in all cities Section -->
     <section class="new-sec why-sec">
        <div class="container">
          <div class="row">
            <div class="col-lg-6">
              <div class="sec-image far-im text-left">
                <img class="far-im" src="img/ten-years-exp.png" alt="rect">
              </div>
            </div>
            <div class="col-lg-6" style="padding: 24px;">
              <div style="padding-top: 27px;">
                <div class="sec-header">
                  <h2 class="title">{{trans('web.were_in_all_kingdom')}}</h2>
                </div>
                <h6 class="subtitle" style="text-transform: uppercase;margin-bottom:20px;">{{trans('web.head_office')}}</h6>
                <ul class="footer-links">
                            <li style="margin-bottom:20px;display:flex;max-width:380px"><i class="fas fa-map-marker-alt" style="margin-top: 4px;margin-left:10px;margin-right:10px;color:{{$profile->EXTRA_COLOR}}"></i><a href="{{$profile->LOCATIONS_URL}}"> {{trans('web.location_farabi')}} </a></li>
                            <li style="margin-bottom:20px;display:flex;"><i class="fas fa-phone" style="margin-top: 4px;margin-right:10px;margin-left:10px; color:{{$profile->EXTRA_COLOR}};"></i><a href="mailto:{{$profile->PHONE_NUMBER}}" style="font-size: 15px"> {{$profile->PHONE_NUMBER}}</a></li>
                            <li style="margin-bottom:20px;display:flex;"><i class="fab fa-whatsapp" style="margin-top: 4px;margin-right:10px; margin-left:10px;color:{{$profile->EXTRA_COLOR}};"></i><a href="https://api.whatsapp.com/send?phone={{$profile->WHATSAPP_NUMBER}}" style="font-size: 15px"> {{$profile->WHATSAPP_NUMBER}}</a></li>
                            <li style="margin-bottom:40px;display:flex;"><i class="fas fa-envelope" style="margin-top: 4px;margin-right:10px;margin-left:10px; color:{{$profile->EXTRA_COLOR}};"></i><a href="mailto:{{$profile->EMAIL}}" style="font-size: 15px"> {{$profile->EMAIL}}</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- End We're in all cities Section -->
      <section class="new-sec cta-solutions-sec far-bg">
      <div class="container">
        <div class="sec-content" style="max-width: 420px;">
          <h3 class="sec-title">{{trans('web.when_it_comes')}}</h3>
          <p class="sec-desc">{{trans('web.book_your_test_now')}}</p>
        </div>
      </div>
    </section>
    @endif
           <!-- Start Branches Section -->
        @if(count($hospitals) == 1)
            <section class="new-sec breadcrumbs-sec">
                <div class="container">
                    <h5 class="subtitle">{{trans('web.test')}}</h5>
                    <h3 class="page-title">{{trans('web.check_health')}}</h3>
                    @if(!empty($categories) && count($categories) > 0)
                        <div class="sec-form">
                            <form class="form">
                                <div class="twice">
                                    <div class="form-group">
                                        <select name="category_id" class="form-control" id="web-category">
                                            <option value="" selected >{{trans('web.all_categories')}}</option>
                                            <option value="-2" {{  app('request')->input('category_id') == -2 ? 'selected' : ''}}>{{trans('web.package_cat_name')}}</option>
                                            @foreach($categories as $category)
                                                <option value="{{$category->ID}}" {{  app('request')->input('category_id') == $category->ID ? 'selected' : ''}}>@if(app('translator')->getLocale() == "ar"){{$category->NAME_AR}}@else{{$category->NAME_EN}}@endif</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" id="search-input" class="form-control" placeholder="{{trans("web.search_in")}}" name="q" value="{{$q}}">
                                        <button @if(!empty($profile) && $profile->COLOR) style="color:{{$profile->COLOR}}" @endif id="search" class="btn search-btn" type="submit">
                                            <i class="ri-search-line"></i>
                                        </button>
                                    </div>
                                    @if(!empty($SubCategories) && count($SubCategories) > 0 && !empty($category_id) && $category_id == -2 )
                                        <div class="form-group mt-3" style="width: 100%;">
                                            <select name="sub_category_id" class="form-control" id="web-sub-category">
                                                <option value="" selected >{{trans('web.all_sub_categories')}}</option>
                                                @foreach($SubCategories as $category)
                                                    <option value="{{$category->ID}}" {{  app('request')->input('sub_category_id') == $category->ID ? 'selected' : ''}}>@if(app('translator')->getLocale() == "ar"){{$category->NAME_AR}}@else{{$category->NAME_EN}}@endif</option>
                                                @endforeach

                                            </select>
                                        </div>
                                    @endif
                                </div>
                            </form>
                        </div>
                    @endif
                </div>
            </section>

            <!-- End Provider info Sec -->
            @if(empty($hospital->WEBSITE_HIDE) || !empty(session('qr')) || !empty($_COOKIE["qr"]) || !empty(config('services.PROFILE_ID')))
                <!-- Start Tests Section -->
                <section class="new-sec tests-sec">
                    <div class="container">
                        <div class="tests-header">
                            <h5 class="subtitle">Showing {{($packages->currentpage()-1)*$packages->perpage()+1}} to {{$packages->currentpage()*$packages->perpage()}}
                                of  {{$packages->total()}} entries
                            </h5>
                        </div>
                        <div class="tests">
                            <div class="row">
                                @foreach($hospital->allTests as $package)
                                    <div class="col-sm-6 col-lg-4 clm">
                                        <div class="single-box">
                                            <div class="box-image">
                                                <img src="{{ app('translator')->getLocale() == 'ar' ? $package->IMAGE_URL_AR : $package->IMAGE_URL }}" 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">{{ app('translator')->getLocale() == 'ar' ? $package->NAME_AR : $package->NAME_EN }}</h3>
                                                <p class="box-desc">
                                                    @if($package->TEST_CATEGORY == 10)
                                                        {{ app('translator')->getLocale() == 'ar' ? mb_substr($package->SMART_DESC_AR,0,55,"UTF-8")."..." : mb_substr($package->SMART_DESC_EN,0,55,"UTF-8")."..." }}
                                                    @else
                                                        {{ app('translator')->getLocale() == 'ar' ? mb_substr($package->DESC_AR,0,55,"UTF-8")."..." : mb_substr($package->DESC_EN,0,55,"UTF-8")."..." }}
                                                    @endif
                                                </p>
                                            </div>
                                            <div class="box-footer">
                                                @if(empty(config('services.PROFILE_ID')))<h5 class="price">@if(!empty($package->PRICE)){{$package->PRICE}} {!! $currency_code !!}@endif</h5>@endif

                                                <a @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif  href="/{{$hospital->ID}}/packages/{{$package->ID}}?type={{$type}}" class="btn cta-btn">
                                                    <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span> {{trans("web.book_now")}}
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="sec-footer">
                                <div class="pagination">
                                    {{ $packages->appends(array("category_id" => $category_id, "q" => $q))->links("pagination-v2") }}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- End Tests Section -->
            @endif
        @else
           <section class="new-sec companies-sec">
            <div class="container">
                <div class="companies">
                <div class="sec-heading">
                    <p class="sec-text" style="color:{{$profile->EXTRA_COLOR}}">
                        {{trans('web.choose_location')}}
                    </p>
                    <h2 class="sec-title">
                        {{ trans('web.our_branches') }}
                    </h2>
                </div>
                <br>
                    <div class="row main-hospital-container">
                        @foreach($hospitals as $hospital)
                            <div class="col-sm-6 col-lg-4 hospital-row">
                                <div class="single-box">
                                    <div class="box-image">
                                        <img src="{{$hospital->WEBSITE_LOGO}}" alt="Cmpany Name">
                                    </div>
                                    <div class="box-info">
                                        <h3><a class="company-name" style="color: black" @if(empty($hospital->EXTERNAL_LINK)) href="/{{$hospital->ID}}/lab?type=1" @else href="{{$hospital->EXTERNAL_LINK}}" @endif>{{ app('translator')->getLocale() == 'ar' ? $hospital->WEBSITE_NAME_AR : $hospital->WEBSITE_NAME_EN }}</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>{{ app('translator')->getLocale() == 'ar' ? $hospital->CITYSTATE->ARABIC_NAME : $hospital->CITYSTATE->ENG_NAME }}<br></span>
                                            <span lat="{{$hospital->GPS_LATITUDE}}" long="{{$hospital->GPS_LONGITUDE}}" class="km location-info"></span>
                                        </p>

                                        <a style="background:{{$profile->COLOR}};color:white;border:none;" @if(empty($hospital->EXTERNAL_LINK)) href="/{{$hospital->ID}}/lab?type=1" @else href="{{$hospital->EXTERNAL_LINK}}" @endif class="btn cta-btn">
                                                {{trans('web.book_now')}} <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="btns">
                       {{-- <a href="#" class="btn more-btn">
                            Load more
                            <i class="ri-restart-line icon"></i>
                        </a>--}}
                    </div>
                </div>
            </div>
        </section>

        @endif

    @if(!empty($profile) && $profile->ID == '53')
    <!-- Start App Section -->
    <section class="new-sec app-sec" style="background: rgba(250, 250, 252, 0.5);">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 clm">
                    <div class="sec-image">
                        <img src="img/farabi-app.png" alt="App">
                    </div>
                </div>
                <div class="col-lg-5 clm">
                    <div class="sec-content">
                        <p class="tag" @if(!empty($profile) && $profile->COLOR) style="color:{{$profile->COLOR}}" @endif>{{trans('web.add_the_application_farabi')}}</p>
                        <h2 class="sec-title">{{trans('web.have_you_get_our_app_farabi')}}</h2>
                        <p class="sec-dsec">{{trans('web.download_app_desc_farabi')}}</p>
                        <div class="sec-cta">
                            <a href="{{$profile->IOS_APP_URL}}" class="btn app-btn apple">
                                <img src="/img/apple-icon.png" alt="Apple App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.app_store')}}</p>
                                </div>
                            </a>
                            <a href="{{$profile->ANDROID_APP_URL}}"
                                class="btn app-btn google">
                                <img src="img/google-play-icon.png" alt="Google Play App">
                                <div class="btn-content">
                                    <p class="btn-subtitle">{{trans('web.get_it_on')}}</p>
                                    <p class="btn-title">{{trans('web.google_play')}}</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End App Section -->
        <section class="new-sec cta-sec far-bg" >
    <div class="container" style="height: auto">
        <div class="row">
            <div class="col-lg-10">
                <div class="content">
                    <h2 class="sec-title" style="color:black;max-width: 500px">{{trans('web.we_have_solution')}}</h2>
                </div>
            </div>
            <div class="col-lg-2 clm d-flex">
                <div class="cta-btn">
                    <a href="{{$profile->ABOUT_US_LINK}}" class="btn cta-btn" style="background:{{$profile->COLOR}}">
                    {{trans("web.about_us_label")}} <span class="icon">&#10230;</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@else
@include('still-have-question')
@endif
        <!-- End Branches Section -->

    </main>
    <!-- Page Main -->
@endsection