@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('viewDashboard') }}" class="text-dark"><i class="fa fa-arrow-circle-left "></i> Aplicaciones</a>
            <a href="{{ route('create-course') }}" title="add new" class="float-right btn btn-primary btn-sm"><i class="fa fa-plus"></i> Nuevo Curso</a>
            <hr>
        </div>
        <div class="card mt-1">
            <div class="card-body">
                {!! $courses->render() !!}
                <table class="table table-condensed table-bordered">
                    <thead>
                    <tr>
                        <th>Id</th>
                        <th>{{ __('sku') }}</th>
                        <th>{{ __('name') }}</th>
                        <th>{{ __('detail') }}</th>
                        <th>{{ __('image') }}</th>
                        <th>{{ __('price') }}</th>
                        <th>{{ __('discount_price') }}</th>
                        <th>{{ __('created_at') }}</th>
                        <th>{{ __('active') }}</th>
                        <th colspan="3"><center><i class="fa fa-cog"></i></center></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($courses as $course)
                        <tr>
                            <td>{{ $course->id }}</td>
                            <td>{{ $course->sku }}</td>
                            <td>{{ $course->name }}</td>
                            <td>{{ $course->detail }}</td>
                            <td>
                                @if($course->url_image)
                                    <figure class="figure">
                                        <img src="{{ $course->url_image }}" class="figure-img img-fluid rounded" alt="img"/>
                                        <!--<figcaption class="figure-caption">A caption for the above image.</figcaption>-->
                                    </figure>
                                @endif
                            </td>
                            <td>{{ $course->price }}</td>
                            <td>{{ $course->discount_price }}</td>
                            <td>{{ $course->created_at }}</td>
                            <td>
                                <div class="custom-control custom-switch">
                                    <input @click="changeCourseActive({{$course->id}})"
                                           type="checkbox"
                                           class="custom-control-input"
                                           id="isActive{{$course->id}}" {{ $course->active ? ' checked' : '' }}>
                                    <label class="custom-control-label" for="isActive{{$course->id}}"></label>
                                </div>
                            </td>
                            <td class="">
                                <a class="btn btn-secondary btn-sm" href="{{ route('show-course', ['course' => $course]) }}">Gestionar</a>
                            </td>
                            <td class="">
                                <a class="btn btn-primary btn-sm" href="{{ route('edit-course', ['course' => $course]) }}">Editar</a>
                            </td>
                            <td class="">
                                <a class="btn btn-danger btn-sm" href="{{ route('delete-course', ['course' => $course]) }}">Eliminar</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                {!! $courses->render() !!}
            </div>
        </div>
    </div>
@endsection