@extends('admin.layout.app')

@push('style')
  @vite('resources/css/admin/table.css')
  @vite('resources/css/admin/responsive/main.css')
@endpush

@section('content')
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Danh sách khuyến mãi</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Trang chủ</a></li>
            <li class="breadcrumb-item active">Danh sách chương trình khuyến mãi</li>
          </ol>
        </div>
      </div>
      @if (session()->has('error'))
        <div class="alert alert-danger alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-ban"></i>Lỗi</h5>
          <p>{{ session('error') }}</p>
        </div>
      @endif
      @if (session()->has('message'))
        <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-check"></i>Thành công</h5>
          <p>{{ session('message') }}</p>
        </div>
      @endif
    </div>
  </div>

  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                  <div class="search-form col-sm-10 d-flex flex-column w-auto px-0">
                    <h3>KHUYẾN MÃI GIẢM GIÁ CHƯƠNG TRÌNH PHỔ THÔNG</h3>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2"></span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 6</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 7</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 8</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 9</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 10</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 11</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 12</span>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($promotionData['course_promotion']['Online']->sortBy('time')->pluck('time')->unique()->toArray() as $time)
                          <tr>
                            <td>{{ $time . ' tháng' }}</td>
                            @foreach ($promotionData['course_promotion']['Online'] as $data)
                              @if ($data->time == $time)
                                <td>
                                  @if ($data->discount_status == \App\Enums\PromotionStatus::UNACTIVE->value)
                                    <a href="{{ route('admin.promotion.viewCreateDiscount', $data->id) }}" alt="unactive">
                                      <span
                                        class="badge bg-secondary">{{ \App\Enums\PromotionStatus::UNACTIVE->name() }}</span>
                                    </a>
                                  @elseif($data->discount_status == \App\Enums\PromotionStatus::ACTIVE->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditDiscount', $data->id) }}" alt="active">
                                      <div>
                                        <span
                                          class="badge bg-success">{{ \App\Enums\PromotionStatus::ACTIVE->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->discount . '%' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày kết thúc: ' . \Carbon\Carbon::parse($data->discount_day_end)->format('d-m-Y') }}</span>
                                    </a>
                                  @elseif($data->discount_status == \App\Enums\PromotionStatus::UP_COMING->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditDiscount', $data->id) }}" alt="up-coming">
                                      <div>
                                        <span
                                          class="badge bg-primary">{{ \App\Enums\PromotionStatus::UP_COMING->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->discount . '%' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày bắt đầu: ' . \Carbon\Carbon::parse($data->discount_day_start)->format('d-m-Y') }}</span>
                                    </a>
                                  @endif
                                </td>
                              @endif
                            @endforeach
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                  <div class="search-form col-sm-10 d-flex flex-column w-auto px-0">
                    <h3>KHUYẾN MÃI TẶNG THÊM THỜI GIAN CHƯƠNG TRÌNH PHỔ THÔNG</h3>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2"></span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 6</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 7</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 8</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 9</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 10</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 11</span>
                          </th>
                          <th class="">
                            <span class="me-2">Lớp 12</span>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($promotionData['course_promotion']['Online']->sortBy('time')->pluck('time')->unique()->toArray() as $time)
                          <tr>
                            <td>{{ $time . ' tháng' }}</td>
                            @foreach ($promotionData['course_promotion']['Online'] as $data)
                              @if ($data->time == $time)
                                <td>
                                  @if ($data->month_gift_status == \App\Enums\PromotionStatus::UNACTIVE->value)
                                    <a href="{{ route('admin.promotion.viewCreateGift', $data->id) }}" alt="unactive">
                                      <span
                                        class="badge bg-secondary">{{ \App\Enums\PromotionStatus::UNACTIVE->name() }}</span>
                                    </a>
                                  @elseif($data->month_gift_status == \App\Enums\PromotionStatus::ACTIVE->value)
                                    <a href="{{ route('admin.promotion.viewEditGift', $data->id) }}"
                                      class="d-flex flex-column" alt="active">
                                      <div>
                                        <span
                                          class="badge bg-success">{{ \App\Enums\PromotionStatus::ACTIVE->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->month_gift . ' tháng' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày kết thúc: ' . \Carbon\Carbon::parse($data->month_gift_day_end)->format('d-m-Y') }}</span>
                                    </a>
                                  @elseif($data->month_gift_status == \App\Enums\PromotionStatus::UP_COMING->value)
                                    <a href="{{ route('admin.promotion.viewEditGift', $data->id) }}"
                                      class="d-flex flex-column" alt="up-coming">
                                      <div>
                                        <span
                                          class="badge bg-primary">{{ \App\Enums\PromotionStatus::UP_COMING->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->month_gift . ' tháng' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày bắt đầu: ' . \Carbon\Carbon::parse($data->month_gift_day_start)->format('d-m-Y') }}</span>
                                    </a>
                                  @endif
                                </td>
                              @endif
                            @endforeach
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>

          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                  <div class="search-form col-sm-10 d-flex flex-column w-auto px-0">
                    <h3>KHUYẾN MÃI GIẢM GIÁ CHƯƠNG TRÌNH CHO DU HỌC SINH</h3>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2"></span>
                          </th>
                          <th>
                            <span class="me-2">AP</span>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($promotionData['course_promotion']['AP']->sortBy('time')->pluck('time')->unique()->toArray() as $time)
                          <tr>
                            <td>{{ $time . ' tháng' }}</td>
                            @foreach ($promotionData['course_promotion']['AP'] as $data)
                              @if ($data->time == $time)
                                <td>
                                  @if ($data->discount_status == \App\Enums\PromotionStatus::UNACTIVE->value)
                                    <a href="{{ route('admin.promotion.viewCreateDiscount', $data->id) }}"
                                      alt="unactive">
                                      <span
                                        class="badge bg-secondary">{{ \App\Enums\PromotionStatus::UNACTIVE->name() }}</span>
                                    </a>
                                  @elseif($data->discount_status == \App\Enums\PromotionStatus::ACTIVE->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditDiscount', $data->id) }}" alt="active">
                                      <div>
                                        <span
                                          class="badge bg-success">{{ \App\Enums\PromotionStatus::ACTIVE->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->discount . '%' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày kết thúc: ' . \Carbon\Carbon::parse($data->discount_day_end)->format('d-m-Y') }}</span>
                                    </a>
                                  @elseif($data->discount_status == \App\Enums\PromotionStatus::UP_COMING->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditDiscount', $data->id) }}"
                                      alt="up-coming">
                                      <div>
                                        <span
                                          class="badge bg-primary">{{ \App\Enums\PromotionStatus::UP_COMING->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->discount . '%' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày bắt đầu: ' . \Carbon\Carbon::parse($data->discount_day_start)->format('d-m-Y') }}</span>
                                    </a>
                                  @endif
                                </td>
                              @endif
                            @endforeach
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                  <div class="search-form col-sm-10 d-flex flex-column w-auto px-0">
                    <h3>KHUYẾN MÃI TẶNG THÊM THỜI GIAN CHƯƠNG TRÌNH CHO DU HỌC SINH</h3>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2"></span>
                          </th>
                          <th>
                            <span class="me-2">AP</span>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($promotionData['course_promotion']['AP']->sortBy('time')->pluck('time')->unique()->toArray() as $time)
                          <tr>
                            <td>{{ $time . ' tháng' }}</td>
                            @foreach ($promotionData['course_promotion']['AP'] as $data)
                              @if ($data->time == $time)
                                <td>
                                  @if ($data->month_gift_status == \App\Enums\PromotionStatus::UNACTIVE->value)
                                    <a href="{{ route('admin.promotion.viewCreateGift', $data->id) }}" alt="unactive">
                                      <span
                                        class="badge bg-secondary">{{ \App\Enums\PromotionStatus::UNACTIVE->name() }}</span>
                                    </a>
                                  @elseif($data->month_gift_status == \App\Enums\PromotionStatus::ACTIVE->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditGift', $data->id) }}" alt="active">
                                      <div>
                                        <span
                                          class="badge bg-success">{{ \App\Enums\PromotionStatus::ACTIVE->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->month_gift . 'tháng' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày kết thúc: ' . \Carbon\Carbon::parse($data->month_gift_day_end)->format('d-m-Y') }}</span>
                                    </a>
                                  @elseif($data->month_gift_status == \App\Enums\PromotionStatus::UP_COMING->value)
                                    <a class="d-flex flex-column"
                                      href="{{ route('admin.promotion.viewEditGift', $data->id) }}" alt="up-coming">
                                      <div>
                                        <span
                                          class="badge bg-primary">{{ \App\Enums\PromotionStatus::UP_COMING->name() }}</span>
                                      </div>
                                      <span class="text-dark">{{ 'Khuyến mãi: ' . $data->month_gift . 'tháng' }}</span>
                                      <span
                                        class="text-dark">{{ 'Ngày bắt đầu: ' . \Carbon\Carbon::parse($data->month_gift_day_start)->format('d-m-Y') }}</span>
                                    </a>
                                  @endif
                                </td>
                              @endif
                            @endforeach
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <div class="card">
            <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                  <div class="search-form col-sm-10 d-flex flex-column w-auto px-0">
                    <h3>KHUYẾN MÃI CHO TÀI KHOẢN MỚI</h3>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2">Tên khuyến mãi</span>
                          </th>
                          <th class="">
                            <span class="me-2">Số tháng khuyến mãi</span>
                          </th>
                          <th class="">
                            <span class="me-2">Trạng thái</span>
                          </th>
                          <th class="">
                            <span class="me-2">Chỉnh sửa</span>
                          </th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>Khuyến mãi cho tài khoản mới</td>
                          <td>{{ $promotionData['new_student_promotion']->time . ' tháng' }}</td>
                          @if ($promotionData['new_student_promotion']->status == '1')
                            <td>
                              <button class="btn-status btn btn-success change-status"
                                id={{ $promotionData['new_student_promotion']->id }}
                                status={{ $promotionData['new_student_promotion']->status }}>Kích hoạt</button>
                            </td>
                          @elseif($promotionData['new_student_promotion']->status == '0')
                            <td>
                              <button class="btn-status btn btn-danger change-status"
                                id={{ $promotionData['new_student_promotion']->id }}
                                status={{ $promotionData['new_student_promotion']->status }}>Chưa kích hoạt</button>
                            </td>
                          @endif
                          <td>
                            <a class="btn btn-primary edit-record"
                              href="{{ route('admin.promotion.viewEditNewStudentPromotion', $promotionData['new_student_promotion']->id) }}"
                              type="button">
                              <i class="fa fa-edit"></i>
                            </a>
                          </td>
                        </tr>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th class="name icon-sort-header w-20" name="name">
                            <span class="me-2">Tên khuyến mãi</span>
                          </th>
                          <th class="">
                            <span class="me-2">Số tháng khuyến mãi</span>
                          </th>
                          <th class="">
                            <span class="me-2">Trạng thái</span>
                          </th>
                          <th class="">
                            <span class="me-2">Chỉnh sửa</span>
                          </th>
                        </tr>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <div class="modal fade" id="modal-status">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5">Bạn có chắc là muốn đổi trạng thái khuyến mãi này không?</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form method="POST" action="{{ route('admin.promotion.changeStatusNewStudentPromotion') }}">
          @csrf
          <input id="id" type="hidden" name="user_id" />
          <input id="status" type="hidden" name="status" />
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Hủy</button>
            <button type="submit" class="btn btn-danger">Đồng ý</button>
          </div>
        </form>
      </div>
    </div>
  @endsection

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