@extends('layouts.cmsapp')

@section('cms_content')

<h1 class="page-title">Course Outcomes</h1>

<a href="{{ route('course-outcomes.create') }}" class="btn btn-success pull-right" style="margin-bottom: 10px !important">
    Add Course Outcome
</a>

<table class="table table-bordered table-striped dataTables-example ">
    <thead>
        <tr>
            <th>#</th>
            <th>Title</th>
            <th>Department</th>
            <th width="20%">Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach($outcomes as $index => $outcome)
            <tr>
                <td>{{ $index + 1 }}</td>
                <td>{{ $outcome->title }}</td>
                <td>{{ $outcome->subjects->subject ?? '' }}</td>
                <td>
                    <a href="{{ route('course-outcomes.edit', $outcome->id) }}"
                       class="btn btn-sm btn-success">Edit</a>

                    <form action="{{ route('course-outcomes.destroy', $outcome->id) }}"
                          method="POST" style="display:inline">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-danger"
                                onclick="return confirm('Are you sure?')">
                            Delete
                        </button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

@endsection