@extends('administrator.layout.master')
@push('plugin-styles')
    @foreach (config('assets.datatable.css') as $datatable)
        <link href="{{ asset($datatable) }}" rel="stylesheet" />
    @endforeach
@endpush
    
    @section('breadcrumb')
        @php
            $breadcrumbItems = [
                ['label' => 'Modules'],
                ['label' => 'Package vCenter'],
                ['label' => 'Folder', 'active' => true],
            ];
        @endphp
        <x-admin-breadcrumb :items="$breadcrumbItems" />
    @endsection
    @section('content')
        @if(auth()->guard('admins')->user()->can("manager package module"))

            <div class="card card-primary card-outline">
                <div class="card-header d-flex justify-content-end gap-2">
                    @include("administrator.pages.block.Sync.Folder")
                </div>
                <div class="card-body">
                    <x-datatable id="folderTable" ajax="{{ route('package.folder.datatable') }}" :columns="[
                    ['key' => 'name', 'label' => 'Name'],
                    ['key' => 'folder', 'label' => 'Folder'],
                    ['key' => 'datacenter.v_center.host', 'label' => 'vCenter Host'],
                    ['key' => 'action', 'label' => 'Action']
                ]" />
                </div>
            </div>
        @else
            <div class="alert alert-danger alert-dismissible">
                <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module Package
                    management department</h5>
            </div>
        @endif
    @endsection
    @push('plugin-scripts')
        @foreach (config('assets.datatable.js') as $datatable)
            <script src="{{ asset($datatable) }}"></script>
        @endforeach
    @endpush