@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>
        .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>
    <main class="page-main">
        <!-- Start Breadcrubms Section -->
        <section class="new-sec breadcrumbs-sec">
            <div class="container">
                <h3 class="page-title">{{$title}}</h3>
                <i class="ri-arrow-down-s-line icon"></i>
            </div>
        </section>
        <!-- End Breadcrubms Section -->
        <!-- Start Filter Section -->
        @if(!empty($category_types) && count($category_types) > 0)
        <section class="new-sec filter-sec">
            <div class="container">
                <div class="sec-form">
                     <div class="sec-form">
                            <form class="form">
                            <div class="form-group mb-4">
                                        <select name="category_type_id" class="form-control" id="web-type-category">
                                            @foreach($category_types as $category_type)
                                                <option value="{{$category_type->ID}}" {{  app('request')->input('category_type_id') == $category_type->ID ? 'selected' : ''}}>@if(app('translator')->getLocale() == "ar"){{$category_type->NAME_AR}}@else{{$category_type->NAME_EN}}@endif</option>
                                            @endforeach
                                        </select>
                                </div>
                                <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>
                                            @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>
            </div>
        </section>
        @endif
        <!-- End Filter Section -->
        <!-- Start Tests Section -->
        <section class="new-sec tests-sec" id="tests">
            <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($packages as $package)
                        <div class="col-sm-6 col-lg-4 clm">
                            <div class="single-box">
                            <a  href="/{{$hospital->ID}}/packages/{{$package->ID}}?type={{$type}}">
                                <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"){{$package->SMART_DESC_AR}}@else{{$package->SMART_DESC_EN}}@endif
                                        @else
                                            @if(app('translator')->getLocale() == "ar"){!!$package->DESC_AR!!}@else{!!$package->DESC_EN!!}@endif
                                        @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 @if(!empty($package->IS_PACKAGE)) href="/{{$hospital->ID}}/packages/{{$package->ID}}?type={{$type}}" @else href="/cart?test={{$package->ID}}&hospitalId={{$hospital->ID}}&type={{$type}}" @endif class="btn @if(empty($package->IS_PACKAGE))send-btn @endif 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,"category_type_id" => $category_type_id, "q" => $q))->links("pagination-v2") }}
                                </div>
                            </div>
                </div>
            </div>
        </section>
        <!-- End Tests Section -->
        <!-- Start CTA Section -->
        @include('still-have-question')
        <!-- End CTA Section -->
    </main>
@endsection