@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' => 'Product'],
            ['label' => 'Product Addons'],
            ['label' => 'Product Addons List', 'url' => route('addon.index')],
            ['label' => 'Edit addon', 'active' => true],
        ];
    @endphp
    <x-admin-breadcrumb :items="$breadcrumbItems" />
@endsection

@php
    use App\Enums\Status;
@endphp

@section("content")
    <div class="card card-outline card-primary">
        <form action="{{ route('addon.update', ['id' => $addon->id]) }}" method="post">
            @csrf
            @method('put')
            <div class="card-body">
                <div class="row">
                    <div class="col">
                        {{--Product name--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="name">Name</label>
                            <div class="col-md-8">
                                <input type="text" id="name" name="name" placeholder=".com,.vn,..."
                                    value="{{ old('name') ?? $addon->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') ?? $addon->price }}" class="form-control">
                            </div>
                        </div>

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

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

                        {{--Transfer--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="step">Step</label>
                            <div class="col-md-8">
                                <input type="number" id="step" name="step" placeholder="1"
                                    value="{{ old('step') ?? $addon->step }}" class="form-control">
                            </div>
                        </div>


                        {{--Transfer--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="prefix">Prefix</label>
                            <div class="col-md-8">
                                <input type="text" id="prefix" name="prefix" placeholder="vCore"
                                    value="{{ old('prefix') ?? $addon->prefix }}" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <x-fixed-action-bar>
                <x-button-crm type="button" variant="secondary" size="sm" icon="arrow-left"
                    route="addon.index">Cancel</x-button-crm>
                <x-button-crm type="submit" variant="primary" size="sm" icon="pencil">Edit
                    Addon</x-button-crm>
            </x-fixed-action-bar>
        </form>
    </div>
@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