@include('accounting::admin.accounting._styles')

<div class="acc-wrap">
    <div class="acc-header">
        <div class="acc-header-left">
            <div class="acc-header-icon" style="background:linear-gradient(135deg,#f59e0b,#d97706)">
                <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"/></svg>
            </div>
            <div>
                <h1>{{ isset($group) ? 'Edit Account Group' : 'New Account Group' }}</h1>
                <div class="acc-header-sub">{{ isset($group) ? $group->name : 'Create a new classification group' }}</div>
            </div>
        </div>
        <a href="{{ route('admin.accounting.account-groups.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i> Back
        </a>
    </div>

    <div class="acc-card">
        <div class="acc-card-header"><h3>Group Details</h3></div>
        <div class="acc-card-body">
            @if($errors->any())
            <div class="alert alert-danger mb-4"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
            @endif

            <form action="{{ isset($group) ? route('admin.accounting.account-groups.update', $group->id) : route('admin.accounting.account-groups.store') }}" method="POST">
                @csrf
                @if(isset($group)) @method('PUT') @endif

                <div class="acc-form-row col-2">
                    <div class="acc-form-group">
                        <label class="required">Group Name</label>
                        <input type="text" name="name" class="acc-form-control @error('name') is-invalid @enderror"
                               value="{{ old('name', $group->name ?? '') }}" required>
                        @error('name')<div class="acc-invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="acc-form-group">
                        <label class="required">Nature</label>
                        <select name="nature" class="acc-form-control @error('nature') is-invalid @enderror" required>
                            <option value="debit"  {{ old('nature', $group->nature ?? '') === 'debit'  ? 'selected' : '' }}>Debit (Assets, Expenses)</option>
                            <option value="credit" {{ old('nature', $group->nature ?? '') === 'credit' ? 'selected' : '' }}>Credit (Liabilities, Income, Equity)</option>
                        </select>
                        @error('nature')<div class="acc-invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="acc-form-row col-2">
                    <div class="acc-form-group">
                        <label>Description</label>
                        <textarea name="description" rows="3" class="acc-form-control">{{ old('description', $group->description ?? '') }}</textarea>
                    </div>
                    <div class="acc-form-group">
                        <label>Sort Order</label>
                        <input type="number" name="sort_order" class="acc-form-control"
                               value="{{ old('sort_order', $group->sort_order ?? 0) }}" min="0">
                    </div>
                </div>
                <div style="display:flex;justify-content:flex-end;gap:10px;">
                    <a href="{{ route('admin.accounting.account-groups.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn-acc-primary">
                        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
                        {{ isset($group) ? 'Update Group' : 'Create Group' }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>