@extends('admin/layouts/layoutMaster')
@section('title', 'Course Form')
@section('vendor-style')
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}">
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')}}">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
  <style>
    .pimg{width:165px;height:150px;}
    .p-restyle p{padding:0px !important;margin:0px !important;margin-bottom:6px !important;}
    .clearFd{float:right;margin-right:15px;margin-top:-28px;position:relative;z-index:2;cursor:pointer;}
    table{
      border-left:#ccc solid 1px !important;
      border-right:#ccc solid 1px!important;
    }
    .field-icon{float:right;margin-right:15px;margin-top:-28px;position:relative;z-index:2;cursor:pointer;}
  </style>
@endsection
@section('content')
<h4 class="py-3 breadcrumb-wrapper mb-4">
    <span class="text-muted fw-light">Dashboard /</span> Course Form
  </h4>
<div class="row">
    <!-- Basic  -->
    <div class="col-12">
      <div class="card mb-4">
        <h5 class="card-header"><i class="bi bi-people me-1"></i>Student Course Form</h5>
        <div class="card-body table-responsive">
            @if(session()->has('errors'))
              <div class="alert alert-danger alert-dismissible d-flex align-items-center" role="alert">
                <i class="fas fa-times-circle me-1"></i>{{session('errors')->first() }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
              </div>
            @endif
            @if(session()->has('success'))
              <div class="alert alert-success alert-dismissible d-flex align-items-center" role="alert">
                <i class="fas fa-check-circle me-1"></i>{{session('success')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
              </div>
              <script>setTimeout(()=> {location.reload();}, 2000);</script>
            @endif
            <form method="GET" action="{{ route('admin.sstucourse') }}">
              <div class="row justify-content-center mb-3">
                <div class="col-md-4">
                  <input type="text" name="search" class="form-control" placeholder="Search student..." value="{{ request('search') }}">
                @if(request('search'))
                  <i class="bi bi-x-circle text-danger clearFd" data-url="{{ route('admin.sstucourse') }}"></i>
                @endif
                </div>
                <div class="col-md-2">
                  <button class="btn btn-primary">Search</button>
                </div>
            </div>
            </form>
          <table id="tablex" class="table table-striped table-hover table-bordered table-sm">
              <thead class="table-dark fs-2 fw-semibolder" height="32px">
                <tr>
                  <th>#</th>
                  <th>Name</th>
                  <th>Reg. Number</th>
                  <th>Level</th>
                  <th>Session</th>
                  <th>Semester</th>
                  <th>Printed</th>
                  <th></th>
                </tr>
              </thead>
              <tbody>
                @if($courses)
                @foreach($courses as $course)
                <tr>
                  <td width="20">{{$loop->iteration}}</td>
                  <td>{{$course->user->surname .' ' .$course->user->other_names}}</td>
                  <td>{{$course->user->reg_number}}</td>
                  <td>{{$course->student_level."00"}}</td>
                  <td>{{$course->session}}</td>
                  <td>{{$course->semester==1? 'First' : 'Second'}}</td>
                  <td>{{$course->printed_on ? 'YES' : 'NO' }}</td>
                  <td>
                    @if($course->printed_on)
                      <a href="{{route('admin.stuOpt',['unlock',$course->form_code])}}" class="btn btn-sm btn-primary px-1">Unlock</a>
                    @else
                      <a href="{{route('admin.stuOpt',['lock',$course->form_code])}}" class="btn btn-sm btn-danger px-1">Lock</a>
                    @endif
                    <!-- An admin should not be able to directly delet or add courses to a student course form from the admin end  -->
                    <a href="{{route('admin.stuCforms',[$course->form_code])}}" class="btn btn-sm btn-dark px-2">View</a>
                  </td>
                </tr>
                @endforeach
                @endif
              </tbody>
            </table>
            <div class="mt-3">
                {{ $courses->links() }}
            </div>
        </div>
      </div>
    </div>
    <!-- /Basic  -->

  </div>

 @section('page-script')
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
<script src="{{asset('assets/js/pages-auth.js')}}"></script>
<script>
$(document).ready(function() {
 $('.clearFd').click(function(){
    window.location.href = $(this).data('url');
});
 
  $('#tablexx').DataTable({
    "paging": true,
    "searching": true,
    "ordering": false,
    "order": [[0, "desc"]],
  });
});
</script>
 @endsection
@endsection