@php use App\Models\Lms\CourseOrder;use Illuminate\Support\Str; @endphp
@extends('layouts.main')
@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Requested Courses</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Requested Courses</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="clearfix"></div>
  @include('flash::message')
  <div class="clearfix"></div>

  <div class="card-box">
    <div class="clearfix"></div>
    <!-- Main table -->
    <div class="row">
      <div class="col-md-12 data-table-padding">
        <table class="table table-chrome table-striped not-wrapped-results" id="orders-table">
          <thead>
          <tr>
            <th>Id</th>
            <th>User</th>
            <th>SKYWATCH Username</th>
            <th>SKYWATCH Role</th>
            <th>Course</th>
            <th>Licenses</th>
            <th>Price</th>
            <th>Date of request</th>
            <th>Status</th>
            <th>GLESEC Status</th>
            <th>Action</th>
          </tr>
          </thead>
          <tbody>
          @foreach($orders as /** @var CourseOrder $order */$order)
            <tr>
              <td>{{ $order->id }}</td>
              <td>{{ $order->user->contact->full_name }}</td>
              <td>{{ $order->user->email }}</td>
              <td>
                {!! isset($order->user->role)?$order->user->role->name:'-' !!}
              </td>
              <td>{{ Str::limit($order->scormCourse->title, 20) ?? null}}</td>
              <td>{{ $order->amount }}</td>
              <td>{{ $order->scormCourse->price ?? null }}</td>
              <td>{{ $order->created_at }}</td>
              <td>{{ $order->approval_status_text }}</td>
              <td>
                @if($order->approval_status == CourseOrder::APPROVAL_STATUS_APPROVED)
                  {{ ucfirst($order->status) }}
                @endif
              </td>
              <td>
                @if($order->approval_status == CourseOrder::APPROVAL_STATUS_PENDING)
                  <div class='btn-group'>
                    <a
                      href="{!! route('course-orders.change-status', [ $order->id, 'approval_status' => CourseOrder::APPROVAL_STATUS_APPROVED]) !!}"
                      class='btn btn-default btn-xs'>Approve</a>
                    <a
                      href="{!! route('course-orders.change-status', [ $order->id, 'approval_status' => CourseOrder::APPROVAL_STATUS_REJECTED]) !!}"
                      class='btn btn-default btn-xs'>Reject</a>
                  </div>
                @endif
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection

@section('scripts')
  <script type="text/javascript">
    var dataTable = new DataTable(document.querySelector('#orders-table'), {
      perPageSelect: [5, 15, 25, 50, 100],
      perPage: 15,
    });
  </script>
@endsection