@extends('layouts.site')

@section('title','Strona Startowa')

<!-- Menu section -->
@section('menu')
    @include('sites.menu_module')
@endsection

<!-- Navbar section -->
@section('navbar')

    <i class="fas fa-chevron-right separator" style="opacity: 0;"></i>

@endsection



@section('content')

<!-- Sekcja nr 1 - START -->

@php
    /* Pobieram obszary aktywne dla danej instytucji */
    $obszary = my_OrganisationActiveModules();
    //dd($obszary);
@endphp


<div class="border-rounded-top tab-content_2 my_TabContentRounded">
    <div class="row justify-content-center">
        <div class="col-md-11">
            <!--// Wyświetlanie Współadministratorów - Może być jeden lub wielu -->
            <div class="form-group row">
                <div class="col-md-12 index-info">
                    <h5>
                        <i>
                            Obszary dostępne w ramach usługi
                        </i>
                    </h5>
                </div>
                <div class="kafelek_ramka" style="width: -webkit-fill-available;">
                    @if($obszary != null )
                        @foreach ( $obszary as $item )
                            @php
                                $Permission = new my_GetPermission();
                                $PermissionValue = $Permission->my_area($item->id);

                                if ($PermissionValue){
                                    $kafelek_style = "my_kafelek";
                                    $kolor = $item->kolor;
                                    $disabled = null;
                                }else{
                                    $kafelek_style = "my_kafelek_grey";
                                    $kolor = "none";
                                    $disabled = "my_disabled";
                                }
                            @endphp

                            <a class="text-muted {{ $disabled }}" href="{{ url('/'.$item->routing) }}" title="Info" >
                                <div class="{{ $kafelek_style }}">
                                    <div class="col-12 d-flex flex-row box">
                                        <div class="col-9 my_kafelekHeader">{{ $item->nazwa_skrot }}</div>
                                        <div class="col-2">
                                            <div class='iconWrapper alert-{{ $kolor }}'>
                                                <i class='icon {{ $item->piktogram }}'></i>
                                            </div>
                                        </div>
                                    </div>
                                    <hr/>
                                    <div class="my_kafelekOpis">
                                        <ul>
                                            <li>{{ $item->nazwa_pelna }}</li>
                                        </ul>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Sekcja nr 1 - KONIEC -->


@endsection