@extends('layouts.app')

@section('title', 'Professional Roles')

@section('content')

<div class="page-header">

    <div>

        <h1>
            Professional Roles
        </h1>

        <p>
            Manage professional classifications used throughout the system.
        </p>

    </div>

    <div>

        <a
            href="{{ route('admin.professional-roles.create') }}"
            class="btn btn-primary">

            + New Professional Role

        </a>

    </div>

</div>

@if(session('success'))

    <div class="alert alert-success">

        {{ session('success') }}

    </div>

@endif

<div class="card">

    <div class="card-body">

        <table class="table">

            <thead>

                <tr>

                    <th>
                        Name
                    </th>

                    <th>
                        Description
                    </th>

                    <th>
                        Status
                    </th>

                    <th width="220">
                        Actions
                    </th>

                </tr>

            </thead>

            <tbody>

                @forelse($roles as $role)

                    <tr>

                        <td>

                            {{ $role->name }}

                        </td>

                        <td>

                            {{ $role->description }}

                        </td>

                        <td>

                            @if($role->is_active)

                                <span class="badge bg-success">
                                    Active
                                </span>

                            @else

                                <span class="badge bg-danger">
                                    Inactive
                                </span>

                            @endif

                        </td>

                        <td>

                            <a
                                href="{{ route('admin.professional-roles.show', $role->id) }}"
                                class="btn btn-sm btn-info">

                                View

                            </a>

                            <a
                                href="{{ route('admin.professional-roles.edit', $role->id) }}"
                                class="btn btn-sm btn-warning">

                                Edit

                            </a>

                            @if($role->is_active)

                                <form
                                    method="POST"
                                    action="{{ route('admin.professional-roles.deactivate', $role->id) }}"
                                    style="display:inline;">

                                    @csrf

                                    <button
                                        type="submit"
                                        class="btn btn-sm btn-danger">

                                        Deactivate

                                    </button>

                                </form>

                            @else

                                <form
                                    method="POST"
                                    action="{{ route('admin.professional-roles.activate', $role->id) }}"
                                    style="display:inline;">

                                    @csrf

                                    <button
                                        type="submit"
                                        class="btn btn-sm btn-success">

                                        Activate

                                    </button>

                                </form>

                            @endif

                        </td>

                    </tr>

                @empty

                    <tr>

                        <td colspan="4">

                            No professional roles found.

                        </td>

                    </tr>

                @endforelse

            </tbody>

        </table>

        <div class="mt-3">

            {{ $roles->links() }}

        </div>

    </div>

</div>

@endsection