@extends('admin.main')

@section('main')

    <!--begin::Products-->
    <div class="card card-flush">
        <!--begin::Card body-->
        <div class="card-body pt-0">
            <!--begin::Table-->
            <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_products_table">
                <!--begin::Table head-->
                <thead>
                    <!--begin::Table row-->
                    <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                        <th class="min-w-200px">Img</th>
                        <th class="min-w-200px">Titulo</th>
                        <th class="min-w-200px">Status</th>
                        <th class="text-end min-w-70px">Opções</th>
                    </tr>
                    <!--end::Table row-->
                </thead>
                <!--end::Table head-->
                <!--begin::Table body-->
                <tbody class="fw-bold text-gray-600">
                    @forelse ($treinamentos as $treinamento)
                        <tr>
                            <td class="text-start pe-0">
                                <img src="{{ Storage::url($treinamento->capa) }}" width="75px"/>
                            </td>
                            <td class="text-start pe-0">
                                <a href="{{ route('admin.treinamentos.edit', $treinamento->id) }}"><span class="fw-bolder">{{ $treinamento->nome }}</span></a>
                            </td>
                            <td class="text-start pe-0">
                                <span class="badge badge-success">Ativo</span>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('admin.treinamentos.edit', $treinamento->id) }}"
                                    class="menu-link px-3">Editar</a>
                            </td>

                    </tr>
                @empty
                    @endforelse

                </tbody>
                <!--end::Table body-->
            </table>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Products-->

@endsection

@push('css')
@endpush