@extends('layouts.admin-layout')
@section('content')
    <div class="container">
        <h2>Кафедры</h2>
        <br>
        <a href="{{ route('departments.create') }}" class="btn btn-primary">Создать Кафедру</a>
        <br>
        <br>
        <table class="table">
            <thead class="border-b-2 border-solid border-black text-left" style="text-align: left">
            <tr>
                <th scope="col">Позиция</th>
                <th scope="col">Название</th>
                <th scope="col">Описание</th>
                <th scope="col">URL</th>
                <th scope="col">Факультет</th>
                <th scope="col">действия</th>
                <th scope="col"></th>
            </tr>
            </thead>
            <tbody>
            @foreach($departments as $department)
                <tr class="">
                    <th scope="row">{{ $department->position }}</th>
                    <td><a href="{{ route('departments.show', $department) }}">{{ $department->name }}</a></td>
                    <td>{{ Str::words($department->description, 10, '...') }}</td>
                    <td>{{ $department->slug }}</td>
                    <td>{{ $department->faculty->name }}</td>
                    <td>
                        <a href="{{ route("departments.edit", $department) }}"
                           class="btn btn-secondary">редактировать</a>
                        <a rel="nofollow" data-method="delete" data-confirm="Вы действительно хотите удалить?"
                           href="{{ route('departments.destroy', $department) }}"
                           class="btn btn-danger">удалить</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <br>
        <br>
    </div>
@endsection