@extends('front.app')
@section('content')
    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gy-10 gx-lg-8 gx-xl-12 align-items-center">
                <div class="col-lg-7 order-lg-2 position-relative">
                    <figure><img class="w-auto" src="{{ asset('front/img/illustrations/i14.png') }}"
                            srcset="{{ asset('front/img/illustrations/i14@2x.png') }} 2x" alt="" /></figure>
                </div>
                <!--/column -->
                <div class="col-lg-5">
                    <h2 class="display-4 mb-3">{{ trans('module.course_title') }}</h2>
                    <p class="lead fs-lg">{{ trans('module.course_text') }}</p>

                    <!--/column -->
                </div>
                <!--/.row -->
            </div>
            <div class="job-list mb-10">
                <div class="card mb-4 lift">
                    <div class="card-body p-5">
                        <span class="row justify-content-between align-items-center">
                            <span class="col-2 mb-2 mb-md-0 d-flex align-items-center text-body">
                                <i class="uil uil-label-alt me-1"></i>{{ trans('module.course_tabel_column_1') }}
                            </span>
                            <span class="col-3 text-body d-flex align-items-center">
                                <i class="uil uil-clock me-1"></i>{{ trans('module.course_tabel_column_2') }}</span>
                            <span class="col-5 col-lg-3 text-body d-flex align-items-center">
                                <i class="uil uil-info-circle me-1"></i>{{ trans('module.course_tabel_column_3') }}</span>
                            <span class="d-none d-lg-block col-2 text-center text-body">
                                <i class="uil uil-file-upload me-1"></i>{{ trans('module.course_tabel_column_4') }}
                            </span>
                        </span>
                    </div>
                </div>
                @foreach ($courses as $course)
                    <div class="card mb-4 lift">
                        <div class="card-body p-5">
                            <span class="row justify-content-between align-items-center">
                                <span class="col-2 mb-2 mb-md-0 d-flex align-items-center text-body">
                                    {{ $course->name }}
                                </span>
                                <span class="col-3 col-md-3 text-body d-flex align-items-center">
                                    {{ $course->date }}</span>
                                <span class="col-2 col-md-4 col-lg-3 text-body d-flex align-items-center">
                                    {{ $course->registration_information }}</span>
                                <span class="d-none d-lg-block col-2 text-center text-body">

                                    @if ($course->upload_id)
                                        <a class="btn btn-sm mr-5 btn-primary" href="{{route('course.download', ['id' => $course->upload_id])}}"><i class="fa fa-download"></i></a>  
                                    @else
                                    <a class="btn btn-sm mr-5 btn-primary disabled" href="#"><i class="fa fa-download"></i></a>  
                                    @endif
                                </span>
                            </span>
                        </div>
                    </div>
                @endforeach
                <!-- /.card -->
            </div>
            <!-- /.container -->
    </section>
    <!-- /section -->

    <!-- /section -->
@endsection