@extends('layout.mainlayout')

@section('content')
    <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;
        }

    </style>
    @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
    @if(app('translator')->getLocale() == 'ar')
        <style>
            #module a.collapsed:after  {
                content: 'المزيد +' !important;
            }

            #module a:not(.collapsed):after {
                content: 'أقل -'!important;
            }
        </style>
    @endif
    <main class="page-main">

        <!-- Start Provider info Sec -->
        <section class="new-sec provider-sec">
            <div class="container">
                <div class="provider-info">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="provider-img">
                                <img src="{{$hospital->WEBSITE_LOGO}}" alt="Provider Name">
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="provider-content">
                                <h5 class="subtitle">{{trans('web.service_provider')}}</h5>
                                <h2 class="title">@if(app('translator')->getLocale() == "ar"){{$hospital->WEBSITE_NAME_AR}}@else{{$hospital->WEBSITE_NAME_EN}}@endif</h2>
                                <p class="location">
                                    <i class="ri-map-pin-line icon"></i>
                                    <span class="value">
                                @if(count($branches) > 1)
                                        <select style="-webkit-appearance: menulist;border-bottom: 1px solid #e35a80;padding-right:5px;padding-left:0;border-top:none;border-right: none;border-left:none;background: transparent" id="hospital-branch" name="hospital-branch" class="d-block w-100 ">
                                            @foreach($branches as $branch)
                                                <option @if($branch->ID == $hospital->ID) selected @endif value="{{$branch->ID}}" type="{{$branch->TYPE}}">@if(app('translator')->getLocale() == "ar"){{$branch->CITYSTATE->ARABIC_NAME}}@else{{$branch->CITYSTATE->ENG_NAME}}@endif</option>
                                            @endforeach
                                        </select>
                                        @if($type == 1)
                                            <span lat="{{$hospital->GPS_LATITUDE}}" long="{{$hospital->GPS_LONGITUDE}}" class="km location-info"></span>
                                @endif
                                    @else
                                    @if(app('translator')->getLocale() == "ar"){{$hospital->CITYSTATE->ARABIC_NAME}}@else{{$hospital->CITYSTATE->ENG_NAME}}@endif @if($type == 1) - <span lat="{{$hospital->GPS_LATITUDE}}" long="{{$hospital->GPS_LONGITUDE}}" class="km location-info">145KM</span>@endif
                                    @endif
                                    </span>
                                </p>

                                <div id="module" class="container" @if(!empty(session('qr')) || !empty(config('services.PROFILE_ID'))) style="display: none;"  @endif>
                                    <h3>@if($type == 1){{trans("web.about_lab")}}@else{{trans("web.home_visit")}}@endif</h3>
                                    <div class="collapsed" id="about-lab-collapse" aria-expanded="false">
                                        @if(app('translator')->getLocale() == "ar")@else{!!$hospital->DESC_EN!!}@endif
                                    </div>
                                    <!--<a role="button" class="collapsed mt-3" style="color: #e35a80; font-size: 15px; float: right" data-toggle="collapse" href="#about-lab-collapse" aria-expanded="false" aria-controls="about-lab-collapse">
                                    </a>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="new-sec breadcrumbs-sec">
            <div class="container">
                @if(!empty(session('qr')))
                @else
                <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
                @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">
                                        <a href="/{{$hospital->ID}}/packages/{{$package->ID}}?type=1">
                                            <div class="box-image">
                                                <img src="@if(app('translator')->getLocale() == "ar") {{$package->IMAGE_URL_AR}} @else {{$package->IMAGE_URL}} @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">
                                                    @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-footer">

                                                @if(!empty($package->NEW_PRICE))
                                                    <p class="price">@if(!empty($package->NEW_OLD_PRICE)) <span style="text-decoration: line-through; color: #6c757d;margin-right:5px" class="num" >{{$package->NEW_OLD_PRICE}} {!! $currency_code !!}</span> @endif <span class="num"  style="filter: invert(45%) sepia(87%) saturate(1624%) hue-rotate(307deg) brightness(97%) contrast(98%);">{{$package->NEW_PRICE}} {!! $currency_code !!}</span></p>
                                                @endif

                                                <a @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif href="/{{$hospital->ID}}/packages/{{$package->ID}}?type=1" class="btn cta-btn">
                                                    <span class="icon">&#10230;</span> {{trans("web.book_now")}}
                                                </a>
                                            </div>
                                        </a>
                                    </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
        <!-- Start CTA Section -->
        @if(!empty(session('qr')) || !empty(config('services.PROFILE_ID')))
        @else
        @include('still-have-question')
        @endif
        <!-- End CTA Section -->
    </main>
@endsection