@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/invitation-links.css')}}">
    <style>
        .table-pagination svg {
            max-width: 20px;
            margin-top: 25px;

        }

        .table-pagination {
            margin-bottom: 15rem;
        }
    </style>
@endsection
@section('nav-top-left')
    <x-super-administrator.nav-top-left pageTitle="Invitation links"
                                        pageSubTitle="Manage invitation links for user accessibility in the system"></x-super-administrator.nav-top-left>
@endsection

@section('nav-bottom-left')
    <ul>
        <li><a href="{{route('super.dashboard')}}"><i class="fas fa-chart-pie"></i> Dashboard</a></li>
        <li class="@if(Route::is('super.invitation.links.list')) active @endif"><a href="{{route('super.invitation.links.list')}}"><i class="fas fa-users"></i> User List</a></li>
        <li class="@if(Route::is('super.invitation.links.manual.show')) active @endif"><a href="{{route('super.invitation.links.manual.show')}}"><i class="fa-solid fa-envelopes-bulk"></i> Manual Invitations</a></li>
    </ul>
@endsection
@section('content')
<div id="invitation">
    <div class="row justify-content-between Header mb-5">
        <div class="col-md-8  d-flex  justify-content-center justify-content-md-start Header-breadcrumbs">
            <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('invitation') }}
            </p>
        </div>
         <div class="col-md-4 d-flex  justify-content-center justify-content-md-end Header-buttons">
            <a class="Header-buttons--button me-3">
                <p class="Header-buttons--button--text">lorem
                </p>
                <img src="{{asset('images/plus.svg')}}"class="homeHeader-buttons--button--img">
            </a>
        </div>
    </div>
</div>
@endsection