@extends('admin.layouts.dashboard')

@section('title', 'Executives')

@section('content')
    @php $genders = config('constants.gender'); @endphp

    <x-page-header
        title="Executives"
        :description="number_format($executives->count()).' '.Str::plural('executive', $executives->count()).($showArchived ? ' archived' : ' on staff')"
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Executives' => null]"
    >
        <x-slot:actions>
            <a href="{{ route('executives.index', $showArchived ? [] : ['archived' => 1]) }}" class="btn btn--secondary">
                <i class="fa-solid {{ $showArchived ? 'fa-users' : 'fa-box-archive' }}" aria-hidden="true"></i>
                {{ $showArchived ? 'Show active' : 'Show archived' }}
            </a>
            @can(\App\Support\Permissions::EXECUTIVES_CREATE)
                <a href="{{ route('executives.create') }}" class="btn btn--primary">
                    <i class="fa-solid fa-user-plus" aria-hidden="true"></i>
                    Add executive
                </a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        @if ($executives->isEmpty())
            <x-empty
                icon="fa-user-tie"
                :title="$showArchived ? 'No archived executives' : 'No executives yet'"
                text="Executives are gym staff who punch in on the fingerprint terminal."
            />
        @else
            <div class="table-wrap">
                <table class="table table--striped" data-datatable data-export="true">
                    <thead>
                        <tr>
                            <th scope="col" class="col-num">#</th>
                            <th scope="col" class="no-sort no-export">Photo</th>
                            <th scope="col">Name</th>
                            <th scope="col">Role</th>
                            <th scope="col">Contact</th>
                            <th scope="col">Sex</th>
                            <th scope="col">PIN</th>
                            <th scope="col">Joined</th>
                            <th scope="col" class="col-actions no-sort no-export">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($executives as $executive)
                            <tr>
                                <td class="col-num">{{ $loop->iteration }}</td>
                                <td>
                                    <x-photo :path="$profile_image_path" :file="$executive->pic"
                                             :alt="'Photo of '.ucwords($executive->fullname)" class="table__avatar" />
                                </td>
                                <td class="table__primary">
                                    <a href="{{ route('executives.show', $executive->id) }}">{{ ucwords($executive->fullname) }}</a>
                                </td>
                                <td class="u-text-secondary u-capitalize">{{ $executive->occupation ?: '—' }}</td>
                                <td class="u-nowrap u-text-secondary">{{ $executive->phone_number ?: '—' }}</td>
                                <td class="u-text-secondary">{{ $genders[$executive->sex] ?? 'Other' }}</td>
                                <td class="u-numeric u-text-secondary">{{ $executive->pin2 ?: '—' }}</td>
                                <td class="u-nowrap u-text-secondary">
                                    {{ $executive->registration_date ? date('d M Y', strtotime($executive->registration_date)) : '—' }}
                                </td>
                                <td class="col-actions">
                                    <div class="actions">
                                        @can(\App\Support\Permissions::EXECUTIVES_UPDATE)
                                            <a class="btn btn--icon btn--sm" href="{{ route('executives.edit', $executive->id) }}" title="Edit">
                                                <i class="fa-solid fa-pen" aria-hidden="true"></i>
                                                <span class="u-visually-hidden">Edit {{ ucwords($executive->fullname) }}</span>
                                            </a>
                                        @endcan
                                        @can(\App\Support\Permissions::EXECUTIVES_ARCHIVE)
                                            @if ($showArchived)
                                                <form method="POST" action="{{ route('executives.restore', $executive->id) }}" style="display:inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn--icon btn--sm" title="Restore">
                                                        <i class="fa-solid fa-rotate-left" aria-hidden="true"></i>
                                                        <span class="u-visually-hidden">Restore {{ ucwords($executive->fullname) }}</span>
                                                    </button>
                                                </form>
                                            @else
                                                <form method="POST" action="{{ route('executives.destroy', $executive->id) }}" style="display:inline">
                                                    @csrf @method('DELETE')
                                                    <button type="submit" class="btn btn--icon btn--sm is-danger"
                                                            data-confirm="Archive {{ ucwords($executive->fullname) }}? Their attendance history is kept."
                                                            title="Archive">
                                                        <i class="fa-solid fa-box-archive" aria-hidden="true"></i>
                                                        <span class="u-visually-hidden">Archive {{ ucwords($executive->fullname) }}</span>
                                                    </button>
                                                </form>
                                            @endif
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </x-card>
@endsection