@extends('user.layouts.user')
@section('title', 'الدورات')
@section('content')
<section class="main-section py-5">
  <div class="container">
      <div class="holder d-flex align-items-center justify-content-between mb-4">
        <h4 class="main-heading mb-0">الدورات</h4>
        <a href="{{ route('profile.edit') }}" class="btn btn-sm px-3 btn-secondary">الحساب الشخصي <i
            class="fa-solid fa-angle-left"></i></a>
      </div>
    <div class="bg-content">
      <div class="tap-courses">
        <ul class="nav nav-pills" id="pills-tab" role="tablist">
          <li class="nav-item" role="presentation">
            <button class="nav-link active" id="pills-wite-tab" data-bs-toggle="pill" data-bs-target="#pills-wite"
              type="button" role="tab" aria-selected="true">دورات بالانتظار <span
                class="badge bg-white text-dark">{{auth()->user()->courses ? auth()->user()->courses->count() : 0}}</span></button>
          </li>
          <li class="nav-item" role="presentation">
            <button class="nav-link" id="pills-joined-tab" data-bs-toggle="pill" data-bs-target="#pills-joined"
              type="button" role="tab" aria-selected="false">دورات مشترك بها <span
                class="badge bg-white text-dark">{{auth()->user()->courses ? auth()->user()->courses->count() : 0}}</span></button>
          </li>
          <li class="nav-item" role="presentation">
            <button class="nav-link" id="pills-ended-tab" data-bs-toggle="pill" data-bs-target="#pills-ended"
              type="button" role="tab" aria-selected="false">دورات منتهيه <span
                class="badge bg-danger text-white">{{auth()->user()->courses ? auth()->user()->courses->where('end_date','<',\Carbon\carbon::now())->count() : 0}}</span></button>
          </li>
          <li class="nav-item" role="presentation">
            <button class="nav-link" id="pills-closed-tab" data-bs-toggle="pill" data-bs-target="#pills-closed"
              type="button" role="tab" aria-selected="false">دورات مغلق <span
                class="badge bg-white text-dark">{{auth()->user()->courses ? auth()->user()->courses->where('end_date','<',\Carbon\carbon::now())->count() : 0}}</span></button>
          </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
          <div class="tab-pane fade show active" id="pills-wite" role="tabpanel">
            <div class="box-course">
              <h5 class="title">معلومات الدورة</h5>
              @foreach(auth()->user()->courses as $course)
              <div class="table-responsive">
                <table class="table main-table">

                  <tr>
                    <th class="text-nowrap">اسم الدورة</th>
                    <td class="text-nowrap">{{$course->name}}  </td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">سعر الدورة</th>
                    <td class="text-nowrap">{{$course->price}} ر.س</td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">مدة الدورة</th>
                    <td class="text-nowrap">{{ $course->end_date->diff($course->start_date)}}</td>
                  </tr>

                </table>
              </div>
              @endforeach
            </div>
          </div>
          <div class="tab-pane fade" id="pills-joined" role="tabpanel">
            <div class="box-course">
              <h5 class="title">معلومات الدورة</h5>
              @foreach(auth()->user()->courses as $course)
              <div class="table-responsive">
                <table class="table main-table">

                  <tr>
                    <th class="text-nowrap">اسم الدورة</th>
                    <td class="text-nowrap">{{$course->name}}  </td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">سعر الدورة</th>
                    <td class="text-nowrap">{{$course->price}} ر.س</td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">مدة الدورة</th>
                    <td class="text-nowrap">{{ $course->end_date->diff($course->start_date)}}</td>
                  </tr>

                </table>
              </div>
              @endforeach
            </div>
          </div>
          <div class="tab-pane fade" id="pills-ended" role="tabpanel">
            <div class="box-course">
              <h5 class="title">معلومات الدورة</h5>
              @foreach(auth()->user()->courses->where('end_date','<',\Carbon\carbon::now()) as $course)
              <div class="table-responsive">
                <table class="table main-table">

                  <tr>
                    <th class="text-nowrap">اسم الدورة</th>
                    <td class="text-nowrap">{{$course->name}}  </td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">سعر الدورة</th>
                    <td class="text-nowrap">{{$course->price}} ر.س</td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">مدة الدورة</th>
                    <td class="text-nowrap">{{ $course->end_date->diff($course->start_date)}}</td>
                  </tr>

                </table>
              </div>
              @endforeach
            </div>
          </div>
          <div class="tab-pane fade" id="pills-closed" role="tabpanel">
            <div class="box-course">
              <h5 class="title">معلومات الدورة</h5>
              @foreach(auth()->user()->courses->where('end_date','<',\Carbon\carbon::now()) as $course)
              <div class="table-responsive">
                <table class="table main-table">

                  <tr>
                    <th class="text-nowrap">اسم الدورة</th>
                    <td class="text-nowrap">{{$course->name}}  </td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">سعر الدورة</th>
                    <td class="text-nowrap">{{$course->price}} ر.س</td>
                  </tr>
                  <tr>
                    <th class="text-nowrap">مدة الدورة</th>
                    <td class="text-nowrap">{{ $course->end_date->diff($course->start_date)}}</td>
                  </tr>

                </table>
              </div>
              @endforeach
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection