@can('access', 'record.statuses.store')
    <button class="btn btn-labeled btn-labeled-left bg-indigo mb-3" style="display:block; width: 100%;" data-toggle="modal" data-target="#status-modal">
        <b>
            <i class="fa fa-sync"></i>
        </b>
        Cambiar estado
    </button>
    <div id="status-modal" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Cambiando estado del expediente</h5>
                    <button class="close" type="button" data-dismiss="modal">&times;</button>
                </div>
                <form
                    action="{{ route('record.statuses.store', $record->id) }}"
                    method="POST"
                    enctype="multipart/form-data"
                >
                    @csrf
                    <div class="modal-body">
                        <div class="form-group">
                            <x-forms.label>Estado</x-forms.label>
                            <x-forms.selects.basic
                                name="status"
                                :value="old('status')"
                                :items="$formData->statuses"
                                item-value-field="id"
                                item-text-field="name"
                                placeholder="Seleccionar estado"
                            />
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-info">
                            Cambiar estado
                            <i class="mi-sync ml-2"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endcan