This commit is contained in:
pbao9
2026-02-04 14:51:38 +07:00
parent 86bb1c2527
commit 1ac1c883c3
@@ -1,57 +1,119 @@
@extends("administrator.layout.master")
@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("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"))
<div class="card card-outline card-primary">
<form action="{{ route('module.vcenter.store') }}" method="post">
<form action="{{ route('module.vcenter.store') }}" method="post" style="padding-bottom: 80px;">
@csrf
<div class="card-body">
<div class="row">
<div class="col">
{{--Server Host--}}
<div class="form-group row">
<label class="col-md-3" for="host">vCenter Host</label>
<div class="col-md-9">
<input type="text" id="host" name="host" placeholder="103.42.xx.xxx"
value="{{ old('host') }}" class="form-control">
{{-- 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>
{{--User--}}
<div class="form-group row">
<label class="col-md-3" for="user">User</label>
<div class="col-md-9">
<input type="text" id="user" name="user" placeholder="root"
value="{{ old('user') }}" class="form-control">
</div>
</div>
{{--Password--}}
<div class="form-group row">
<label class="col-md-3" for="password">Password</label>
<div class="col-md-9">
<input type="password" id="password" name="password" placeholder="*********"
value="{{ old('password') }}" class="form-control">
</div>
</div>
{{--Status--}}
<div class="form-group row">
<label class="col-md-3" for="password">Status</label>
<div class="col-md-9">
<label>
<select class="custom-select" name="status">
<option value="1">Active</option>
<option value="0">No Active</option>
</select>
</label>
{{-- 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>
<div class="card-footer">
<a href="{{ route('module.dns.index') }}" class="btn btn-outline-secondary">Trở về</a>
<button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
{{-- 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 select2 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>
</form>
</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
@@ -59,3 +121,13 @@
</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