@extends('layouts.default')
@section('content')

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">

        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container-xxl">

                <div class="card mb-5 mb-xl-10" id="sessions">
                    <!--begin::Card header-->
                    <div class="card-header">
                        <!--begin::Card title-->
                        <div class="card-title m-0">
                            <h3 class="fw-bolder m-0">Workouts</h3>
                        </div>
                    </div>

                    <div class="card-body p-9">
                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users"
                            style="display: inline-table">

                            <thead>

                                <tr class="text-start text-muted fw-bolder fs-7 text-uppercase gs-0">

                                    <th class="min-w-20px">No.</th>
                                    <th class="min-w-125px">Title</th>
                                    <th class="min-w-125px">Author Name</th>
                                    <th class="min-w-125px">Workout Type</th>
                                    <th class="min-w-125px">Training Level</th>
                                    <th class="min-w-125px">Trainer Name</th>
                                    <th class="min-w-125px">Category Name</th>
                                    <th class="text-center min-w-125px">View</th>
                                </tr>

                            </thead>


                            <tbody class="text-gray-600 fw-bold">

                                @foreach ($workouts as $key => $workout)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $workout->title ?? null }}</td>
                                        <td>{{ $workout->author_name ?? null }}</td>
                                        <td>{{ $workout->workout_type ?? null }}</td>
                                        <td>{{ $workout->training_level ?? null }}</td>
                                        <td>{{ $workout->user->name ?? null }}</td>
                                        <td>{{ $workout->category->exercise_name ?? null }}</td>
                                        <td class="text-center"><a href="{{ URL('workout/' . $workout->id) }}"><button
                                            type="button" class="btn btn-primary btn-sm">View</button></a>
                                        </td>
                                    </tr>
                                @endforeach

                            </tbody>

                        </table>
                    </div>
                    <!--end::Card body-->
                </div>
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>

@stop