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

@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\PromotionType;
  use App\Enums\PromotionStatus;
  use App\Enums\UserRole;
  use App\Enums\CourseType;

  function getPromotion($coursePrice, int $promotionType, $newStudentPromotion): array
  {
      if (
          Auth::user()->role_id == UserRole::USER->value &&
          $newStudentPromotion &&
          $newStudentPromotion->time == $coursePrice->package_time->time
      ) {
          $newUser = true;
      } else {
          $newUser = false;
      }
      if ($promotionType == PromotionType::DISCOUNT->value) {
          $disPrice = $coursePrice->price - ($coursePrice->price * $coursePrice->discount) / 100;
          $data = [
              'title' => $newUser
                  ? 'Tài khoản mới Free các khóa ' .
                      $coursePrice->package_time->time .
                      ' tháng - ' .
                      ($coursePrice->grade ? $coursePrice->grade->name : 'AP')
                  : 'Khuyến mãi ' .
                      $coursePrice->discount .
                      '% các khóa ' .
                      $coursePrice->package_time->time .
                      ' tháng - ' .
                      ($coursePrice->grade ? $coursePrice->grade->name : 'AP'),
              'rangeDate' => getFormatDateRange($coursePrice->discount_day_start, $coursePrice->discount_day_end),
              'content' => $newUser
                  ? 'Free'
                  : ($coursePrice->grade ? 'Giảm giá ' : 'Discount ') . $coursePrice->discount . '%',
              'beforePrice' => number_format($coursePrice->price, 0, '.', '.'),
              'afterPrice' => $newUser ? 0 : number_format($disPrice, 0, '.', '.'),
              'register' => $coursePrice->discount_status == PromotionStatus::ACTIVE->value ? true : false,
              'isAboard' => $coursePrice->grade_id ? false : true,
              'start_day' => getFormatDate($coursePrice->discount_day_start),
          ];
      }
      if ($promotionType == PromotionType::MONTH_GIFT->value) {
          $disPrice = $coursePrice->price - ($coursePrice->price * $coursePrice->discount) / 100;
          $data = [
              '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'),
              'rangeDate' => getFormatDateRange($coursePrice->month_gift_day_start, $coursePrice->month_gift_day_end),
              'content' =>
                  '+ ' .
                  $coursePrice->month_gift .
                  ($coursePrice->grade ? ' tháng ' : ($coursePrice->month_gift > 1 ? ' months' : ' month')),
              'beforePrice' => null,
              'afterPrice' => number_format($coursePrice->price, 0, '.', '.'),
              'register' => $coursePrice->month_gift_status == PromotionStatus::ACTIVE->value ? true : false,
              'isAboard' => $coursePrice->grade_id ? true : false,
              'start_day' => getFormatDate($coursePrice->month_gift_day_start),
          ];
      }
      return $data;
  }
@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 class="promotion-detail position-relative container">
      <div class="promotion-detail-group">
        <div class="detail-banner mb-1">
          @if (isset($coursePrice->discount_image) || isset($coursePrice->month_gift_image))
            <img
              src="{{ Storage::url(isset($coursePrice->discount_image) ? $coursePrice->discount_image : $coursePrice->month_gift_image) }}"
              alt="Promotion Image" class="w-100">
          @else
            <img src="{{ asset('img/promotion/promotion_detail_banner.png') }}" alt="" class="w-100">
          @endif
        </div>
        <div class="pt-4 text-center">
          <h1 class="text-uppercase fs-32 fw-900">
            {{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['title'] }}
          </h1>
          <span class="fs-18">
            {{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['rangeDate'] }}
          </span>
        </div>
      </div>
    </section>
    <section class="px-4 mb-5">
      <div class="row flex-wrap d-flex align-items-stretch">
        @foreach ($courses as $course)
          <div class="col-12 col-sm-6 col-lg-4 col-xl-3  ">
            <div
              class="curriculum-course-item promoShadow d-flex flex-column align-items-center justify-content-center m-1 p-1 m-xxl-4 p-xxl-4">
              <p class="text-dark fs-25 fw-bold font-family-Montserrat text-uppercase m-0 px-3 py-2 text-center">
                {{ $coursePrice->grade_id ? $course->subject->name : 'AP ' . $course->grade->name }}
              </p>
              <div class="py-4">
                <div class="btn-4 btn-4-fill mb-2 gap-1 p-1">
                  <div class="d-flex align-items-center justify-content-center border-1 discount gap-1 border-white p-2">
                    <span class="d-flex">
                      <svg width="33" height="33" viewBox="0 0 33 33" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M25.6427 16.5V27.9286H7.357V16.5M16.4999 27.9286V10.7857M16.4999 10.7857H11.357C10.5992 10.7857 9.87252 10.4847 9.3367 9.94886C8.80088 9.41304 8.49986 8.68632 8.49986 7.92855C8.49986 7.17079 8.80088 6.44407 9.3367 5.90825C9.87252 5.37243 10.5992 5.07141 11.357 5.07141C15.357 5.07141 16.4999 10.7857 16.4999 10.7857ZM16.4999 10.7857H21.6427C22.4005 10.7857 23.1272 10.4847 23.663 9.94886C24.1988 9.41304 24.4999 8.68632 24.4999 7.92855C24.4999 7.17079 24.1988 6.44407 23.663 5.90825C23.1272 5.37243 22.4005 5.07141 21.6427 5.07141C17.6427 5.07141 16.4999 10.7857 16.4999 10.7857ZM5.07129 10.7857H27.9284V16.5H5.07129V10.7857Z"
                          stroke="white" stroke-linecap="round" stroke-linejoin="round" />
                      </svg>
                    </span>
                    <span
                      class="fs-20 fw-700 d-flex">{{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['content'] }}</span>
                  </div>
                </div>
                <div class="d-flex justify-content-center align-items-center my-3 flex-row gap-2">
                  @if (getPromotion($coursePrice, $promotionType, $newStudentPromotion)['beforePrice'])
                    <span class="text-neutral-07 fs-13 text-decoration-line-through">
                      {{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['beforePrice'] }}
                      Vnd
                    </span>
                  @endif
                  <span class="text-red-main fs-16 fw-600">
                    {{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['afterPrice'] }}
                    Vnd
                  </span>
                </div>
              </div>
              <div
                class="mb-4 {{ !getPromotion($coursePrice, $promotionType, $newStudentPromotion)['register'] ? 'detailUpComingDate' : '' }}">
                @if (getPromotion($coursePrice, $promotionType, $newStudentPromotion)['register'])
                  @if (getPromotion($coursePrice, $promotionType, $newStudentPromotion)['isAboard'])
                    <a href="{{ route('payment_course_aboard_studies.show', ['course_id' => $course->id, 'course_price_id' => $coursePrice->id]) }}"
                      class="fs-14 fw-semibold text-uppercase btnRegisterPromotion p-2">
                      {{ $course->type == CourseType::COURSE_SELF_STUDY->value ? 'Đăng ký học' : 'Join the course' }}
                    </a>
                  @else
                    <a href="{{ route('payment_course_self_studies.show', ['course_id' => $course->id, 'course_price_id' => $coursePrice->id]) }}"
                      class="fs-14 fw-semibold text-uppercase btnRegisterPromotion p-2">
                      {{ $course->type == CourseType::COURSE_SELF_STUDY->value ? 'Đăng ký học' : 'Join the course' }}
                    </a>
                  @endif
                @else
                  <span class="text-uppercase mb-2">sắp diễn ra</span>
                  <span>Bắt đầu
                    {{ getPromotion($coursePrice, $promotionType, $newStudentPromotion)['start_day'] }}</span>
                @endif
              </div>
            </div>
            <div class="chapterCover p-4 mb-4">
              @foreach ($course->chapters->sortBy('chapter_number') as $chapter)
                <div class="unit-list p-1 mb-1" id="unitList{{ $loop->index }}{{ $course->id }}">
                  <div class="curriculum-unit-item">
                    <div class="curriculum-unit-item-wrap d-flex align-items-start gap-2" data-bs-toggle="collapse"
                      href="#collapseUnit{{ $loop->index }}{{ $course->id }}" role="button" aria-expanded="false"
                      aria-controls="collapseUnit{{ $loop->index }}{{ $course->id }}">
                      <img src="{{ asset('/img/course/open-textbook.png') }}" alt="">
                      <div class="unitTitle">
                        <span class="text-chapter-number fw-500 text-primary-color">
                          {{ $course->type == CourseType::COURSE_SELF_STUDY->value ? 'Chương' : 'Unit' }}
                          {{ $chapter->chapter_number }}: </span>
                        <span class="text-chapter-content text-capitalize text-primary-color pb-2">
                          {{ $chapter->name }}
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="collapse ps-4" id="collapseUnit{{ $loop->index }}{{ $course->id }}">
                    @if ($chapter->units)
                      @foreach ($chapter->units->sortBy('unit_number') as $unit)
                        <div class="sub-item d-flex align-items-start gap-2">
                          <img src="{{ asset('/img/course/brush-and-pencil.png') }}" alt="">
                          <div>
                            <span class="fw-700 text-neutral-04">
                              {{ $course->type == CourseType::COURSE_SELF_STUDY->value ? 'Bài' : 'Topic' }}
                              {{ $unit->unit_number }}: </span>
                            <span class="text-neutral-04">
                              {{ $unit->name }}
                            </span>
                          </div>
                        </div>
                      @endforeach
                    @endif
                  </div>
                </div>
              @endforeach
            </div>
          </div>
        @endforeach
      </div>
    </section>
  </section>
@endsection

@push('script')
  @vite('resources/js/curriculum.js')
@endpush