@extends('layouts.admin')
@section('title', 'Edit ' . $product->name)
@section('topbar-title', 'Edit Product')

@section('content')
<div class="page-header">
    <div>
        <h1>Edit: {{ $product->name }}</h1>
        <div class="breadcrumb"><a href="{{ route('admin.products') }}">Products</a> / {{ $product->name }}</div>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
    <!-- Product Settings -->
    <div class="card">
        <div class="card-header"><h3><i class="fa fa-box" style="color:var(--accent);"></i> Product Settings</h3></div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.products.update', $product) }}">
                @csrf @method('PATCH')
                <div class="form-group">
                    <label>Product Name</label>
                    <input type="text" name="name" value="{{ $product->name }}" required>
                </div>
                <div class="form-group">
                    <label>RC Product Key (read-only)</label>
                    <input type="text" value="{{ $product->rc_product_key }}" disabled style="opacity:0.5;">
                    <div style="font-size:0.74rem;color:var(--muted);margin-top:3px;">This is the key sent to ResellerCenter API.</div>
                </div>
                <div class="form-group">
                    <label>Short Description</label>
                    <input type="text" name="short_description" value="{{ $product->short_description }}">
                </div>
                <div class="form-group">
                    <label>Full Description</label>
                    <textarea name="description" rows="4" style="resize:vertical;">{{ $product->description }}</textarea>
                </div>
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                    <div class="form-group">
                        <label>Sort Order</label>
                        <input type="number" name="sort_order" value="{{ $product->sort_order }}" min="0">
                    </div>
                    <div class="form-group">
                        <label>Status</label>
                        <select name="is_active">
                            <option value="1" {{ $product->is_active ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ !$product->is_active ? 'selected' : '' }}>Hidden</option>
                        </select>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Product</button>
            </form>
        </div>
    </div>

    <!-- Plan Pricing -->
    <div class="card">
        <div class="card-header"><h3><i class="fa fa-tag" style="color:var(--accent);"></i> Plan Pricing</h3></div>
        <div class="card-body">
            @foreach($product->plans->sortBy('cycle_months') as $plan)
            <form method="POST" action="{{ route('admin.plans.update', $plan) }}" style="background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:14px;margin-bottom:12px;">
                @csrf @method('PATCH')
                <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">
                    <div>
                        <div style="font-weight:600;font-size:0.88rem;">{{ $plan->billing_cycle }}</div>
                        <div style="color:var(--muted);font-size:0.74rem;">{{ $plan->cycle_months }} month(s)</div>
                    </div>
                    @if($plan->is_featured)<span class="badge badge-paid" style="font-size:0.68rem;">Featured</span>@endif
                </div>
                <div style="display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;">
                    <div>
                        <label style="font-size:0.75rem;color:var(--muted);">Price ($)</label>
                        <input type="number" name="price" value="{{ $plan->price }}" step="0.01" min="0" style="padding:7px 10px;font-size:0.85rem;">
                    </div>
                    <div>
                        <label style="font-size:0.75rem;color:var(--muted);">Status</label>
                        <select name="is_active" style="padding:7px 10px;font-size:0.85rem;">
                            <option value="1" {{ $plan->is_active ? 'selected':'' }}>Active</option>
                            <option value="0" {{ !$plan->is_active ? 'selected':'' }}>Hidden</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary btn-sm">Save</button>
                </div>
            </form>
            @endforeach
        </div>
    </div>
</div>
@endsection