<%=
  component_wrapper do
    primer_form_with(
      model: @meeting,
      method: :put,
      url: update_details_meeting_path(@meeting)
    ) do |f|
      component_collection do |collection|
        collection.with_component(Primer::Alpha::Dialog::Body.new) do
          flex_layout(my: 3) do |modal_body|
            modal_body.with_row do
              render(BaseErrorsComponent.new(@meeting))
            end

            modal_body.with_row do
              render(Meeting::StartDate.new(f, initial_value: start_date_initial_value))
            end

            modal_body.with_row(mt: 3) do
              render(Meeting::StartTime.new(f, initial_value: start_time_initial_value))
            end

            modal_body.with_row(mt: 3) do
              render(Meeting::Duration.new(f))
            end

            modal_body.with_row(mt: 3) do
              render(Meeting::Location.new(f))
            end

            modal_body.with_row do
              render(Meeting::LockVersion.new(f))
            end
          end
        end

        collection.with_component(Primer::Alpha::Dialog::Footer.new) do
          component_collection do |modal_footer|
            modal_footer.with_component(Primer::ButtonComponent.new(data: { 'close-dialog-id': "edit-meeting-details-dialog" })) do
              t("button_cancel")
            end

            modal_footer.with_component(Primer::ButtonComponent.new(scheme: :primary, type: :submit)) do
              t("button_save")
            end
          end
        end
      end
    end
  end
%>