@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('showListCourses') }}" class="text-dark"><i class="fa fa-arrow-circle-left "></i> Cursos</a>
            <a href="{{ route('create-subject', ['course' => $course]) }}" title="add new" class="float-right btn btn-primary btn-sm"><i class="fa fa-plus"></i> Nuevo Tema</a>
            <hr>
        </div>
        <div class="card mt-1">
            <div class="card-body">
                {!! $subjects->render() !!}
                <table class="table table-condensed table-bordered">
                    <thead>
                    <tr>
                        <th>Id</th>
                        <th>{{ __('number') }}</th>
                        <th>{{ __('name') }}</th>
                        <th>{{ __('detail') }}</th>
                        <th>{{ __('video') }}</th>
                        <th>{{ __('active') }}</th>
                        <th colspan="2"><center><i class="fa fa-cog"></i></center></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($subjects as $subject)
                        <tr>
                            <td>{{ $subject->id }}</td>
                            <td>{{ $subject->number }}</td>
                            <td>{{ $subject->name }}</td>
                            <td>{{ $subject->detail }}</td>
                            <td>{{ $subject->url_video }}</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-primary btn-sm"
                                   href="{{ route('edit-subject', ['course' => $course, 'subject' => $subject]) }}">Editar</a>
                            </td>
                            <td class="">
                                <a class="btn btn-danger btn-sm"
                                   href="{{ route('delete-subject', ['subject' => $subject]) }}">Eliminar</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection