@extends('adminlte::page')

@section('title', config('app.name') . ' | ' . __('Invitation management'))

@section('content_header')

    <h4>{{__('Administration')}} / {{__('Invitation management')}}</h4>

@stop

@section('js')
    <x-global-errors></x-global-errors>
@stop

@section('content')

    <div class="row mt-5">
        <div class="col">
            <x-card id="inviteManagement" card-title="{{ __('Invitation management system') }}" footer-style="text-muted">

                <x-slot name="cardHeader">
                    <div class="d-flex justify-content-end">
                        <button type="button" id="inviteUserBtn" class="btn btn-success btn-sm ml-3" data-toggle="modal" data-target="#inviteUserModal">
                            <i class="fas fa-user-plus"></i> {{ __('Invite user') }}
                        </button>
                    </div>
                </x-slot>

                @if(!empty($invites) && count($invites) > 0)

                    <table class="table table-striped table-hover align-middle shadow-sm rounded">
                        <thead class="thead-dark">
                        <tr>
                            <th scope="col"><i class="fas fa-envelope"></i> {{ __('Email') }}</th>
                            <th scope="col"><i class="fas fa-network-wired"></i> {{ __('IP Address') }}</th>
                            <th scope="col"><i class="fas fa-clipboard-check"></i> {{ __('Status') }}</th>
                            <th scope="col"><i class="fas fa-bell"></i> {{ __('Notified?') }}</th>
                            <th scope="col"><i class="fas fa-calendar-alt"></i> {{ __('Received at') }}</th>
                            <th scope="col"><i class="fas fa-tasks"></i> {{ __('Actions') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($invites as $invite)
                            <tr>
                                <td>
                                    <span class="font-weight-bold text-primary">{{ $invite->requestor_email }}</span>
                                </td>
                                <td>
                                    <span class="badge badge-info">{{ $invite->requestor_ip_address }}</span>
                                </td>
                                <td>
                                    @php
                                        $statusColors = [
                                            'approved' => 'success',
                                            'denied' => 'danger',
                                            'pending' => 'warning',
                                            'completed' => 'primary'
                                        ];
                                        $status = strtolower($invite->status);
                                        $color = $statusColors[$status] ?? 'secondary';
                                    @endphp
                                    <span class="badge badge-{{ $color }} text-uppercase px-3 py-2">
                                        <i class="fas fa-circle"></i> {{ __(ucfirst($status)) }}
                                    </span>
                                </td>
                                <td>
                                    @if($invite->notified)
                                        <span class="badge badge-success">{{ __('Yes') }}</span>
                                    @else
                                        <span class="badge badge-secondary">{{ __('No') }}</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="text-muted">{{ $invite->created_at->format('Y-m-d H:i') }}</span>
                                </td>
                                <td>
                                    @if(strtolower($invite->status) === 'pending')
                                        <form method="POST" action="{{ route('invitations.approve-invite', $invite->id) }}" style="display:inline;">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-success btn-sm" title="{{ __('Approve') }}">
                                                <i class="fas fa-check"></i>
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('invitations.deny-invite', $invite->id) }}" style="display:inline;">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-danger btn-sm" title="{{ __('Deny') }}">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                @else
                    <x-alert alert-type="warning" title="{{ __('Nothing here') }}" icon="fas fa-exclamation-triangle">
                        {{ __('There are currently no outgoing invites or any user requests. Feel free to send out any invites if necessary.') }}
                    </x-alert>
                @endif

                <x-slot name="cardFooter">
                    <p><i class="fas fa-info-circle"></i> {{ __('Here, you can manage the invitation system, and approve any invite requests that might have come through. You can also send invites from here if necessary.') }}</p>
                </x-slot>

            </x-card>
        </div>

    </div>

    <x-modal id="inviteUserModal" :modalTitle="__('Invite a User')" :modalLabel="'inviteUserModalLabel'" :includeCloseButton="true">
        <form method="POST" action="{{ route('invitations.request') }}">
            @csrf
            <div class="input-group mt-3">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="fas fa-envelope"></i>
                    </span>
                </div>
                <label for="inviteEmail" class="sr-only">{{ __('Email address') }}</label>
                <input type="email" class="form-control" id="inviteEmail" name="email" required placeholder="{{ __('Enter an email address to send the invite to') }}">
            </div>
            <p class="text-muted mt-2 mb-2"><i class="fas fa-info-circle"></i> {{ __('Sending an invite here will immediately create an approved invite request which will in turn send this user an email message with a link. Be aware that this will allow them to register for a new account.') }}</p>
        </form>

        <x-slot name="modalFooter">
            <button id="sendInviteBtn" class="btn btn-success" type="button">
                <i class="fas fa-paper-plane"></i> {{ __('Invite') }}
            </button>
            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    document.getElementById('sendInviteBtn').addEventListener('click', function () {
                        document.querySelector('#inviteUserModal form').submit();
                    });
                });
            </script>
        </x-slot>

    </x-modal>

@stop

@section('footer')
    @include('breadcrumbs.dashboard.footer')
@stop