@push('styles')
<style> .livewire-datatable { width: 100%;} </style>
@endpush

<div class="project-manager">
    <div class="project-manager-aside" data-content="projectManagerAside">
        <div class="project-manager-head tw-bg-blue-gray-50">
            <h5 class="mb-0 text-primary">@lang('Projects')</h5>
            @if(auth()->user()->can('projects.create'))
            <x-ui.button 
                color="primary"
                class="btn-sm btn-dim"
                wire:click="$emit('showModal', 'modals.projects.create-project-modal')"
                icon="plus"
                :label="__('Add')" 
            />
            @endif
        </div>
        <div class="project-manager-nav project-manager-menu" data-simplebar>
            @livewire('projects.project-status-sidebar')
        </div>
    </div><!-- .project-manager-aside -->
    {{-- @endif --}}
    <div class="project-manager-body bg-white">
        <div class="project-manager-list" data-simplebar>
            @livewire('projects.projects-table', [
                'title' => '',
                'loader' =>  true,
                'restrict' => $selectedUserId ? ['projects.analyst_id' => $selectedUserId] : [],
            ])
        </div>
    </div><!-- .project-manager-body -->
</div><!-- .project-manager -->