161 lines
7.2 KiB
PHP
161 lines
7.2 KiB
PHP
@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' => 'vCenter', 'url' => route('module.vcenter.index')],
|
|
['label' => 'Add vCenter', 'active' => true],
|
|
];
|
|
@endphp
|
|
<x-admin-breadcrumb :items="$breadcrumbItems" />
|
|
@endsection
|
|
@section('tab')
|
|
@php
|
|
$tabs = [
|
|
[
|
|
'label' => 'DNS',
|
|
'route' => 'module.dns.create',
|
|
'icon' => 'server',
|
|
],
|
|
[
|
|
'label' => 'Hosting',
|
|
'route' => 'module.hosting.create',
|
|
'icon' => 'server',
|
|
],
|
|
[
|
|
'label' => 'vCenter',
|
|
'route' => 'module.vcenter.create',
|
|
'icon' => 'server',
|
|
],
|
|
[
|
|
'label' => 'IpPool',
|
|
'route' => 'module.ippool.create',
|
|
'icon' => 'server',
|
|
],
|
|
];
|
|
@endphp
|
|
<x-admin-tab :items="$tabs" />
|
|
@endsection
|
|
@section("content")
|
|
{{-- Page Header --}}
|
|
<div class="mb-4">
|
|
<h3 class="fw-bold fs-4 mb-2">Add vCenter</h3>
|
|
<p class="text-muted mb-0">Manage connection information for this vCenter instance</p>
|
|
</div>
|
|
|
|
@if(auth()->guard('admins')->user()->can("add module vcenter"))
|
|
<form action="{{ route('module.vcenter.store') }}" method="post" style="padding-bottom: 80px;">
|
|
@csrf
|
|
{{-- Connection Information --}}
|
|
<div class="card card-outline card-primary mb-4">
|
|
<div class="card-header bg-white py-3 border-bottom">
|
|
<h5 class="card-title fw-bold mb-0">Connection Information</h5>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="row g-4">
|
|
{{-- Left Column --}}
|
|
<div class="col-12 col-md-6 border-md-end pe-md-4">
|
|
<div class="mb-3">
|
|
<label class="form-label fw-medium" for="host">vCenter Host</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i data-lucide="server" width="18" height="18"></i>
|
|
</span>
|
|
<input type="text" id="host" name="host" class="form-control border-start-0 ps-3"
|
|
placeholder="e.g. 103.42.xx.xxx" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-0">
|
|
<label class="form-label fw-medium" for="user">User <span class="text-danger">*</span></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i data-lucide="user" width="18" height="18"></i>
|
|
</span>
|
|
<input type="text" id="user" name="user" class="form-control border-start-0 ps-3"
|
|
placeholder="e.g. administrator@vsphere.local" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Right Column --}}
|
|
<div class="col-12 col-md-6 ps-md-4">
|
|
<div class="mb-0">
|
|
<label class="form-label fw-medium" for="password">Password</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i data-lucide="lock" width="18" height="18"></i>
|
|
</span>
|
|
<input type="password" id="password" name="password"
|
|
class="form-control border-start-0 ps-3"
|
|
placeholder="Leave blank to keep current password">
|
|
</div>
|
|
<div class="form-text mt-2">
|
|
<i data-lucide="info" width="14" height="14" class="text-muted align-middle me-1"></i>
|
|
Leave blank to keep current password
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Configuration --}}
|
|
<div class="card card-outline card-primary mb-4">
|
|
<div class="card-header bg-white py-3 border-bottom">
|
|
<h5 class="card-title fw-bold mb-0">Configuration</h5>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<label class="form-label fw-medium" for="status">Status</label>
|
|
<div class="input-group flex-nowrap">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i data-lucide="activity" width="18" height="18"></i>
|
|
</span>
|
|
<select class="form-control single__select border-start-0 ps-3" name="status"
|
|
id="status" style="width: 100%;">
|
|
@foreach(App\Enums\Status::getOptions() as $value => $label)
|
|
<option value="{{ $value }}" {{ $value ? 'selected' : '' }}>{{ $label }}
|
|
</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Fixed Bottom Actions --}}
|
|
<x-fixed-action-bar>
|
|
<x-button-c-r-m route="module.vcenter.index" variant="secondary" icon="arrow-left">
|
|
Cancel
|
|
</x-button-c-r-m>
|
|
<x-button-c-r-m type="submit" variant="primary" icon="save">
|
|
Create
|
|
</x-button-c-r-m>
|
|
</x-fixed-action-bar>
|
|
</form>
|
|
@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 vCenter
|
|
management department</h5>
|
|
</div>
|
|
@endif
|
|
@endsection
|
|
@push('plugin-scripts')
|
|
@foreach (config('assets.datatable.js') as $datatable)
|
|
<script src="{{ asset($datatable) }}"></script>
|
|
@endforeach
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('.select2').select2();
|
|
});
|
|
</script>
|
|
@endpush |