@extends('../layout/main')

@section('head')
    @yield('subhead')
@endsection

@section('styles')
    @yield('styles')
@endsection

@section('content')

    @includeIf('../layout/components/mobile-menu')

    <div class="flex">
        <!-- BEGIN: Side Menu -->
        <nav class="side-nav">
            <a href="{{ route('dashboard') }}" class="intro-x flex items-center pl-5 py-3">
                <img class="w-6" src="{{ asset('dist/images/'.Config('app.name_key').'/isotipo--white.svg') }}">
                <span class="hidden xl:block text-white text-lg ml-3 font-medium">{{ config('app.name') }}</span>
            </a>
            <ul>
                @foreach ($side_menu as $menu)
                    @if (!isset($menu['roles']) || (isset($menu['roles']) && Auth::user()->hasRole([$menu['roles']])))
                        @include('layout.components.element-menu', ['menu' => $menu])
                    @endif
                @endforeach
            </ul>
        </nav>
        <!-- END: Side Menu -->

        <!-- BEGIN: Content -->
        <div class="content">
            @include('layout.components.top-bar')
            <!-- BEGIN: flash-message -->
                @include('../layout/components/flash-message')
            <!-- END: flash-message -->
            @yield('subcontent')
        </div>
        <!-- END: Content -->
    </div>
@endsection