@extends("admin.main")
@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>
                        {{--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">
                                    <option value="1" @selected($addon->type_id == 1)>Addon</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ route('addon.index') }}" class="btn btn-outline-secondary">Back</a>
                <button type="submit" class="btn btn-outline-primary">Save</button>
            </div>
        </form>
    </div>
@endsection