@php $service = $service ?? null; @endphp

<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label">Customer *</label>
        <select name="customer_id" class="form-select" required>
            <option value="">-- Select customer --</option>
            @foreach ($customers as $customer)
                <option value="{{ $customer->id }}" @selected(old('customer_id', $service->customer_id ?? '') == $customer->id)>{{ $customer->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-6">
        <label class="form-label">Category</label>
        <select name="category_id" class="form-select">
            <option value="">-- None --</option>
            @foreach ($categories as $category)
                <option value="{{ $category->id }}" @selected(old('category_id', $service->category_id ?? '') == $category->id)>{{ $category->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-8">
        <label class="form-label">Service Title *</label>
        <input type="text" name="title" class="form-control" value="{{ old('title', $service->title ?? '') }}" required placeholder="e.g. Company Website Hosting - Annual">
    </div>
    <div class="col-md-4">
        <label class="form-label">Price ($) *</label>
        <input type="number" step="0.01" min="0" name="price" class="form-control" value="{{ old('price', $service->price ?? 0) }}" required>
    </div>
    <div class="col-md-4">
        <label class="form-label">Billing Cycle</label>
        @php $cycle = old('billing_cycle', $service->billing_cycle ?? 'one_time'); @endphp
        <select name="billing_cycle" class="form-select">
            <option value="one_time" @selected($cycle === 'one_time')>One-time</option>
            <option value="monthly" @selected($cycle === 'monthly')>Monthly</option>
            <option value="quarterly" @selected($cycle === 'quarterly')>Quarterly</option>
            <option value="yearly" @selected($cycle === 'yearly')>Yearly</option>
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Status</label>
        @php $status = old('status', $service->status ?? 'active'); @endphp
        <select name="status" class="form-select">
            <option value="active" @selected($status === 'active')>Active</option>
            <option value="inactive" @selected($status === 'inactive')>Inactive</option>
            <option value="expired" @selected($status === 'expired')>Expired</option>
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Start Date</label>
        <input type="date" name="start_date" class="form-control" value="{{ old('start_date', optional($service->start_date ?? null)->format('Y-m-d')) }}">
    </div>
    <div class="col-md-4">
        <label class="form-label">End Date / Renewal</label>
        <input type="date" name="end_date" class="form-control" value="{{ old('end_date', optional($service->end_date ?? null)->format('Y-m-d')) }}">
    </div>
    <div class="col-12">
        <label class="form-label">Description</label>
        <textarea name="description" rows="3" class="form-control">{{ old('description', $service->description ?? '') }}</textarea>
    </div>
</div>

<div class="mt-4">
    <button class="btn btn-info text-white"><i class="fas fa-save me-1"></i> Save Service</button>
    <a href="{{ route('services.index') }}" class="btn btn-outline-secondary">Cancel</a>
</div>