@extends('admin.layouts.main')
@section('title', $product->exists ? 'Edit Product' : 'Create Product')
@section('menu', 'Products')

@section('content')
<form action="{{ $product->exists ? route('admin.products.update', $product) : route('admin.products.store') }}" method="POST">
    @csrf
    @if($product->exists) @method('PUT') @endif
    <fieldset class="content-group">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Product Details</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label class="control-label">Name<span class="text-danger"> *</span></label>
                                    <input type="text" name="name" class="form-control" value="{{ old('name', $product->name) }}" required>
                                    @if ($errors->has('name'))<span class="help-block text-danger">{{ $errors->first('name') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Type<span class="text-danger"> *</span></label>
                                    <select name="type" class="form-control" required>
                                        @foreach(['hosting'=>'Hosting','domain_register'=>'Domain Register','domain_transfer'=>'Domain Transfer','ssl'=>'SSL','recurring_service'=>'Recurring Service','one_time'=>'One-Time'] as $val => $label)
                                            <option value="{{ $val }}" {{ old('type', $product->type) === $val ? 'selected' : '' }}>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Slug</label>
                            <input type="text" name="slug" class="form-control" value="{{ old('slug', $product->slug) }}" placeholder="Auto-generated">
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Product Group</label>
                                    <select name="product_group_id" class="form-control">
                                        <option value="">-- None --</option>
                                        @foreach($groups as $g)
                                            <option value="{{ $g->id }}" {{ old('product_group_id', $product->product_group_id) == $g->id ? 'selected' : '' }}>{{ $g->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Server Group</label>
                                    <select name="server_group_id" class="form-control">
                                        <option value="">-- None --</option>
                                        @foreach($serverGroups as $sg)
                                            <option value="{{ $sg->id }}" {{ old('server_group_id', $product->server_group_id) == $sg->id ? 'selected' : '' }}>{{ $sg->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Server Package Name</label>
                            <input type="text" name="server_package_name" class="form-control" value="{{ old('server_package_name', $product->server_package_name) }}" placeholder="e.g. basic_hosting">
                        </div>
                        <div class="form-group">
                            <label class="control-label">Short Description</label>
                            <textarea name="short_description" class="form-control" rows="2">{{ old('short_description', $product->short_description) }}</textarea>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Description</label>
                            <textarea name="description" class="form-control" rows="4">{{ old('description', $product->description) }}</textarea>
                        </div>
                    </div>
                </div>

                <!-- Pricing -->
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Pricing</div>
                    <div class="panel-body table-responsive">
                        @foreach($currencies as $currency)
                        <h6>{{ $currency->name }} ({{ $currency->code }})</h6>
                        <table class="table table-sm table-bordered mb-4">
                            <thead><tr><th>Billing Cycle</th><th>Price</th><th>Renewal</th><th>Setup Fee</th><th>Cost</th></tr></thead>
                            <tbody>
                                @foreach($billingCycles as $cycle)
                                @php
                                    $existing = $product->exists ? $product->pricing->where('billing_cycle_id', $cycle->id)->where('currency_code', $currency->code)->first() : null;
                                @endphp
                                <tr>
                                    <td>{{ $cycle->name }}</td>
                                    <td><input type="number" step="0.01" name="pricing[{{ $cycle->id }}][{{ $currency->code }}][price]" class="form-control form-control-sm" value="{{ $existing->price ?? '' }}" placeholder="0.00"></td>
                                    <td><input type="number" step="0.01" name="pricing[{{ $cycle->id }}][{{ $currency->code }}][renewal_price]" class="form-control form-control-sm" value="{{ $existing->renewal_price ?? '' }}" placeholder="Same as price"></td>
                                    <td><input type="number" step="0.01" name="pricing[{{ $cycle->id }}][{{ $currency->code }}][setup_fee]" class="form-control form-control-sm" value="{{ $existing->setup_fee ?? '' }}" placeholder="0.00"></td>
                                    <td><input type="number" step="0.01" name="pricing[{{ $cycle->id }}][{{ $currency->code }}][cost_price]" class="form-control form-control-sm" value="{{ $existing->cost_price ?? '' }}" placeholder="0.00"></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Options</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="control-label">Order Type <span class="text-danger">*</span></label>
                            <select name="order_type" class="form-control">
                                <option value="storefront" {{ old('order_type', $product->order_type ?? 'storefront') === 'storefront' ? 'selected' : '' }}>Storefront &amp; Admin</option>
                                <option value="admin_only" {{ old('order_type', $product->order_type) === 'admin_only' ? 'selected' : '' }}>Admin Only</option>
                            </select>
                            <span class="help-block" style="font-size:12px; color:#999;">
                                <strong>Storefront &amp; Admin</strong> — visible on storefront, customers can order.<br>
                                <strong>Admin Only</strong> — hidden from storefront, only admin can create orders.
                            </span>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Display Order</label>
                            <input type="number" name="display_order" class="form-control" value="{{ old('display_order', $product->display_order ?? 0) }}" min="0">
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="is_active" value="0">
                            <input type="checkbox" name="is_active" value="1" class="custom-control-input" id="is_active" {{ old('is_active', $product->is_active ?? true) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="is_active">Active</label>
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="is_featured" value="0">
                            <input type="checkbox" name="is_featured" value="1" class="custom-control-input" id="is_featured" {{ old('is_featured', $product->is_featured) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="is_featured">Featured</label>
                        </div>
                        <div class="custom-control custom-switch mb-3">
                            <input type="hidden" name="requires_domain" value="0">
                            <input type="checkbox" name="requires_domain" value="1" class="custom-control-input" id="requires_domain" {{ old('requires_domain', $product->requires_domain) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="requires_domain">Requires Domain</label>
                        </div>
                    </div>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading font-bold">Publish</div>
                    <div class="panel-body">
                        <a type="button" class="btn btn-warning" href="{{ route('admin.products.index') }}"><i class="fa fa-long-arrow-left"></i> Back to List</a>
                        <button type="submit" name="save" class="btn btn-success pull-right"><i class="fa fa-save"></i> Save</button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
@endsection