@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
<div class="side-header">
    <h3 class="title">{{trans("web.cart")}}</h3>
    <button class="btn close-btn"
            id="close-cart">
        <span class="icon">&#10005;</span>
    </button>
</div>
<div class="card-list">
    <div class="lab">
        <div class="lab-info">
            <div class="lab-image">
                <img src="{{$hospital->WEBSITE_LOGO}}"
                     alt="Lab">
            </div>
            <h4 class="lab-name">@if(session('lang') == "ar")
                    {{$hospital->WEBSITE_NAME_AR}}
                @else
                    {{$hospital->WEBSITE_NAME_EN}}
                @endif</h4>
        </div>
        <div class="packages">
            @foreach($packages as $package)
                <div class="single-package">
                    <div class="left-side">
                        <div class="package-image">
                            <img src=" @if(session('lang') == "ar") {{$package['IMAGE_URL_AR']}} @else {{$package['IMAGE_URL']}} @endif"
                                 alt="Diabetes">
                        </div>
                        <div class="package-name">
                            <h6 class="tag">{{ $package['IS_PACKAGE'] ? trans('web.packages') : trans('web.test')}}</h6>
                            <h4 class="title">@if(session('lang') == "ar")
                                    {{$package["NAME_AR"]}}
                                @else
                                    {{$package["NAME_EN"]}}
                                @endif</h4>
                        </div>
                    </div>
                    <div class="right-side" style="flex-wrap: wrap;">
                        <span class="price">{{$package["SUB_PRICE"]}} {!! $currency_code !!}</span>
                        <button cart-id="{{$package["items"][0]["CART_ID"]}}" class="btn delete-btn delete-cart-item" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>
                            <i class="ri-delete-bin-7-line"></i>
                        </button>
                    </div>
                </div>
                <hr>
            @endforeach

        </div>
    </div>
</div>
<div class="side-footer">
    <div class="side-row">
        <span class="row-name">{{trans('web.subtotal')}}:</span>
        <span class="row-value">{{$sub_total}} {!! $currency_code !!}</span>
    </div>
    @if(!empty($cart["home_visit_fees"]))
        <div class="side-row">
            <span class="row-name">{{trans("web.home_visit_cart")}}:</span>
            <span class="row-value">{{$cart["home_visit_fees"]}} {!! $currency_code !!}</span>
        </div>
    @endif
    <div class="side-row">
        <span class="row-name">{{trans("web.tax_cart")}}:</span>
        <span class="row-value">{{$cart["tax_amount"]}} {!! $currency_code !!}</span>
    </div>
    @if(!empty($cart["extra_amount"]))
    <div class="side-row">
        <span class="row-name">{{trans("web.seha_cert_order")}}:</span>
        <span class="row-value">{{$cart["extra_amount"]}} {!! $currency_code !!}</span>
    </div>
    @endif
    <div class="side-row total">
        <span class="row-name">{{trans("web.total")}} {{empty($cart["packages_count"]) ? "0" : $cart["packages_count"]}} {{trans("web.test")}}</span>
        <span class="row-value">
            @if(!empty($hospital->ENABLE_RECURSIVE_TAX))
                {{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}
            @else
                {{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}
            @endif {!! $currency_code !!}</span>

    </div>
    <div class="btns">
        <a @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif @if($hospital->SHOW_APPOINTMENT == 0) href="/order-account" @else href="/order" @endif
           class="btn checkout-btn">
            <span>{{trans("web.checkout")}}</span>
            <span class="icon">&#10230;</span>
        </a>
        <a href="/{{$hospital->ID}}/lab{{empty($hospital->TYPE) ? "" : "?type=2"}}"
        class="btn btn-info mt-3 continue-shopping-btn" hospital-id="{{$hospital->ID}}" style="display: inline-flex;justify-content: center;align-items: center;padding: 0.5rem 1.5rem;width: 100%;color: #FFF;border-radius: 2rem;">
            <span>{{trans("web.continue_shopping")}}</span>
            <span class="icon">&#10230;</span>
        </a>
    </div>
</div>

<script>
    $(document).on('click', '.btn#close-cart', function (e) {
        document.querySelector('.page-header .overlay').classList.remove('show');
        document.querySelector('.page-header .card-side').classList.remove('show');
    })

    $(document).on('click', '.continue-shopping-btn', function (e) {
        e.preventDefault();

        if ('/'+$(this).attr('hospital-id')+'/lab' === window.location.pathname)
        {
            document.querySelector('.page-header .overlay').classList.remove('show');
            document.querySelector('.page-header .card-side').classList.remove('show');
        } else
            location.href = $(this).attr('href');
    })
</script>