How to make admin form field readonly when edit

Making an admin form field readonly only when editing is a common requirement for managing data in Laravel applications. You want users to be able to modify certain fields like status or created_at while creating new items, but lock them down when editing existing records.

To achieve this, you can use conditional logic within your Blade view to apply the readonly attribute based on whether the form is in an “edit” mode or not. Here’s a step-by-step guide:

Using Conditional Logic in Your Blade View

In your Blade template for the admin form, you can check if $form->mode === 'edit' and then apply the readonly attribute conditionally.

<div class="form-group">
    <label for="created_at">{{ __('Created At') }}</label>
    @if ($form->mode === 'edit')
        <input type="text" class="form-control" id="created_at" name="created_at" value="{{ $form->created_at }}" readonly />
    @else
        <input type="text" class="form-control" id="created_at" name="created_at" value="{{ old('created_at') ?? $form->created_at }}" />
    @endif
</div>

In this example, when $form->mode is set to 'edit', the readonly attribute will be applied to the input field for the “Created At” form group. If it’s not in edit mode (i.e., you’re adding a new item), the field will behave normally and accept user input.

Setting the Form Mode

To make this work, you need to set the $form->mode variable appropriately within your controller method.

For editing an existing record:

public function edit($id)
{
    $item = Item::findOrFail($id);
    return view('admin.items.edit', compact('item'))->with('form.mode', 'edit');
}

When creating a new item, you don’t need to set the mode.

Best Practices

1. Place the conditional logic in your Blade template rather than the controller for better separation of concerns.
2. Use appropriate labels and ids for accessibility and form validation.
3. Make sure the $form->created_at value is properly escaped using {!! $form->created_at !!} to display the actual date.

Conclusion

By applying conditional logic in your Blade template, you can create a flexible admin interface that allows editing certain fields only when necessary. This adds an extra layer of data integrity and reduces the risk of accidental modifications.

Remember to always test your forms thoroughly to ensure they behave as expected under different scenarios.

For more advanced form management techniques, consider checking out our guide on Laravel Form Requests at Laravel Company. It provides a deeper dive into handling complex form validations and manipulations in Laravel.