@extends('user_dashboard.layouts.app')
@section('content')
    @push('css')
        <style>
            td{
                padding: 10px 10px !important;
                font-size: 14px;
            }
        </style>
    @endpush

    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>

                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="section-title">
                                    <h3 class="rbt-title-style-style">Certificate List</h3>
                                </div>
                            </div>
                        </div>
                        <table class="table table-striped table-centered mb-0">
                            <thead>
                                <tr>
                                    <th class="text-center">#</th>
                                    <th class="text-center">Course</th>
                                    <th class="text-center">Date</th>
                                    <th class="text-center">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($certificates as $key=>$certificate)
                                    <tr>
                                        <td class="text-center">{{$key+1}}</td>
                                        <td class="text-center">{{$certificate->course->name}}</td>
                                        <td class="text-center">{{$certificate->created_at}}</td>
                                        <td class="text-center">
                                            <a class="rbt-btn-link text-success" href="{{route('user.certificate',encrypt($certificate->id))}}"><b>Download Certificate</b><i class="feather-arrow-right"></i></a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr class="footable-empty">
                                        <td colspan="11">
                                            <center style="padding: 50px;"><i class="far fa-frown" style="font-size:80px;"></i><br>
                                                <h4 class="mt-2">Nothing Found</h4>
                                            </center>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection