@extends('administrator.layout.master')

@section('breadcrumb')
    @php
        $breadcrumbItems = [
            ['label' => 'Modules'],
            ['label' => 'Package Host'],
            ['label' => 'Host', 'active' => true],
        ];
    @endphp
    <x-breabcrumb :items="$breadcrumbItems" />
@endsection
@push('plugin-styles')
    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endpush
@section("content")
    @if(auth()->guard('admins')->user()->can("add module vcenter"))
        <div class="card card-outline card-primary">
            <form action="{{ route('package.host.update', ['id' => $host->id]) }}" method="post">
                @csrf
                @method('put')
                <div class="card-body">
                    <x-module.v-center :model="$host->datacenter" />
                    <x-module.datacenter :model="$host" />

                    {{--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="{{ $host->name}}"
                                class="form-control">
                        </div>
                    </div>
                    {{--Host ID--}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="host_id" class="col-md-3 text-right">Host ID</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="host_id" name="host_id" placeholder="" value="{{ $host->host_id}}"
                                class="form-control">
                        </div>
                    </div>
                    {{--Template ID--}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="template" class="col-md-3 text-right">Template ID</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="template" name="template" placeholder="" value="{{ $host->template}}"
                                class="form-control">
                        </div>
                    </div>
                    {{--Console ID--}}
                    <div class="row form-group align-items-center mb-0">
                        <label for="console" class="col-md-3 text-right">Console Name</label>
                        <div class="col-md-9 p-1 bg-customer">
                            <input type="text" id="console" name="console" placeholder="consolenode129.tgs.com.vn"
                                value="{{ $host->console}}" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('package.host.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

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