@extends('university.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <h1>Programs</h1>
        <p class="pxp-text-light">Detailed list of your Programs.</p>

        <div class="mt-4 mt-lg-5">
            <div class="row justify-content-between align-content-center mb-2">
                <div class="col-md-12" style="text-align: right;">
                   <a href="{{ route('programs.add') }}" class="btn-sm btn-block btn-primary">Add</a>
                </div>
            </div>
            <div class="table-responsive">
                <table id="example1" class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Program Title</th>
                            <th>Education Level</th>
                            <th>Minimum GPA</th>
                            <th>Program Level</th>
                            <th>Created At</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php

                        $count = 0
                        @endphp

                        @forelse ($programs as $program)

                        @php
                        $count++;
                        @endphp

                            <tr class="tableRowItem odd">
                                <td>
                                    <div class="tableContent">{{$count}}</div>
                                </td>
                                <td>
                                    <div class="tableContent">
                                        <a target="_blank"
                                            href="{{ route('program.detail', ['id' => $program->id, 'slug' => $program->slug]) }}" class="pxp-candidate-dashboard-job-title">{{ $program->program_title }}</a>

                                    </div>
                                </td>
                                <td>
                                    <div class="tableContent">
                                        {{ @$program->minimumLevel->level_name ?? '' }}
                                    </div>
                                </td>
                                <td>
                                    <div class="tableContent">{{ @$program->minimum_gpa ?? '-' }}
                                    </div>
                                </td>
                                <td>
                                    <div class="tableContent">
                                        {{ @$program->programLevel->level_name }}
                                    </div>
                                </td>
                                <td>
                                    <div class="tableContent">
                                        {{ date('M d, Y', strtotime(@$program->created_at)) }}</div>
                                </td>
                                <td>
                                    
                                    <div class="pxp-dashboard-table-options">
                                            <ul class="list-unstyled">
                                                <li><a href="{{ route('program.details', ['id' => $program->id, 'slug' => $program->slug]) }}" title="View"><span class="fa fa-eye"></span></a></li>
                                                <li><a href="{{ route('program.edit', $program->id) }}" title="Edit"><span class="fa fa-edit"></span></a></li>
                                            </ul>
                                        </div>
                                </td>

                            </tr>

                        @empty
                            No programs are available
                        @endforelse
                    </tbody>
                </table>

                <!-- <div class="row mt-4 mt-lg-5 justify-content-between align-items-center">
                    <div class="col-auto">
                        <nav class="mt-3 mt-sm-0" aria-label="Jobs list pagination">
                            <ul class="pagination pxp-pagination">
                                <li class="page-item active" aria-current="page">
                                    <span class="page-link">1</span>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-auto">
                        <a href="#" class="btn rounded-pill pxp-section-cta mt-3 mt-sm-0">Show me more<span class="fa fa-angle-right"></span></a>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
@endsection