{{ html()->form('POST', route('designation.store'))->class('needs-validation')->attributes(['novalidate'])->open() }}

@isset($designation)
    {{ html()->hidden('id', $designation->id) }}
@endisset

<div class="card-body">
    <div class="row">
        <div class="col-sm-12">
            <div class="mb-3">
                {{ html()->label('Title')->for('title') }}
                {{ html()->span('*')->class('text-danger') }}
                {{ html()->text('title', @$designation->title)->class('form-control')->placeholder('Enter Title')->required() }}
                {{ html()->div('Please enter a title.')->class('invalid-feedback') }}
            </div>

            <div class="mb-3">
                {{ html()->label('Slug')->for('slug') }}
                {{ html()->text('slug', @$designation->slug)->class('form-control')->placeholder('Enter Designation Slug') }}
            </div>

            <div class="mb-3">
                {{ html()->label('Department')->class('form-label')->for('department_id') }}
                {{ html()->select('department_id', @$departmentOptions, @$designation->department_id)->class('form-select choices-select')->placeholder('Select') }}
            </div>
        </div>

        <x-form-buttons :href="route('designation.index')" :label="isset($designation) ? 'Update' : 'Create'" />
    </div>
</div>
{{ html()->form()->close() }}