@extends('admin.main')
@section('content')
    <div class="card card-primary">
        @if (!isset($product))
            <form action="{{ route('product.store') }}" method="post">
                @csrf
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            {{-- Product name --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="name">Product Name</label>
                                <div class="col-md-8">
                                    <input type="text" id="name" name="name" placeholder="Product Group Name"
                                           value="{{ $product_name }}" class="form-control">
                                </div>
                            </div>

                            {{-- Price --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="price">Price</label>
                                <div class="col-md-8">
                                    <input type="number" id="price" name="price" placeholder="100000"
                                           value="{{ old('price') ?? 0 }}" class="form-control">
                                </div>
                            </div>

                            {{-- Price Sales --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="price_sale">Price Sales</label>
                                <div class="col-md-8">
                                    <input type="number" id="price_sale" name="price_sale" placeholder="100000"
                                           value="{{ old('price_sale') }}" class="form-control">
                                </div>
                            </div>

                            {{-- Description --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="price_sale">Description</label>
                                <div class="col-md-8">
                                    <textarea name="description" cols="30" class="form-control"></textarea>
                                </div>
                            </div>

                            {{-- Template ID --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="template">Template Name</label>
                                <div class="col-md-8">
                                    <input type="text" id="template" name="template" placeholder="Template ID"
                                           value="Default Domain" class="form-control">
                                </div>
                            </div>

                            {{-- Product Type --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="lastname">Product Type</label>
                                <div class="col-md-8">
                                    <select class="custom-select" name="type_id">
                                        @if ($type->count())
                                            @foreach ($type->all() as $item)
                                                <option value="{{ $item->id }}" @selected($type_id === $item->id)>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            {{-- Product Group --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="lastname">Product Group</label>
                                <div class="col-md-8">
                                    <select class="custom-select" name="group_id">
                                        @if ($group->count())
                                            @foreach ($group->all() as $item)
                                                <option value="{{ $item->id }}" @selected($group_id === $item->id)>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            {{-- Status --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="lastname">Status</label>
                                <div class="col-md-8">
                                    <select class="custom-select" name="status">
                                        <option value="1">Active</option>
                                        <option value="0">No Active</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('product.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>
        @else
            @if (auth()->guard('admins')->user()->can('edit product'))
                <div class="card-header bg-primary">
                    {{--                    <div class="card-title">Chỉnh sửa sản phẩm <b>{{ $product->name }}</b></div>--}}
                    <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="pill" href="#detail" role="tab"
                               aria-controls="detail"
                               aria-selected="true">Thông tin cơ bản</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="pill" href="#configuration" role="tab"
                               aria-controls="configuration" ria-selected="false">Cấu hình vCenter</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content" id="custom-tabs-four-tabContent">
                    <div class="tab-pane fade active show" id="detail" role="tabpanel" aria-labelledby="detail">
                        <form action="{{ route('product.update', ['product_id' => $product->id]) }}" method="post">
                            @csrf
                            @method('put')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        {{-- Product name --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="name">Product Name</label>
                                            <div class="col-md-8">
                                                <input type="text" id="name" name="name"
                                                       placeholder="Product Group Name"
                                                       value="{{ $product->name }}" class="form-control">
                                            </div>
                                        </div>

                                        {{-- Price --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="price">Price</label>
                                            <div class="col-md-8">
                                                <input type="number" id="price" name="price" placeholder="100000"
                                                       value="{{ $product->price ?? 0 }}" class="form-control">
                                            </div>
                                        </div>

                                        {{-- Price Sales --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="price_sale">Price Sales</label>
                                            <div class="col-md-8">
                                                <input type="number" id="price_sale" name="price_sale"
                                                       placeholder="100000"
                                                       value="{{ $product->price_sale }}" class="form-control">
                                            </div>
                                        </div>

                                        {{-- Description --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="price_sale">Description</label>
                                            <div class="col-md-8">
                                        <textarea name="description" cols="30"
                                                  class="form-control">{{ $product->description }}</textarea>
                                            </div>
                                        </div>

                                        {{-- Template ID --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="template">Template Name</label>
                                            <div class="col-md-8">
                                                <input type="text" id="template" name="template"
                                                       placeholder="Template ID"
                                                       value="{{ $product->template }}" class="form-control">
                                            </div>
                                        </div>

                                        {{-- Product Type --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="lastname">Product Type</label>
                                            <div class="col-md-8">
                                                <select class="custom-select" name="type_id">
                                                    @if ($type->count())
                                                        @foreach ($type->all() as $item)
                                                            <option
                                                                value="{{ $item->id }}" @selected($product->type_id === $item->id)>
                                                                {{ $item->name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>

                                        {{-- Product Group --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="lastname">Product Group</label>
                                            <div class="col-md-8">
                                                <select class="custom-select" name="group_id">
                                                    @if ($group->count())
                                                        @foreach ($group->all() as $item)
                                                            <option
                                                                value="{{ $item->id }}" @selected($product->group_id === $item->id)>
                                                                {{ $item->name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>

                                        {{-- Status --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="lastname">Status</label>
                                            <div class="col-md-8">
                                                <select class="custom-select" name="status">
                                                    <option value="1" @selected($product->status === 1)>Active</option>
                                                    <option value="0" @selected($product->status === 0)>No Active
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        {{-- IP --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="ip">IP</label>
                                            <div class="col-md-8">
                                                <input type="number" name="ip" class="form-control"
                                                       value="{{ $product->ip }}"/>
                                            </div>
                                        </div>
                                        {{-- CPU --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="cpu">CPU</label>
                                            <div class="col-md-8">
                                                <input type="number" name="cpu" class="form-control"
                                                       value="{{ $product->cpu }}"/>
                                            </div>
                                        </div>
                                        {{-- GPU --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="gpu">GPU</label>
                                            <div class="col-md-8">
                                                <input type="number" name="gpu" class="form-control"
                                                       value="{{ $product->gpu }}"/>
                                            </div>
                                        </div>
                                        {{-- Ram --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="ram">Ram</label>
                                            <div class="col-md-8">
                                                <input type="number" name="ram" class="form-control"
                                                       value="{{ $product->ram }}"/>
                                            </div>
                                        </div>
                                        {{-- bandwidth --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="bandwidth">Bandwidth</label>
                                            <div class="col-md-8">
                                                <input type="number" name="bandwidth" class="form-control"
                                                       value="{{ $product->bandwidth }}"/>
                                            </div>
                                        </div>


                                        {{-- Disk --}}
                                        <div class="form-group row">
                                            <label class="col-md-4" for="disk">Disk</label>
                                            <div class="col-md-8">
                                                <input type="number" name="disk" class="form-control"
                                                       value="{{ $product->disk }}"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <a href="{{ route('product.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>
                    <div class="tab-pane fade" id="configuration" role="tabpanel" aria-labelledby="configuration">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    {{-- vCenter --}}


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

                                    <x-module.datacenter :model="isset($product->host) ? $product->host : null"/>

                                    <x-module.host :model="isset($product) ? $product : null"/>

                                    {{-- vCore (CPU) --}}
                                    <div class="row form-group align-items-center mb-0">
                                        <label for="cpu" class="col-md-3 text-right">CPU (vCore *)</label>
                                        <div class="col-md-9 p-1 bg-customer">
                                            <input type="text" id="cpu" name="cpu" placeholder="1,2 ..."
                                                   value="{{ isset($model) ? $model->cpu : old('cpu') }}"
                                                   class="form-control">
                                        </div>
                                    </div>

                                    {{-- Ram --}}
                                    <div class="row form-group align-items-center mb-0">
                                        <label for="ram" class="col-md-3 text-right">Ram (GB *)</label>
                                        <div class="col-md-9 p-1 bg-customer">
                                            <input type="text" id="ram" name="ram" placeholder="1,2 ..."
                                                   value="{{ isset($model) ? $model->ram : old('ram') }}"
                                                   class="form-control">
                                        </div>
                                    </div>

                                    <div class="row form-group align-items-center mb-0">
                                        <label for="disk" class="col-md-3 text-right">Disk (GB *)</label>
                                        <div class="col-md-9 p-1 bg-customer">
                                            <input type="text" id="disk" name="disk" placeholder="1,2 ..."
                                                   value="{{ isset($model) ? $model->disk : old('disk') }}"
                                                   class="form-control">
                                        </div>
                                    </div>

                                    {{-- Gpu --}}
                                    <div class="row form-group align-items-center mb-0">
                                        <label for="gpu" class="col-md-3 text-right">GPU (GB)</label>
                                        <div class="col-md-9 p-1 bg-customer">
                                            <input type="text" id="gpu" name="gpu" placeholder="1,2 ..."
                                                   value="{{ isset($model) ? $model->gpu : old('gpu') }}"
                                                   class="form-control">
                                        </div>
                                    </div>

                                    {{-- Bandwidth --}}
                                    <div class="row form-group align-items-center mb-0">
                                        <label for="bandwidth" class="col-md-3 text-right">Bandwidth (MB *)</label>
                                        <div class="col-md-9 p-1 bg-customer">
                                            <input type="text" id="bandwidth" name="bandwidth" placeholder="100"
                                                   value="{{ old('bandwidth') ?? 100 }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </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 Product
                        management department</h5>
                </div>
            @endif
        @endif
    </div>
@endsection