@extends('layout.app', ['title' => 'Promotions'])

@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/landing.css'])
  @vite(['resources/css/promotion.css', 'resources/css/curriculum.css'])
@endpush
@php
  use App\Enums\CourseType;
  use App\Enums\PromotionStatus;
  use App\Enums\PromotionType;
  use App\Enums\UserRole;
  use App\Enums\BannerType;
  use Carbon\Carbon;

  function getStatusPromotion(int $status): array
  {
      return [
          'class' =>
              $status === PromotionStatus::ACTIVE->value
                  ? 'activeDate'
                  : ($status === PromotionStatus::UP_COMING->value
                      ? 'upComingDate'
                      : ''),
          'text' =>
              $status === PromotionStatus::ACTIVE->value
                  ? PromotionStatus::ACTIVE->name()
                  : ($status === PromotionStatus::UP_COMING->value
                      ? PromotionStatus::UP_COMING->name()
                      : ''),
      ];
  }
  function getTitlePromotion($coursePrice, int $promotionType, $newStudentPromotion = null): string
  {
      if (
          Auth::check() &&
          Auth::user()->role_id == UserRole::USER->value &&
          $newStudentPromotion &&
          $newStudentPromotion->time == $coursePrice->package_time->time
      ) {
          $newUser = true;
      } else {
          $newUser = false;
      }
      $title = '';
      if ($promotionType == PromotionType::DISCOUNT->value) {
          if ($newUser) {
              $title =
                  'Tài khoản mới Free các khóa ' .
                  $coursePrice->package_time->time .
                  ' tháng - ' .
                  ($coursePrice->grade ? $coursePrice->grade->name : 'AP');
          } else {
              $title =
                  'Khuyến mãi ' .
                  $coursePrice->discount .
                  '% Các khóa ' .
                  $coursePrice->package_time->time .
                  ' tháng - ' .
                  ($coursePrice->grade ? $coursePrice->grade->name : 'AP');
          }
      }
      if ($promotionType == PromotionType::MONTH_GIFT->value) {
          $title =
              'Tặng thêm ' .
              $coursePrice->month_gift .
              ' tháng Các khóa ' .
              $coursePrice->package_time->time .
              ' tháng - ' .
              ($coursePrice->grade ? $coursePrice->grade->name : 'AP');
      }
      return $title;
  }
@endphp
@section('content')
  <section class="page-wrap col-8 col-md-9 col-xl-10 flex-grow-1 px-0">
    @include('layout.landing_banner', [
        'title' => 'Chương trình khuyến mãi',
        'description' => '',
    ])
    {{-- section course combo --}}
    <section class="combo container-xl">
      @if (isset($comboDatas))
        <div class="combo-wrap">
          @if (isset($bannerCombo) && $bannerCombo)
            <div class="combo-banner p-xl-3 p-2">
              <img class="w-100" src="{{ Storage::url($bannerCombo->image) }}" alt="Combo banner">
            </div>
          @endif
          <div class="combo-list d-flex flex-column px-3">
            @foreach ($comboDatas as $comboData)
              <div class="combo-group row gap-4 gap-lg-0 mb-5">
                <div class="col-12 col-lg-4 col-xxl-4">
                  <div class="combo-image">
                    <div class="combo-sale">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"
                        fill="none">
                        <path
                          d="M18.857 12.5618V21.1332H5.14275V12.5618M11.9999 21.1332V8.27607M11.9999 8.27607H8.14275C7.57443 8.27607 7.02939 8.05031 6.62752 7.64844C6.22566 7.24658 5.9999 6.70153 5.9999 6.13321C5.9999 5.56489 6.22566 5.01985 6.62752 4.61798C7.02939 4.21612 7.57443 3.99036 8.14275 3.99036C11.1428 3.99036 11.9999 8.27607 11.9999 8.27607ZM11.9999 8.27607H15.857C16.4254 8.27607 16.9704 8.05031 17.3723 7.64844C17.7741 7.24658 17.9999 6.70153 17.9999 6.13321C17.9999 5.56489 17.7741 5.01985 17.3723 4.61798C16.9704 4.21612 16.4254 3.99036 15.857 3.99036C12.857 3.99036 11.9999 8.27607 11.9999 8.27607ZM3.42847 8.27607H20.5713V12.5618H3.42847V8.27607Z"
                          stroke="white" stroke-linecap="round" stroke-linejoin="round" />
                      </svg>
                      <span class="text-combo-sale">Giảm {{ $comboData['discount'] }} %</span>
                    </div>
                    <img src="{{ Storage::url($comboData['image']) }}" alt="Combo image">
                  </div>
                </div>
                <div class="combo-content col-12 col-lg-8 col-xxl-8 d-flex flex-column gap-3">
                  <div class="combo-header d-flex flex-column w-100 gap-3">
                    <div class="d-flex justify-content-between flex-wrap gap-md-0 gap-lg-3 gap-xl-0 w-100">
                      <div class="col-xl-7 col-lg-12 col-7 d-flex flex-column gap-4">
                        <span class="combo-name">
                          {{ $comboData['combo_name'] }}
                        </span>
                        <div class="combo-subject d-flex flex-wrap gap-2">
                          @foreach ($comboData['courses'] as $course)
                            @if ($course['type_course'] == 1)
                              <a href="{{ $course['online_course_type'] == CourseType::COURSE_SELF_STUDY->value
                                  ? route('course_self_studies.detail', ['grade_id' => $course['grade_id'], 'subject_id' => $course['subject_id']])
                                  : route('course_aboard_studies.detail', ['course_id' => $course['course_id']]) }}"
                                class="combo-subject-item d-flex align-items-center text-decoration-none px-3 py-2 gap-2">
                              @else
                                <a href="{{ route('online_learning.detail', ['id' => $course['course_id']]) }}"
                                  class="combo-subject-item d-flex align-items-center text-decoration-none px-3 py-2 gap-2">
                            @endif
                            {{-- <a class="combo-subject-item d-flex align-items-center text-decoration-none px-3 py-2 gap-2"> --}}
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17"
                              fill="none">
                              <path
                                d="M8.09285 14.2198C9.02039 13.5396 11.5804 12.5873 14.4001 14.2198V4.01685M1.6001 3.83134V14.2198C2.52763 13.5396 5.08763 12.5873 7.90734 14.2198V4.20236M1.6001 3.80518C2.52763 3.12498 5.08763 2.17271 7.90734 3.80518M8.09285 3.80518C9.02039 3.12498 11.5804 2.17271 14.4001 3.80518"
                                stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span class="combo-subject-name">{{ $course['course_name'] }}</span>
                            </a>
                          @endforeach
                        </div>
                      </div>
                      <div class="col-xl-5 col-lg-12 col-5 d-flex flex-column align-items-end gap-3">
                        <div class="d-flex justify-content-center align-items-center flex-row flex-nowrap gap-2">
                          <span class="text-neutral-07 text-nowrap fs-13 text-decoration-line-through">
                            {{ number_format($comboData['total_price'], 0, '.', '.') }} Vnd
                          </span>
                          <span class="text-red-main text-nowrap fs-4 fw-600">
                            {{ number_format($comboData['price'], 0, '.', '.') }} Vnd
                          </span>
                        </div>
                        <a href={{ route('payment_combo.show', ['combo_id' => $comboData['combo_id']]) }}
                          class="btn-register-combo fs-14 fw-semibold text-uppercase px-4 py-3">
                          Đăng ký học
                        </a>
                      </div>
                    </div>
                    <div class="d-flex justify-content-between">
                      <div class="combo-expiration-date">
                        <span class="fs-13 fw-700 text-neutral-06">Ngày hết hạn: </span>
                        <span
                          class="fs-13 text-neutral-06">{{ Carbon::parse($comboData['day_end'])->format('d/m/Y') }}</span>
                      </div>
                      <div class="combo-subscriber">
                        <span class="fs-13 fw-700 text-neutral-06">Đã đăng ký: </span>
                        <span class="fs-13 text-neutral-06">{{ $comboData['count_register'] }}</span>
                      </div>
                    </div>
                  </div>
                  <div class="combo-description-container" data-combo-id="{{ $comboData['combo_id'] }}">
                    <div class="combo-description">
                      {!! $comboData['description'] !!}
                    </div>
                    <div class="bg-article"></div>
                    <a href="javascript:;" class="toggle-btn">
                      <span>Xem thêm</span>
                    </a>
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      @endif
    </section>
    {{-- end section course combo --}}

    {{-- section promotion --}}
    <section class="promotion container">
      <div class="promotion-wrap">
        <div class="promotion-list row flex-wrap d-flex align-items-stretch">
          @foreach ($promotionDatas['coursePrices'] as $coursePrice)
            @if ($coursePrice->countCourse > 0)
              @if (
                  $coursePrice->discount_status === PromotionStatus::ACTIVE->value ||
                      $coursePrice->discount_status === PromotionStatus::UP_COMING->value)
                <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-12 d-flex justify-content-center">
                  <div class="promotion-item-group pb-2">
                    <a href="{{ route('promotions.detail', ['id' => $coursePrice->id, 'promotionType' => PromotionType::DISCOUNT->value]) }}"
                      class="promotion-item text-decoration-none text-heading-color">
                      <div class="promotion-group">
                        <div class="promotion-item-image">
                          @if (isset($coursePrice->discount_image))
                            <img src="{{ Storage::url($coursePrice->discount_image) }}" alt="Promotion Image">
                          @else
                            <img class=""
                              src="{{ asset('/img/promotion/promotion_item_' . rand(1, 10) . '.png') }}"
                              alt="Promotion Item {{ rand(1, 10) }}">
                          @endif

                        </div>
                        <div class="promotion-item-content mt-2">
                          <div class="d-flex justify-content-between align-items-center">
                            <span class="titlePromotion">
                              {{ getFormatDateRange($coursePrice->discount_day_start, $coursePrice->discount_day_end) }}
                            </span>
                            <span class="{{ getStatusPromotion($coursePrice->discount_status)['class'] }}">
                              {{ getStatusPromotion($coursePrice->discount_status)['text'] }}
                            </span>
                          </div>
                          <div class="mt-1">
                            <h4 class="fs-18 text-uppercase fw-800">
                              {{ getTitlePromotion($coursePrice, PromotionType::DISCOUNT->value, $promotionDatas['newStudentPromotion']) }}
                            </h4>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
                </div>
              @endif
              @if (
                  $coursePrice->month_gift_status === PromotionStatus::ACTIVE->value ||
                      $coursePrice->month_gift_status === PromotionStatus::UP_COMING->value)
                <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-12 d-flex justify-content-center">
                  <div class="promotion-item-group pb-2">
                    <a href="{{ route('promotions.detail', ['id' => $coursePrice->id, 'promotionType' => PromotionType::MONTH_GIFT->value]) }}"
                      class="promotion-item text-decoration-none text-heading-color">
                      <div class="promotion-group">
                        <div class="promotion-item-image">
                          @if (isset($coursePrice->month_gift_image))
                            <img src="{{ Storage::url($coursePrice->month_gift_image) }}" alt="Promotion Image">
                          @else
                            <img class=""
                              src="{{ asset('/img/promotion/promotion_item_' . rand(1, 10) . '.png') }}"
                              alt="Promotion Item {{ rand(1, 10) }}">
                          @endif

                        </div>
                        <div class="promotion-item-content mt-2">
                          <div class="d-flex justify-content-between align-items-center">
                            <span class="titlePromotion">
                              {{ getFormatDateRange($coursePrice->month_gift_day_start, $coursePrice->month_gift_day_end) }}
                            </span>
                            <span class="{{ getStatusPromotion($coursePrice->month_gift_status)['class'] }}">
                              {{ getStatusPromotion($coursePrice->month_gift_status)['text'] }}
                            </span>
                          </div>
                          <div class="mt-1">
                            <h4 class="fs-18 text-uppercase fw-800">
                              {{ getTitlePromotion($coursePrice, PromotionType::MONTH_GIFT->value) }}
                            </h4>
                          </div>
                        </div>
                      </div>
                    </a>
                  </div>
                </div>
              @endif
            @endif
          @endforeach
        </div>
      </div>
    </section>
    {{-- end section promotion --}}
  </section>
@endsection

@push('script')
  @vite(['resources/js/course_combo.js'])
@endpush