{{-- Change the layout name/section to match your existing temple layout if different. --}}
@extends('temple.layouts.app')

@section('content')
<div class="container py-4">
    <h4 class="mb-4">Add New Vazhipad</h4>

    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <form method="POST" action="{{ route('temple.vazhipad.store') }}">
        @csrf

        {{-- Offering Name --}}
        <div class="mb-3">
            <label for="name" class="form-label">Offering Name <span class="text-danger">*</span></label>
            <input type="text" id="name" name="name" value="{{ old('name') }}"
                   class="form-control @error('name') is-invalid @enderror" maxlength="255" required>
            @error('name')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        {{-- Dakshina / Rate --}}
        <div class="mb-3">
            <label for="amount" class="form-label">Dakshina / Rate (₹) <span class="text-danger">*</span></label>
         <input type="number"
       id="amount"
       name="amount"
       value="{{ old('amount') }}"
       class="form-control @error('amount') is-invalid @enderror"
       min="0"
       max="9999999"
       step="1"
       oninput="if(this.value.length > 7) this.value = this.value.slice(0, 7)"
       required>
            @error('amount')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        {{-- Status: values MUST be 1 / 0 --}}
        <div class="mb-3">
            <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
            <select id="status" name="status"
                    class="form-select @error('status') is-invalid @enderror" required>
                <option value="1" {{ (string) old('status', '1') === '1' ? 'selected' : '' }}>Active (Available for devotees)</option>
                <option value="0" {{ (string) old('status', '1') === '0' ? 'selected' : '' }}>Inactive (Temporarily unavailable)</option>
            </select>
            @error('status')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        {{-- Description --}}
        <div class="mb-3">
            <label for="description" class="form-label">Offering Description &amp; Ritual Details <small class="text-muted">(Optional)</small></label>
            <textarea id="description" name="description" rows="4" maxlength="1000"
                      class="form-control @error('description') is-invalid @enderror">{{ old('description') }}</textarea>
            @error('description')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
        </div>

        <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">Save Vazhipad</button>
            <a href="{{ route('temple.vazhipad.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection