@php
    $fieldPrefix = $fieldPrefix ?? 'sub_admin_';
    $showActions = $showActions ?? true;
    $submitLabel = $submitLabel ?? ($mode === 'create' ? 'Create Sub Admin' : 'Save Changes');
    $cancelLabel = $cancelLabel ?? 'Back';
    $cancelHref = $cancelHref ?? route('admin.sub_admins.index');
    $selectedRoleId = (string) old('admin_role_id', $subAdmin->admin_role_id);
@endphp

<div class="row g-3">
    @if ($mode === 'edit')
        <input type="text" name="{{ $fieldPrefix }}fake_username" autocomplete="username" class="d-none" tabindex="-1" aria-hidden="true">
        <input type="password" name="{{ $fieldPrefix }}fake_password" autocomplete="new-password" class="d-none" tabindex="-1" aria-hidden="true">
    @endif

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}name">Name</label>
        <input id="{{ $fieldPrefix }}name" name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $subAdmin->name) }}" required>
        @error('name')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}email">Email</label>
        <input id="{{ $fieldPrefix }}email" name="email" type="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $subAdmin->email) }}" required>
        @error('email')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}password">Password</label>
        <input id="{{ $fieldPrefix }}password" name="password" type="password" class="form-control @error('password') is-invalid @enderror" autocomplete="new-password" {{ $mode === 'create' ? 'required' : '' }}>
        @if ($mode === 'edit')
            <div class="form-text">Leave blank to keep the current password.</div>
        @endif
        @error('password')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}password_confirmation">Confirm Password</label>
        <input id="{{ $fieldPrefix }}password_confirmation" name="password_confirmation" type="password" class="form-control" autocomplete="new-password">
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}is_active">Status</label>
        <select id="{{ $fieldPrefix }}is_active" name="is_active" class="form-select @error('is_active') is-invalid @enderror" required>
            <option value="1" @selected((string) old('is_active', (int) $subAdmin->is_active) === '1')>Active</option>
            <option value="0" @selected((string) old('is_active', (int) $subAdmin->is_active) === '0')>Inactive</option>
        </select>
        @error('is_active')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldPrefix }}admin_role_id">Assigned Role</label>
        <select id="{{ $fieldPrefix }}admin_role_id" name="admin_role_id" class="form-select @error('admin_role_id') is-invalid @enderror" required>
            <option value="">Select role</option>
            @foreach ($roles as $role)
                <option value="{{ $role->id }}" @selected($selectedRoleId === (string) $role->id)>{{ $role->name }}</option>
            @endforeach
        </select>
        <div class="form-text">Permissions and sidebar access will come from the selected role.</div>
        @error('admin_role_id')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        @if ($roles->isEmpty())
            <div class="alert alert-warning mb-0">
                No active roles available. Create a role first from <a href="{{ route('admin.sub_admin_roles.index') }}" class="alert-link">Sub Admin Roles</a>.
            </div>
        @else
            <div class="card border-0 bg-body-tertiary">
                <div class="card-body">
                    <div class="fw-semibold mb-1">Role-Based Access</div>
                    <div class="text-muted small">This sub admin will inherit all module permissions from the selected role. Merchant assignment will still be managed separately.</div>
                </div>
            </div>
        @endif
    </div>
</div>

@if ($showActions)
    <div class="pt-4 d-flex align-items-center gap-2">
        <button type="submit" class="btn btn-primary">{{ $submitLabel }}</button>
        <a href="{{ $cancelHref }}" class="btn btn-outline-secondary">{{ $cancelLabel }}</a>
    </div>
@endif