@extends('admin.layouts.app')

@section('title', 'Edit Plan')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h2 class="text-warning mb-1">
                            <i class="fas fa-crown me-2"></i>Edit Plan
                        </h2>
                        <p class="text-white mb-0">Update the details of the plan</p>
                    </div>
                    <a href="{{ route('plans.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Back to Plans
                    </a>
                </div>
            </div>
        </div>

        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card bg-dark border-warning">
            <div class="card-body">
                <form method="POST" action="{{ route('plans.update', $plan->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="mb-3">
                        <label class="form-label text-warning">Plan Name</label>
                        <input type="text" class="form-control bg-dark text-white border-warning" name="name"
                            value="{{ old('name', $plan->name) }}" required>
                        @error('name')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Price ($)</label>
                        <input type="number" class="form-control bg-dark text-white border-warning" name="price"
                            value="{{ old('price', $plan->price) }}" step="0.01" min="0" required>
                        @error('price')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Commission Rate (%)</label>
                        <input type="number" class="form-control bg-dark text-white border-warning" name="commission_rate"
                            value="{{ old('commission_rate', $plan->commission_rate) }}" step="0.01" min="0"
                            max="100" required>
                        @error('commission_rate')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Cashback ($)</label>
                        <input type="number" class="form-control bg-dark text-white border-warning" name="cashback"
                            value="{{ old('cashback', $plan->cashback) }}" step="0.01" min="0" required>
                        @error('cashback')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Owner Share ($)</label>
                        <input type="number" class="form-control bg-dark text-white border-warning" name="owner_share"
                            value="{{ old('owner_share', $plan->owner_share) }}" step="0.01" min="0" required>
                        @error('owner_share')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Total Distributed ($)</label>
                        <input type="number" class="form-control bg-dark text-white border-warning"
                            name="total_distributed" value="{{ old('total_distributed', $plan->total_distributed) }}"
                            step="0.01" min="0" required>
                        @error('total_distributed')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Indirect Levels (JSON)</label>
                        <textarea class="form-control bg-dark text-white border-warning" name="indirect_levels">{{ old('indirect_levels', $plan->indirect_levels ? json_encode($plan->indirect_levels, JSON_PRETTY_PRINT) : '') }}</textarea>
                        @error('indirect_levels')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Icon</label>
                        <select class="form-select bg-dark text-white border-warning" name="icon" required>
                            <option value="crown" {{ old('icon', $plan->icon) == 'crown' ? 'selected' : '' }}>Crown
                            </option>
                            <option value="star" {{ old('icon', $plan->icon) == 'star' ? 'selected' : '' }}>Star</option>
                            <option value="gem" {{ old('icon', $plan->icon) == 'gem' ? 'selected' : '' }}>Diamond
                            </option>
                            <option value="rocket" {{ old('icon', $plan->icon) == 'rocket' ? 'selected' : '' }}>Rocket
                            </option>
                            <option value="shield-alt" {{ old('icon', $plan->icon) == 'shield-alt' ? 'selected' : '' }}>
                                Shield</option>
                            <option value="medal" {{ old('icon', $plan->icon) == 'medal' ? 'selected' : '' }}>Medal
                            </option>
                            <option value="trophy" {{ old('icon', $plan->icon) == 'trophy' ? 'selected' : '' }}>Trophy
                            </option>
                        </select>
                        @error('icon')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-warning">Description</label>
                        <textarea class="form-control bg-dark text-white border-warning" name="description">{{ old('description', $plan->description) }}</textarea>
                        @error('description')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-check mb-3">
                        <input type="checkbox" class="form-check-input" name="is_active" value="1"
                            {{ old('is_active', $plan->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label text-warning">Active</label>
                    </div>
                    <div class="form-check mb-3">
                        <input type="checkbox" class="form-check-input" name="ebook_access" value="1"
                            {{ old('ebook_access', $plan->ebook_access) ? 'checked' : '' }}>
                        <label class="form-check-label text-warning">Ebook Access</label>
                    </div>
                    <div class="form-check mb-3">
                        <input type="checkbox" class="form-check-input" name="target_hitting_bonus" value="1"
                            {{ old('target_hitting_bonus', $plan->target_hitting_bonus) ? 'checked' : '' }}>
                        <label class="form-check-label text-warning">Target Hitting Bonus</label>
                    </div>
                    <div class="d-flex justify-content-end">
                        <a href="{{ route('plans.index') }}" class="btn btn-secondary me-2">Cancel</a>
                        <button type="submit" class="btn btn-warning">Update Plan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection