@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/home.css')}}"/>
@endsection


@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div id="home">
        <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">Hello {{Auth::user()->firstname}},
                    <span class="Header-breadcrumbs--title-helper">please choose action
                </span>
                </p>
            </div>
        </div>
        <div class="row  pt-5">
            @can('isAdmin')
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('roles.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Roles
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/settings_roles.svg')}}" alt="roles">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('microservices.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Microservices
                            </p>
                            <img class="homeContent-settings-image"
                                 src="{{asset('images/settings_microservices.svg')}}"
                                 alt="microservices">
                        </div>
                    </a>
                </div>
            @endcan
            <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                <a href="{{route('users.list')}}">
                    <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                        <p class="homeContent-settings-title">Users
                        </p>
                        <img class="homeContent-settings-image" src="{{asset('images/settings_users.svg')}}" alt="users">
                    </div>
                </a>
            </div>
            @can('isAdmin')
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('permissions.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Permissions
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/settings_permissions.svg')}}" alt="permissions">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('modules.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Modules
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/settings_modules.svg')}}" alt="modules">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-4 d-flex homeContent">
                    <a href="{{route('units.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Units
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/settings_units.svg')}}" alt="units">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('links.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Invitation
                            </p>
                            <img class="homeContent-settings-image"
                                 src="{{asset('images/settings_invitationlink.svg')}}" alt="invitation link">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('notifications.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">eGov Notifications
                            </p>
                            <img class="homeContent-settings-image"
                                 src="{{asset('images/settings_egovnotifications.svg')}}" alt="notifications">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('settings.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Settings
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/settings_settings.svg')}}" alt="settings">
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('properties.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Profile Properties
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/profile-properties.svg')}}" alt="profile properties">
                        </div>
                    </a>
                </div>
                    <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                        <a href="{{route('contact.request.list')}}">
                            <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                                <p class="homeContent-settings-title">Contact Requests
                                </p>
                                <img class="homeContent-settings-image" src="{{asset('images/profile-properties.svg')}}" alt="contact requests">
                            </div>
                        </a>
                    </div>
                @endcan
                    <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                        <a href="{{route('activation.phases.list')}}">
                            <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                                <p class="homeContent-settings-title">Activation Phases
                                </p>
                                <img class="homeContent-settings-image" src="{{asset('images/profile-properties.svg')}}" alt="activation phases">
                            </div>
                        </a>
                    </div>
                <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                    <a href="{{route('issue.categories.list')}}">
                        <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                            <p class="homeContent-settings-title">Issue Categories
                            </p>
                            <img class="homeContent-settings-image" src="{{asset('images/profile-properties.svg')}}" alt="issue categories">
                        </div>
                    </a>
                </div>
        </div>
    </div>

    </div>
@endsection