redmine_qbo_calendar/app/views/customer_appointments/show.html.erb

<div class="contextual">
  <%= link_to l(:button_edit), edit_customer_appointment_path(@appointment), class: 'icon icon-edit' %>
  <%= link_to l(:button_delete), customer_appointment_path(@appointment), method: :delete, data: { confirm: l(:text_are_you_sure) }, class: 'icon icon-del' %>
</div>

<h2>
  <% if @appointment.start_date %>
    <div class="calendar-badge">
      <div class="month"><%= @appointment.start_date.strftime('%b').upcase %></div>
      <div class="day"><%= @appointment.start_date.day %></div>
    </div>
  <% end %>

  <span class="appointment-title"><%= @appointment.subject %></span>

  <span class="appointment-dates">
    (<%= format_date(@appointment.start_date) %> 
    <% if @appointment.duration > 1 %>
      - <%= format_date(@appointment.due_date) %>
    <% end %>)
  </span>
</h2>

<div class="issue details">
  <div class="attributes">
    <div class="splitcontent">
      <div class="splitcontentleft">
        <div class="attribute">
          <div class="label"><%= l(:label_customer, default: 'Customer') %>:</div>
          <div class="value"><%= link_to_if @appointment.customer, @appointment.customer&.name, @appointment.customer %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:label_vehicle, default: 'Vehicle') %>:</div>
          <div class="value"><%= link_to_if @appointment.vehicle, @appointment.vehicle&.name, @appointment.vehicle %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:label_primary_phone, default: 'Primary phone') %>:</div>
          <div class="value"><%= @appointment.customer&.primary_phone %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:label_estimate, default: 'Estimate') %>:</div>
          <div class="value"><%= link_to_if @appointment.estimate, @appointment.estimate&.name, @appointment.estimate %></div>
        </div>
      </div>

      <div class="splitcontentright">
        <div class="attribute">
          <div class="label"><%= l(:field_status) %>:</div>
          <div class="value"><%= @appointment.status %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:field_user) %>:</div>
          <div class="value"><%= link_to_user(@appointment.user) %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:label_duration, default: 'Duration') %>:</div>
          <div class="value"><%= @appointment.duration %> <%= l(:label_day_plural, default: 'days') %></div>
        </div>
        <div class="attribute">
          <div class="label"><%= l(:field_estimated_hours) %>:</div>
          <div class="value"><%= @appointment.estimated_hours %></div>
        </div>
      </div>
    </div>
  </div>

  <% if @appointment.description.present? %>
    <hr />
    <div class="description">
      <p><strong><%= l(:field_description) %></strong></p>
      <div class="wiki">
        <%= textilizable(@appointment, :description) %>
      </div>
    </div>
  <% end %>
</div>