@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' => 'Package vCenter'],
    ['label' => 'IP Address', 'url' => route('package.ipaddress.index')],
    ['label' => 'Add IP Address', 'active' => true],
];
    @endphp
    <x-admin-breadcrumb :items="$breadcrumbItems" />
@endsection
@section("content")
    @if(auth()->guard('admins')->user()->can("manager package module"))
        <div class="card card-outline card-primary">
            <form action="{{ route('package.ipaddress.store') }}" method="post">
                @csrf
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">

                            <x-module.v-center :model="null" />

                            <x-module.datacenter :model="null" />

                            <x-module.host :model="null" />

                            <x-module.network :model="null" />

                            {{--Netmask--}}
                            <div class="row form-group align-items-center mb-0">
                                <label for="netmask" class="col-md-3 text-right">Netmask</label>
                                <div class="col-md-9 p-1 bg-customer">
                                    <input type="text" id="netmask" name="netmask" placeholder="" value="255.255.255.0"
                                        class="form-control">
                                </div>
                            </div>
                            {{--Netmask--}}
                            <div class="row form-group align-items-center mb-0">
                                <label for="gateway" class="col-md-3 text-right">Gateway</label>
                                <div class="col-md-9 p-1 bg-customer">
                                    <input type="text" id="gateway" name="gateway" placeholder="192.168.0.1" value=""
                                        class="form-control">
                                </div>
                            </div>
                            {{--DNS--}}
                            <div class="row form-group align-items-center mb-0">
                                <label for="dns" class="col-md-3 text-right">DNS</label>
                                <div class="col-md-9 p-1 bg-customer">
                                    <input type="text" id="dns" name="dns" placeholder="" value="8.8.8.8" class="form-control">
                                </div>
                            </div>
                            {{--Tuy chon--}}
                            <div class="row form-group align-items-center mb-0">
                                <label for="option_selected" class="col-md-3 text-right">Tuỳ chọn</label>
                                <div class="col-md-9 p-1 bg-customer">
                                    <select class="custom-select" id="option_selected" name="option_selected">
                                        <option value="0">Mặc định (From - To)</option>
                                        <option value="1">Nhập ngẫu nhiên</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group align-items-center d-none mb-0" id="row-ip">
                                <label for="list-ip" class="col-md-3 text-right">List IP Address</label>
                                <div class="col-md-9 p-1 bg-customer">
                                    <textarea class="form-control" name="list-ip" id="list-ip" rows="5"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('package.ipaddress.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 Package
                management department</h5>
        </div>
    @endif
@endsection
    @push('plugin-scripts')
        @foreach (config('assets.datatable.js') as $datatable)
            <script src="{{ asset($datatable) }}"></script>
        @endforeach
    @endpush