@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.6/js/jquery.dataTables.min.js"></script>

<div class="content-body">
  <div class="container-fluid">
    <div class="form-head d-flex mb-3 mb-md-2 align-items-center justify-content-between">
      <div class="me-auto">
        <h3 class="font-w600 m-0 p-0">{{ $title }}</h3>
      </div>
    </div>
    @include('includes.message') 
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body news-List">
            <div class="table-responsive">
              <table id="example5" class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th>Sr. No.</th>
                    @foreach($table_columns as $column)
                      @if($column !== 'id')
                        <th>
                          @if($column == 'razorpay_payment_id')
                            Payment ID
                          @else
                            {{ ucfirst(str_replace('_', ' ', $column)) }}
                          @endif
                        </th>
                      @endif
                    @endforeach
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($data as $key => $about)
                    <tr>
                      <td>{{ $key + 1 }}</td>
                      @foreach($table_columns as $column)
                        @if($column !== 'id' && $column !== 'status')
                          <td>{{ $about->$column }}</td>
                        @endif
                      @endforeach
                      <td>
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#viewModal{{ $key }}">View</button>
                      </td>
                    </tr>

                    <!-- Modal -->
                    <div class="modal fade" id="viewModal{{ $key }}" tabindex="-1" aria-labelledby="viewModalLabel{{ $key }}" aria-hidden="true">
                      <div class="modal-dialog modal-dialog-scrollable modal-lg">
                        <div class="modal-content border-0 shadow-lg">
                          <div class="modal-header bg-primary text-white">
                            <h5 class="modal-title bg-primary text-white" id="viewModalLabel{{ $key }}">Student Details</h5>
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                          </div>
                         <div class="modal-body bg-primary">
                          <div class="row">
                            <div class="col-lg-6">
                              <ul class="list-group list-group-flush">
                                @if(!empty($about->username))
                                <li class="list-group-item bg-primary text-white"><strong>Username:</strong> <span>{{ $about->username }}</span></li>
                                @endif

                                @if(!empty($about->password))
                                <li class="list-group-item bg-primary text-white"><strong>Password:</strong> <span>{{ $about->password }}</span></li>
                                @endif

                                @if(!empty($about->email))
                                <li class="list-group-item bg-primary text-white"><strong>Email:</strong> <span>{{ $about->email }}</span></li>
                                @endif

                                @if(!empty($about->mobile))
                                <li class="list-group-item bg-primary text-white"><strong>Mobile:</strong> <span>{{ $about->mobile }}</span></li>
                                @endif

                                @if(!empty($about->firstname))
                                <li class="list-group-item bg-primary text-white"><strong>Name:</strong> <span>{{ $about->firstname }}</span></li>
                                @endif

                                @if(!empty($about->affiliation))
                                <li class="list-group-item bg-primary text-white"><strong>Affiliation:</strong> <span>{{ $about->affiliation }}</span></li>
                                @endif

                                @if(!empty($about->dob))
                                <li class="list-group-item bg-primary text-white"><strong>DOB:</strong> <span>{{ $about->dob }}</span></li>
                                @endif

                                @if(!empty($about->gender))
                                <li class="list-group-item bg-primary text-white"><strong>Gender:</strong> <span>{{ $about->gender }}</span></li>
                                @endif

                                @if(!empty($about->age))
                                <li class="list-group-item bg-primary text-white"><strong>Age:</strong> <span>{{ $about->age }}</span></li>
                                @endif

                                @if(!empty($about->moodle_user_id))
                                <li class="list-group-item bg-primary text-white"><strong>Moodle User ID:</strong> <span>{{ $about->moodle_user_id }}</span></li>
                                @endif
                                @if(!empty($about->university_name))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>University Name:</strong> <span>{{ $about->university_name }}</span>
                                </li>
                                @endif

                                @if(!empty($about->gender_specificateion))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>Gender Specification:</strong> <span>{{ $about->gender_specificateion }}</span>
                                </li>
                                @endif

                                @if(!empty($about->educationl_qualification))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>Educational Qualification:</strong> <span>{{ $about->educationl_qualification }}</span>
                                </li>
                                @endif

                            </ul>

                            </div>
                            <div class="col-lg-6">
                             <ul class="list-group list-group-flush">
                                @if(!empty($about->address))
                                <li class="list-group-item bg-primary text-white"><strong>Address:</strong> <span>{{ $about->address }}</span></li>
                                @endif

                                @if(!empty($about->about_the_course))
                                <li class="list-group-item bg-primary text-white"><strong>About the Course:</strong> <span>{{ $about->about_the_course }}</span></li>
                                @endif

                                @if(!empty($about->country))
                                <li class="list-group-item bg-primary text-white"><strong>Country:</strong> <span>{{ $about->country }}</span></li>
                                @endif

                                @if(!empty($about->course_id) && DB::table('courses')->where('id', $about->course_id)->exists())
                                <li class="list-group-item bg-primary text-white">
                                    <strong>Course ID:</strong>
                                    <span>{{ DB::table('courses')->where('id', $about->course_id)->value('title') }}</span>
                                </li>
                                @endif

                                @if(!empty($about->razorpay_payment_id))
                                <li class="list-group-item bg-primary text-white"><strong>Payment ID:</strong> <span>{{ $about->razorpay_payment_id }}</span></li>
                                @endif

                                @if(!empty($about->moodle_username))
                                <li class="list-group-item bg-primary text-white"><strong>Moodle User Name:</strong> <span>{{ $about->moodle_username }}</span></li>
                                @endif

                                @if(!empty($about->moodle_auth_type))
                                <li class="list-group-item bg-primary text-white"><strong>Moodle Auth Type:</strong> <span>{{ $about->moodle_auth_type }}</span></li>
                                @endif

                                @if(!empty($about->moodle_password))
                                <li class="list-group-item bg-primary text-white"><strong>Moodle Password:</strong> <span>{{ $about->moodle_password }}</span></li>
                                @endif

                                @if(!empty($about->price))
                                <li class="list-group-item bg-primary text-white"><strong>Price:</strong> <span>{{ $about->price }}</span></li>
                                @endif
                                @if(!empty($about->professional_specialization))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>Professional Specialization:</strong> <span>{{ $about->professional_specialization }}</span>
                                </li>
                                @endif

                                @if(!empty($about->medical_conditions))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>Medical Conditions / Accessibility Requirements:</strong> <span>{{ $about->medical_conditions }}</span>
                                </li>
                                @endif

                                @if(!empty($about->consent_liability))
                                <li class="list-group-item bg-primary text-white">
                                  <strong>Consent - Liability Agreement:</strong> <span>{{ $about->consent_liability }}</span>
                                </li>
                                @endif

                            </ul>

                            </div>
                          </div>
                        </div>

                          <div class="modal-footer bg-white">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                          </div>
                        </div>
                      </div>
                    </div>

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