@extends('layouts.user_type.auth')

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-10 col-md-10 col-12 text-end">
            <div class="mb-2">
                <a href="{{ route('features.all-features-list') }}" class=" my-1 btn bg-gradient-dark btn-sm mb-0">All Features List</a>
            <a href="{{ route('features.features-list', $plans->slug) }}" class=" my-1 btn bg-gradient-dark btn-sm mb-0">Specific Features List</a>
        </div>
        </div>
        <div class="col-lg-10 col-md-10 col-12">
            <div class="card shadow-lg border-0">
                <div class="card-header bg-gradient-dark text-white py-4 d-flex justify-content-between align-items-center">
                    <h4 class="mb-0 text-white">Edit Feature</h4>

                    </div>
                <div class="card-body">
                    <form action="{{ route('features.features-update', $feature->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <!-- Plan Selection -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <label for="plan_name" class="form-label">Plan Name</label>
                                <input
                                    type="text"
                                    id="plan_name"
                                    class="form-control"
                                    value="{{ $feature->plan->name }}"
                                    readonly>
                                <!-- Hidden input to submit plan_id -->
                                <input type="hidden" name="plan_id" value="{{ $feature->plan->id }}">
                            </div>
                        </div>

                        <!-- Feature Name -->
                        <div class="row mb-4">
                            <div class="col-md-6 mb-3">
                                <label for="name" class="form-label">Feature Name</label>
                                <input
                                    type="text"
                                    name="name"
                                    class="form-control @error('name') is-invalid @enderror"
                                    value="{{ old('name', $feature->name) }}"
                                    required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                               <!-- Sort Order -->
                               <div class="col-md-6 mb-3">
                                <label for="sort_order" class="form-label">Sort Order</label>
                                <input
                                min="0"
                                    type="number"
                                    name="sort_order"
                                    class="form-control @error('sort_order') is-invalid @enderror"
                                    value="{{ old('sort_order', $feature->sort_order) }}"
                                    required>
                                @error('sort_order')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                              <!-- Value -->
                              <div class="col-md-6 mb-3">
                                <label for="value" class="form-label">Value</label>
                                <input
                                min="0"
                                    type="number"
                                    name="value"
                                    class="form-control @error('value') is-invalid @enderror"
                                    value="{{ old('value', $feature->value) }}"
                                    required>
                                @error('value')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                             <!-- Feature description -->
                             <div class="col-md-6 mb-3">
                                <label for="features[0][description]" class="form-label">Feature Description</label>
                                <textarea
                                    name="description"
                                    class="form-control @error('description') is-invalid @enderror"
                                    placeholder="Feature description"
                                    required>{{ old('description',$feature->description) }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>






                        <!-- Submit Button -->
                        <button onclick="this.form.submit(); this.disabled=true; this.innerHTML='<span class=\'spinner-border  spinner-border-sm\' role=\'status\' aria-hidden=\'true\'></span > Please wait...';" type="submit" class="btn bg-gradient-dark w-100 my-4">Update Feature</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection