obdev/app/views/users/_form.html.erb

<%= form_with(model: user, local: true, html: { class: 'needs-validation', novalidate: true }) do |form| %>

  <%# Display validation errors, if any %>
  <% if user.errors.any? %>
    <div class="alert alert-danger">
      <strong>Please correct the following errors:</strong>
      <ul>
        <% user.errors.full_messages.each do |msg| %>
          <li><%= msg %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <%# User attributes fields %>
  <div class="mb-3">
    <%= form.label :first_name, 'First Name', class: 'form-label' %>
    <%= form.text_field :first_name, id: :user_first_name, class: 'form-control' %>
  </div>

  <div class="mb-3">
    <%= form.label :last_name, 'Last Name', class: 'form-label' %>
    <%= form.text_field :last_name, id: :user_last_name, class: 'form-control' %>
  </div>

  <div class="mb-3">
    <%= form.label :email, class: 'form-label' %>
    <%= form.email_field :email, id: :user_email, class: 'form-control' %>
  </div>

  <div class="mb-3">
    <%= form.label :new_password, 'New Password', class: 'form-label' %>
    <%= form.password_field :password, id: :user_password, class: 'form-control', autocomplete: "new-password" %>
  </div>

  <div class="mb-3">
    <%= form.label :password_confirmation, 'Password Confirmation', class: 'form-label' %>
    <%= form.password_field :password_confirmation, id: "user_password_confirmation", class: 'form-control', autocomplete: "new-password" %>
  </div>


  <div class="mb-3">
    <%= form.label :phone, class: 'form-label' %>
    <%= form.telephone_field :phone, id: :user_phone, class: 'form-control' %>
  </div>

  <div class="mb-3">
    <%= form.label :company, class: 'form-label' %>
    <%= form.text_field :company, id: :user_company, class: 'form-control' %>
  </div>

  <div class="mb-3">
    <%= form.label :roles, 'Assign Role(s)', class: 'form-label' %>
    <%= form.collection_select :roles, Role.all, :name, :name, {}, { multiple: true, class: 'form-select' } %>
  </div>

  <div class="mb-3">
    <%= form.check_box :access_revoked, class: 'form-check-input' %>
    <%= form.label :access_revoked, 'Access Revoked', class: 'form-check-label' %>
  </div>

 <h3>Access Periods</h3>
  <table class="table">
    <thead>
      <tr>
        <th>Access Start Date</th>
        <th>Access End Date</th>
      </tr>
    </thead>
    <tbody>
      <% @user.access_periods.order(:start_date).each do |period| %>
        <tr>
          <td><%= period.start_date ? period.start_date.strftime("%B %d, %Y") : 'Not set' %></td>
          <td><%= period.end_date ? period.end_date.strftime("%B %d, %Y") : 'Currently has access' %></td>
        </tr>
      <% end %>
    </tbody>
  </table>

  <%# Date fields for access control %>
  <%= form.fields_for :access_periods do |period_form| %>
    <div class="row">
      <div class="col-md-5">
        <%= period_form.label :start_date, 'Access Start Date' %>
        <%= period_form.date_field :start_date, class: 'form-control' %>
      </div>
      <div class="col-md-5">
        <%= period_form.label :end_date, 'Access End Date' %>
        <%= period_form.date_field :end_date, class: 'form-control' %>
      </div>
      <% if period_form.object.persisted? %>
      <div class="col-md-2">
        <%= period_form.check_box :_destroy %>
        <%= period_form.label :_destroy, 'Remove' %>
      </div>
      <% end %>
    </div>
  <% end %>
  
  <%# Submit button %>
    <div class="actions mt-3">
      <%= form.submit 'Save', class: 'btn btn-dark' %>
    </div>

<% end %>