@extends('administrator.layout.master')

@push('plugin-styles')
    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endpush

@section('breadcrumb')
    @php
        $breadcrumbItems = [
            ['label' => 'Modules'],
            ['label' => 'Package vCenter'],
            ['label' => 'Datacenter', 'active' => true],
        ];
    @endphp
    <x-breabcrumb :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">
                @include("admin.block.Sync.Datacenter")
            </div>
            <div class="card-body p-5">
                <x-datatable id="datacenterTable" ajax="{{ route('package.datacenter.datatable') }}" :columns="[
                    ['key' => 'id', 'label' => 'ID'],
                    ['key' => 'name', 'label' => 'Name'],
                    ['key' => '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')
    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
@endpush

@push('custom-scripts')
@endpush