@extends('layouts.admin')

@section('title', 'Create Coupon')

@section('content')
<div class="admin-page-header">
    <h1>Create Coupon</h1>
    <a href="{{ route('admin.coupons.index') }}" class="admin-btn-primary">Back</a>
</div>

<div class="admin-card">
    <div class="card-body">
        <form action="{{ route('admin.coupons.store') }}" method="POST">
            @csrf

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Coupon Code *</label>
                    <input type="text" name="code" class="admin-form-control form-control" value="{{ old('code') }}" style="text-transform: uppercase;" required>
                    <small class="text-muted">Will be converted to uppercase</small>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Type *</label>
                    <select name="type" class="admin-form-control form-select" required>
                        <option value="percentage">Percentage</option>
                        <option value="flat">Flat Amount</option>
                    </select>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Value *</label>
                    <input type="number" step="0.01" name="value" class="admin-form-control form-control" value="{{ old('value') }}" required>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Min Cart Value</label>
                    <input type="number" step="0.01" name="min_cart_value" class="admin-form-control form-control" value="{{ old('min_cart_value') }}">
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Max Discount</label>
                    <input type="number" step="0.01" name="max_discount" class="admin-form-control form-control" value="{{ old('max_discount') }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Starts At *</label>
                    <input type="datetime-local" name="starts_at" class="admin-form-control form-control" value="{{ old('starts_at') }}" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Ends At *</label>
                    <input type="datetime-local" name="ends_at" class="admin-form-control form-control" value="{{ old('ends_at') }}" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Total Usage Limit (Global control)</label>
                    <input type="number" name="usage_limit" class="admin-form-control form-control" value="{{ old('usage_limit') }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">User Usage Limit (Per-customer control)</label>
                    <input type="number" name="usage_per_user" class="admin-form-control form-control" value="{{ old('usage_per_user') }}">
                </div>

                <div class="col-12 mb-3">
                    <div class="form-check">
                        <input type="checkbox" name="is_active" class="form-check-input" id="isActive" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="isActive">Active</label>
                    </div>
                </div>

                <div class="col-12">
                    <button type="submit" class="admin-btn-primary">Create Coupon</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection