@section('page_title')
<div class="row page-titles mx-0">
    <div class="col-sm-6 p-md-0">
        <div class="welcome-text">
            <h4>Role-Based Access Control</h4>
        </div>
    </div>
    <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('tenant.home') }}">Dashboard</a></li>
            <li class="breadcrumb-item active"><span>Role-Based Access Control</span></li>
        </ol>
    </div>
</div>
@stop
@section('page_content')

        <ul class="nav nav-tabs" id="userRolesTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link {{ $route_name == 'tenant.lemarex.acl.users.index' ? 'active':'' }}" href="{{ route('tenant.lemarex.acl.users.index') }}">User Manager</a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $route_name == 'tenant.lemarex.acl.roles.index' ? 'active':'' }}" href="{{ route('tenant.lemarex.acl.roles.index') }}">Role Manager</a>
            </li>
        </ul>
        <div class="tab-content" id="userRolesTabContent">
            @if($route_name == 'tenant.lemarex.acl.users.index')
            <div class="tab-pane fade show active" id="user">
                @livewire('tenant.lemarex.user-landing-page')
            </div>
            @endif
            @if($route_name == 'tenant.lemarex.acl.roles.index')
            <div class="tab-pane fade show active" id="role">
                @livewire('tenant.lemarex.role-landing-page')
            </div>
            @endif
        </div>
    
</div>
@stop