@push('style')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css"
          integrity="sha256-5uKiXEwbaQh9cgd2/5Vp6WmMnsUr3VZZw0a8rKnOKNU=" crossorigin="anonymous">
@endpush
<x-layout-app-tenant>
    @section('title', __('lang.dashboard'))
    <x-slot name="pageHeader">
        @lang('lang.dashboard')
    </x-slot>
    <x-slot name="breadcrumb">
        <li class="fw-medium">
            <a href="{{ route('all-in-one-project') }}"
               class="btn btn-primary d-flex align-items-center gap-1 hover-text-primary">
                <iconify-icon icon="streamline:startup" class="icon text-lg"></iconify-icon>
                @lang('lang.start_project')
            </a>
        </li>
        <li class="fw-medium">
            <button onclick="Livewire.dispatch('project-form-add');"
                    class="btn btn-primary d-flex align-items-center gap-1 hover-text-primary">
                <iconify-icon icon="streamline:user-protection-2" class="icon text-lg"></iconify-icon>
                @lang('lang.client_existent')
            </button>
        </li>
    </x-slot>
    <x-widgets.monthly-statistics/>
    @livewire('home.kanban-board')

    @push('modals')
        @can('project.create')
            @livewire('project.project-form')
        @endcan
        @livewire('project.status.modal-crud')
    @endpush
</x-layout-app-tenant>