@extends('admin.layouts.main')
@section('title', $coupon->exists ? 'Edit Coupon' : 'Create Coupon')
@section('menu', 'Coupons')

@section('content')
<form action="{{ $coupon->exists ? route('admin.coupons.update', $coupon) : route('admin.coupons.store') }}" method="POST">
    @csrf
    @if($coupon->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">Coupon Details</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Code<span class="text-danger"> *</span></label>
                                    <input type="text" name="code" class="form-control" value="{{ old('code', $coupon->code) }}" required>
                                    @if ($errors->has('code'))<span class="help-block text-danger">{{ $errors->first('code') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="control-label">Type<span class="text-danger"> *</span></label>
                                    <select name="type" class="form-control" required>
                                        @foreach(['percentage' => 'Percentage', 'fixed' => 'Fixed', 'free_setup' => 'Free Setup'] as $val => $label)
                                            <option value="{{ $val }}" {{ old('type', $coupon->type) === $val ? 'selected' : '' }}>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="control-label">Value<span class="text-danger"> *</span></label>
                                    <input type="number" step="0.01" name="value" class="form-control" value="{{ old('value', $coupon->value) }}" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">Description</label>
                            <textarea name="description" class="form-control" rows="2">{{ old('description', $coupon->description) }}</textarea>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Max Discount</label>
                                    <input type="number" step="0.01" name="max_discount" class="form-control" value="{{ old('max_discount', $coupon->max_discount) }}" placeholder="No limit">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Min Order Amount</label>
                                    <input type="number" step="0.01" name="min_order_amount" class="form-control" value="{{ old('min_order_amount', $coupon->min_order_amount) }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Applies To</label>
                                    <select name="applies_to" id="appliesTo" class="form-control" onchange="toggleApplicableIds()">
                                        @foreach(['all' => 'All Items', 'products' => 'Specific Products', 'product_groups' => 'Product Groups', 'tlds' => 'TLD Extensions'] as $val => $label)
                                            <option value="{{ $val }}" {{ old('applies_to', $coupon->applies_to ?? 'all') === $val ? 'selected' : '' }}>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        {{-- Applicable IDs selector --}}
                        <div class="form-group" id="applicableIdsGroup" style="display:none;">
                            <label class="control-label" id="applicableIdsLabel">Select Items</label>
                            <select name="applicable_ids[]" id="applicableIdsSelect" class="form-control" multiple size="6">
                            </select>
                            <small class="form-text font-grey-mint">Hold Ctrl/Cmd to select multiple items.</small>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Max Uses (Global)</label>
                                    <input type="number" name="max_uses" class="form-control" value="{{ old('max_uses', $coupon->max_uses) }}" placeholder="Unlimited">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Max Uses Per User</label>
                                    <input type="number" name="max_uses_per_user" class="form-control" value="{{ old('max_uses_per_user', $coupon->max_uses_per_user) }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Recurring Limit</label>
                                    <input type="number" name="recurring_limit" class="form-control" value="{{ old('recurring_limit', $coupon->recurring_limit) }}" placeholder="Unlimited">
                                    <small class="form-text font-grey-mint">Max renewal periods with discount</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Billing Cycle Restrictions</div>
                    <div class="panel-body">
                        <p class="font-grey-mint" style="margin-bottom:10px;">Leave all unchecked to apply to all billing cycles.</p>
                        @foreach($billingCycles as $bc)
                            <label class="checkbox-inline" style="margin-right:15px;">
                                <input type="checkbox" name="billing_cycles[]" value="{{ $bc->id }}"
                                    {{ in_array($bc->id, old('billing_cycles', $coupon->billing_cycles ?? [])) ? 'checked' : '' }}>
                                {{ $bc->name }}
                            </label>
                        @endforeach
                    </div>
                </div>

                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Validity Period</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Valid From</label>
                                    <input type="datetime-local" name="valid_from" class="form-control" value="{{ old('valid_from', $coupon->valid_from ? $coupon->valid_from->format('Y-m-d\TH:i') : '') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Valid Until</label>
                                    <input type="datetime-local" name="valid_until" class="form-control" value="{{ old('valid_until', $coupon->valid_until ? $coupon->valid_until->format('Y-m-d\TH:i') : '') }}">
                                </div>
                            </div>
                        </div>
                    </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="checkbox">
                            <label>
                                <input type="hidden" name="is_active" value="0">
                                <input type="checkbox" name="is_active" value="1" {{ old('is_active', $coupon->is_active ?? true) ? 'checked' : '' }}>
                                Active
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="hidden" name="recurring_discount" value="0">
                                <input type="checkbox" name="recurring_discount" value="1" {{ old('recurring_discount', $coupon->recurring_discount) ? 'checked' : '' }}>
                                Apply to Renewals
                            </label>
                            <small class="form-text font-grey-mint">Discount also applies to renewal invoices</small>
                        </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.coupons.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

@push('scripts')
<script>
var productsData = @json($products);
var productGroupsData = @json($productGroups);
var tldsData = @json($tldExtensions);
var selectedIds = @json(old('applicable_ids', $coupon->applicable_ids ?? []));

function toggleApplicableIds() {
    var val = document.getElementById('appliesTo').value;
    var group = document.getElementById('applicableIdsGroup');
    var select = document.getElementById('applicableIdsSelect');
    var label = document.getElementById('applicableIdsLabel');

    if (val === 'all') {
        group.style.display = 'none';
        return;
    }

    group.style.display = 'block';
    select.innerHTML = '';

    var items = [];
    if (val === 'products') {
        label.textContent = 'Select Products';
        items = productsData;
    } else if (val === 'product_groups') {
        label.textContent = 'Select Product Groups';
        items = productGroupsData;
    } else if (val === 'tlds') {
        label.textContent = 'Select TLD Extensions';
        items = tldsData;
    }

    items.forEach(function(item) {
        var opt = document.createElement('option');
        opt.value = item.id;
        opt.textContent = item.name || item.tld || item.id;
        if (selectedIds && selectedIds.indexOf(item.id) !== -1) {
            opt.selected = true;
        }
        select.appendChild(opt);
    });
}

document.addEventListener('DOMContentLoaded', toggleApplicableIds);
</script>
@endpush