@extends('admin.main')
@section('content')
    @if (auth()->guard('admins')->user()->can('add module vcenter'))
        <div class="card card-outline card-primary">
            <form action="{{ route('package.datastore.store') }}" method="post">
                @csrf
                <div class="card-body">
                    {{-- <livewire:vcenter-datacenter-select/> --}}
                    <x-module.v-center :model="null"/>
                    <x-module.datacenter :model="null"/>
                    <x-module.host :model="null"/>
                    {{-- Name --}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="name" class="col-md-3 text-right">Name</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="name" name="name" placeholder="" value=""
                                   class="form-control">
                        </div>
                    </div>
                    {{-- Host ID --}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="datastore_id" class="col-md-3 text-right">Datastore ID</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="datastore_id" name="datastore" placeholder="" value=""
                                   class="form-control">
                        </div>
                    </div>
                    {{-- Template ID --}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="type" class="col-md-3 text-right">Type</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="type" name="type" placeholder="" value="VMFS"
                                   class="form-control">
                        </div>
                    </div>
                    {{-- Console ID --}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="space" class="col-md-3 text-right">Free Space</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="number" id="space" name="space" placeholder="" value=""
                                   class="form-control">
                        </div>
                    </div>
                    <div class="row form-group align-items-center mb-0">
                        <label for="space" class="col-md-3 text-right">Status</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <select class="custom-select" name="status">
                                <option value="1">Active</option>
                                <option value="0">No Active</option>
                            </select>
                        </div>
                    </div>

                </div>
                <div class="card-footer">
                    <a href="{{ route('package.datastore.index') }}" class="btn btn-outline-secondary">Trở về</a>
                    <button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
                </div>
            </form>
        </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 vCenter
                management department</h5>
        </div>
    @endif
@endsection