@extends('layouts.main')

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


@section('content')
    <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 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">analytics--}}
{{--                    </p>--}}
{{--                    <img src="{{asset('images/button_analytics.svg')}}" class="Header-buttons--button--img">--}}
{{--                </a>--}}
{{--            </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')}}">
                        </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')}}">
                        </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')}}">
                    </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </div>
                    </a>
                </div>
                    <div class="col-12 col-md-6 justify-content-center col-xxl-4 mb-3 d-flex homeContent">
                        <a href="{{route('email.template.list')}}">
                            <div class="homeContent-settings pe-1 ps-4 pb-3 justify-content-between">
                                <p class="homeContent-settings-title">Email Templates
                                </p>
                                <img class="homeContent-settings-image" src="{{asset('images/profile-properties.svg')}}">
                            </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')}}">
                            </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')}}">
                            </div>
                        </a>
                    </div>
        </div>
    </div>

@endsection