@extends('appshell::layouts.private')

@section('title')
    New Gift Coupon Code
@stop

@section('content')

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $e)
                    <li>{{ $e }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span>New Code</span>
            <a href="{{ route('appshell.gift_coupons.index') }}" class="btn btn-sm btn-outline-secondary">← Back</a>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('appshell.gift_coupons.store') }}">
                @csrf

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Code <span class="text-danger">*</span></label>
                    <div class="col-sm-9">
                        <input type="text" name="code" class="form-control text-uppercase"
                               value="{{ old('code') }}" required maxlength="64"
                               style="letter-spacing:.1em;">
                        <small class="form-text text-muted">Stored uppercase. Share this code with recipients.</small>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Name <span class="text-danger">*</span></label>
                    <div class="col-sm-9">
                        <input type="text" name="name" class="form-control"
                               value="{{ old('name') }}" required maxlength="191"
                               placeholder="e.g. Summer 2026 Launch Gift">
                        <small class="form-text text-muted">Internal admin label — not shown to users.</small>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Product SKU</label>
                    <div class="col-sm-9">
                        <select name="sku" class="form-control">
                            <option value="">Any product (user selects at redemption)</option>
                            @foreach($products as $product)
                                <option value="{{ $product->sku }}" {{ old('sku') === $product->sku ? 'selected' : '' }}>
                                    {{ $product->name }}{{ $product->sku ? ' (' . $product->sku . ')' : '' }}
                                </option>
                            @endforeach
                        </select>
                        <small class="form-text text-muted">Lock to a specific product, or leave as "Any" to let the user choose.</small>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Gift Duration <span class="text-danger">*</span></label>
                    <div class="col-sm-9">
                        <div class="input-group" style="max-width:180px;">
                            <input type="number" name="gift_duration_days" class="form-control"
                                   value="{{ old('gift_duration_days', 30) }}" min="1" max="365" required>
                            <div class="input-group-append"><span class="input-group-text">days</span></div>
                        </div>
                        <small class="form-text text-muted">Days of access from the date the code is redeemed (1–365).</small>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Valid From</label>
                    <div class="col-sm-3">
                        <input type="date" name="valid_from" class="form-control" value="{{ old('valid_from') }}">
                        <small class="form-text text-muted">Leave blank for immediate.</small>
                    </div>
                    <label class="col-sm-2 col-form-label font-weight-bold">Valid Until</label>
                    <div class="col-sm-4">
                        <input type="date" name="valid_until" class="form-control" value="{{ old('valid_until') }}">
                        <small class="form-text text-muted">Leave blank for no expiry.</small>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Max Uses</label>
                    <div class="col-sm-9">
                        <input type="number" name="max_uses" class="form-control"
                               value="{{ old('max_uses') }}" min="1" style="max-width:180px;"
                               placeholder="Leave blank for unlimited">
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Active</label>
                    <div class="col-sm-9 d-flex align-items-center">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="is_active" id="is_active"
                                   value="1" {{ old('is_active', '1') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="is_active">Enabled</label>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-sm-3 col-form-label font-weight-bold">Notes</label>
                    <div class="col-sm-9">
                        <textarea name="notes" class="form-control" rows="3"
                                  maxlength="2000" placeholder="Internal notes…">{{ old('notes') }}</textarea>
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-sm-9 offset-sm-3">
                        <button type="submit" class="btn btn-primary">Create Code</button>
                        <a href="{{ route('appshell.gift_coupons.index') }}" class="btn btn-outline-secondary ml-2">Cancel</a>
                    </div>
                </div>

            </form>
        </div>
    </div>

@stop