@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>
    .delete-btn{
      font-size: 1.1rem;
      color: #E35A80;
      cursor: pointer;
      padding-right: 0;
      font-weight: lighter;
    }
  </style>
  <main class="page-main">
    <!-- Start Breadcrubms Section -->
    <section class="new-sec breadcrumbs-sec">
      <div class="container">
        <h3 class="page-title">{{trans('web.checkout')}}</h3>
        <i class="ri-arrow-down-s-line icon"></i>
      </div>
    </section>
    <!-- End Breadcrubms Section -->
    <!-- Start Checkout Section -->
    <section class="new-sec checkout-sec">
      <div class="container" id="order-account-container">
        <div class="row">
          <div class="col-lg-7">
            <div class="steps">
              <div class="stepper">
                <div class="step active" >
                  <p class="step-num" @if(!empty($profile) && $profile->EXTRA_COLOR) style="background:{{$profile->EXTRA_COLOR}}" @endif>1</p>
                  <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.appointment')}}</p>
                </div>
                <div class="step active">
                  <p class="step-num" @if(!empty($profile) && $profile->EXTRA_COLOR) style="background:{{$profile->EXTRA_COLOR}}" @endif >2</p>
                  <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.account')}}</p>
                </div>
                <div class="step">
                  <p class="step-num" >3</p>
                  <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.payment')}}</p>
                </div>
              </div>
              <div class="step-content">
                <h2 class="step-title">{{trans('web.account_details')}}</h2>
                <div class="step-main">
                  <div class="lab-info">
                    <div class="lab-image">
                      <img src="{{$hospital->WEBSITE_LOGO}}" alt="Lab Name">
                    </div>
                    <h4 class="lab-name">@if(app('translator')->getLocale() == "ar")
                        {{$hospital->WEBSITE_NAME_AR}}
                      @else
                        {{$hospital->WEBSITE_NAME_EN}}
                      @endif</h4>
                  </div>
                  <div class="orders">
                    @foreach($packages as $package)
                    <div class="single-order">
                      <div class="order-header">
                        <span class="tag">{{ $package['IS_PACKAGE'] ? trans('web.packages') : trans('web.test')}}</span>
                        <h4 class="title">@if(app('translator')->getLocale() == "ar")
                            {{$package["NAME_AR"]}}
                          @else
                            {{$package["NAME_EN"]}}
                          @endif
                        </h4>
                      </div>
                      @foreach($package["items"] as $item)
                      <div class="patients">
                        <div class="single-patient">
                          <div class="patient-pic">
                            <span class="ri-user-3-line"></span>
                          </div>
                          <h5 class="patient-name">{{$item['FULL_NAME']}}</h5>
                          <button class="btn btn-trasnparent edit-btn edit-cart-item" cert="{{$item["SEHA_CERT"]}}" cart-id="{{$item["CART_ID"]}}"
                                  full-name="{{$item["FULL_NAME"]}}"
                                  mobile-number="{{$item["MOBILE_NUMBER"]}}"
                                  nationality="{{$item["NATIONALITY_ID"]}}"
                                  identification="{{$item["IDENTIFICATION"]}}"
                                  identification-type="{{$item["IDENTIFICATION_TYPE"]}}"
                                  passport="{{$item["PASSPORT"]}}" gender="{{$item["GENDER_ID"]}}"
                                  dob="{{$item["DATE_OF_BIRTH"]}}" district="{{$item["DISTRICT"]}}"
                                  occupation="{{$item["OCCUPATION"]}}"
                                  workplace="{{$item["PLACE_OF_WORK"]}}" symptoms="{{$item["SYMPTOMS"]}}"
                                  reason="{{$item["OUTSIDE_CASE"]}}">
                            <span @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif class="ri-pencil-line"></span>
                          </button>

                          @if($cart["packages_count"] > 1)
                            <button cart-id="{{$item["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>
                          @endif

                        </div>
                      </div>
                      @endforeach

                      <button class="btn add-btn" @if(!empty($hospital->PROFILE->ID) && $hospital->PROFILE->DISABLE_MEMBERS) style="display: none" @endif>
                        <span @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif class="ri-add-line icon add-patient" package-id="{{$package["ID"]}}"></span>
                        <span class="add-patient" package-id="{{$package["ID"]}}">{{trans('web.add_new_patient')}}</span>
                      </button>
                    </div>
                    @endforeach
                  </div>
                </div>
                <div class="step-footer">
                  <button class="btn cart-btn" id="open-cart">
                    <span class="icon pl-2">&#10229;</span>
                    {{trans('web.return_to_cart')}}
                  </button>
                  <a href="#" id="order-checkout" @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif class="btn continue-btn">
                    <span>{{trans('web.continue')}}</span>
                    <span class="icon pl-2">&#10230;</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-5" id="order-summary">
            <div class="order-summary">
              <div class="header">
                <h2 class="title">{{trans('web.order_summary')}}</h2>
              </div>
              <div class="card-list">
                <div class="packages">
                  @foreach($packages as $package)
                    <div class="single-package">
                      <div class="left-side">
                        <div class="package-image">
                          <img src="@if(app('translator')->getLocale() == "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(app('translator')->getLocale() == "ar")
                              {{$package["NAME_AR"]}}
                            @else
                              {{$package["NAME_EN"]}}
                            @endif</h4>
                        </div>
                      </div>
                      <div class="right-side">
                        <span class="price">{{$package["BASE_PRICE"]}} {!! $currency_code !!}</span>
                        {{--@foreach($package["items"] as $item)
                          @if($cart["packages_count"] > 1)
                            <button cart-id="{{$item["CART_ID"]}}"
                                    class="btn delete-btn delete-cart-item"><i
                                      class="ri-delete-bin-7-line"></i></button>
                          @endif
                        @endforeach--}}
                      </div>
                    </div>
                  @endforeach
                </div>
              </div>
              @include('promo_code_section')
              <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")}}:</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")}}:</span>
                  <span class="row-value">{{$cart["tax_amount"]}} {!! $currency_code !!}</span>
                </div>
                @if($cart['discount_amount'] != 0)
                <div class="side-row">
                  <span class="row-name">{{trans("web.discount")}}:</span>
                  <span class="row-value">{{$cart["discount_amount"]}} {!! $currency_code !!}</span>
                </div>
                @endif
                @if($cart['wallet_amount'] != 0)
                <div class="side-row">
                  <span class="row-name">{{trans("web.wallet_amount")}}:</span>
                  <span class="row-value text-danger">-{{$cart["wallet_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>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Checkout Section -->
  </main>
@endsection

@section('frontend_scripts')
  <script>
    $(document).on('click', '#order-checkout', function (e) {
      e.preventDefault();
      let slotTime = getUrlParameter('timeslotId');
      let date = getUrlParameter('date');
      var d = new Date();
      let month = d.getMonth()+1;
      if (date === undefined || date === '')
        date = d.getFullYear()+'-'+month+'-'+d.getDate();
      if (slotTime === undefined || slotTime === 'NaN' || slotTime === '')
        slotTime = 6;
      @if($type == 2)
      //var locLat = getUrlParameter('lat');
      //var locLng = getUrlParameter('long');
      var address = getUrlParameter('address');
      window.location.href = "/order-checkout?date="+date+"&timeslotId="+slotTime+"&lat=&long=&address="+address
      @else
      window.location.href = '/order-checkout?date='+date+'&timeslotId='+slotTime
      @endif
    })

  </script>
@endsection