spree_cm_commissioner 0.0.1

data/app/views/spree/events/guests/edit.html.erb

@@ -0,0 +1,86 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:guests) %>
+<% end %>
+
+<%= render partial: 'spree/events/shared/guest_tabs', locals: { current: :edit } %>
+
+<% content_for(:sidebar) do %>
+  <%= render partial: 'swap_guest_bib_number', locals: { guests: @filtered_guests } %>
+
+  <% if @guest.check_in.present? %>
+    <%= render partial: 'check_in_status' %>
+  <% else %>
+    <div class="card">
+      <div class="card-body">
+        <h5 class="card-title"><%= Spree.t(:check_in_status) %></h5>
+        <p class="card-text">Click button below to manually check_in guest</p>
+        <%= link_to 'Check In', check_in_event_guest_path, method: :post, class: 'btn btn-outline-primary' %>
+      </div>
+    </div>
+  <% end %>
+<% end %>
+
+<% content_for(:sidebar) do %>
+  <div class="card mt-3">
+    <div class="card-body">
+      <h5 class="card-title"><%= Spree.t(:send_email) %></h5>
+      <p class="card-text">Click button to manually send email to guest</p>
+      <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#emailModal">
+        Send Email
+      </button>
+    </div>
+  </div>
+<% end %>
+
+<%= form_with(model: @guest, url: { action: :update }) do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>
+
+<!-- Send Email Modal -->
+<div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="emailModalLabel">Send Email</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <!-- Form for email input -->
+        <%= form_with(model: @guest, scope: :guest, url: send_email_event_guest_path(@guest), method: :post, id: "emailForm") do |form| %>
+          <div class="form-group">
+            <label for="emailInput">Email address</label>
+            <%= form.email_field :email, required: true, class: 'form-control', id: "emailInput", aria_describedby: "emailHelp", placeholder: "Enter email" %>
+            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+          </div>
+          <%= form.submit "Send", class: "btn btn-primary" %>
+        <% end %>
+        </div>
+    </div>
+  </div>
+</div>
+
+<!-- Verified Uncheck In Modal -->
+<div class="modal fade" id="uncheckInModal" tabindex="-1" role="dialog" aria-labelledby="uncheckInModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="uncheckInModalLabel">Uncheck In Confirmation</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        Are you sure you want to uncheck in?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        <%= link_to 'Confirm', uncheck_in_event_guest_path, method: :post, class: 'btn btn-primary' %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/events/guests/index.html.erb

@@ -0,0 +1,102 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:register_guests) %>
+<% end %>
+
+<% content_for :page_actions do%>
+  <%= link_to 'Generate CSV', generate_guest_csv_event_guests_path, method: :post, class: 'btn btn-outline-primary' %>
+<% end %>
+
+<% content_for :table_filter do %>
+  <%= render partial: 'spree/events/shared/filters' %>
+<% end %>
+
+<% if @collection.any? %>
+<div class="table-responsive border rounded bg-white">
+  <table class="table" id="listing_products">
+    <thead class="text-muted">
+      <tr data-hook="admin_products_index_headers">
+        <th scope="col" class="text-left"><%= Spree.t(:full_name) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:date_of_birth) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:gender) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:occupation) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:id_card_type) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:id_card_image) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:entry_type) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:bib_number) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:check_in_at) %></th>
+        <th scope="col" class="text-left"><%= Spree.t(:action) %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @collection.each do |guest| %>
+        <tr id="<%= spree_dom_id guest %>" data-hook="event_guests_index_rows">
+          <td class="text-left">
+            <%= guest.full_name %>
+          </td>
+          <td class="text-left">
+            <%= guest.dob&.strftime("%d %b %Y") %>
+          </td>
+          <td class="text-left">
+            <%= content_tag(:strong, class: "badge #{badge_color_based_on_gender(guest.gender)} font-weight-bold") do %>
+              <%= guest.gender %>
+            <% end %>
+          </td>
+          <td class="text-left">
+            <%= guest.other_occupation&.titleize || guest.occupation&.name %>
+          </td>
+          <td class="text-left">
+            <%= content_tag(:strong, class: "badge #{badge_color_base_on_id_card_status(guest.id_card&.card_type)} font-weight-bold") do %>
+              <%= guest.id_card&.card_type&.titleize %>
+            <% end %>
+          </td>
+          <td class="d-flex flex-row gap-5">
+            <% if guest&.id_card&.front_image %>
+              <div class="admin-product-image-container small-img">
+                <% if guest&.id_card&.front_image&.attachment %>
+                  <%= link_to main_app.rails_blob_url(guest.id_card.front_image.attachment), target: "_blank" do %>
+                    <%= image_tag main_app.rails_blob_url(guest.id_card.front_image.attachment) %>
+                  <% end %>
+                <% end %>
+              </div>
+            <% end %>
+            <% if guest&.id_card&.back_image %>
+              <div class="admin-product-image-container small-img">
+                <% if guest&.id_card&.back_image&.attachment %>
+                  <%= link_to main_app.rails_blob_url(guest.id_card.back_image.attachment), target: "_blank" do %>
+                    <%= image_tag main_app.rails_blob_url(guest.id_card.back_image.attachment) %>
+                  <% end %>
+                <% end %>
+              </div>
+            <% end %>
+          </td>
+          <td class="text-left">
+            <%= content_tag(:strong, class: "badge #{badge_color_base_on_entry_type(guest.entry_type)} font-weight-bold uppercase") do %>
+              <%= SpreeCmCommissioner::CheckIn.entry_types.key(guest.entry_type).titleize %>
+            <% end %>
+          </td>
+          <td class="text-left">
+            <% if guest.bib_number.present? %>
+              <%= guest.formatted_bib_number %>
+            <% else %>
+              <span>No BIB Number</span>
+            <% end %>
+          </td>
+          <td class="text-left">
+            <%= guest.created_at&.strftime('%d %b %Y %I:%M:%S %p') %>
+          </td>
+          <td class="text-left">
+            <%= guest.check_in&.created_at&.strftime('%d %b %Y %I:%M:%S %p') %>
+          </td>
+          <td class="text-left">
+            <%= link_to_edit guest, url: edit_event_guest_url(current_event.slug, guest), no_text: true, class: 'edit' %>
+          </td>
+      <% end %>
+    </tbody>
+  </table>
+</div>
+<%= render partial: 'spree/admin/shared/index_table_options', locals: { collection: @collection } %>
+<% else %>
+  <div class="text-left no-objects-found m-5">
+    <%= Spree.t(:no_resource_found, resource: plural_resource_name(SpreeCmCommissioner::Guest)) %>
+  </div>
+<% end %>

data/app/views/spree/events/shared/_event_switcher.html.erb

@@ -0,0 +1,39 @@
+<div>
+  <span class="d-none d-lg-inline text-light">
+    <% if current_event&.category_icon %>
+      <img src="<%= main_app.rails_blob_url(current_event.category_icon.attachment) %>" alt="vendor's logo" style="width: 40px; padding: 2px" class="rounded-circle">
+    <% else %>
+      <%= svg_icon name: "building.svg", width: '25', height: '25' %>
+    <% end %>
+  </span>
+  <a class="px-0 py-1 ml-1 btn text-light" id="eventSelectorDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <span class="d-sm-none"><%= svg_icon name: "store.svg", width: '18', height: '18' %></span>
+    <% if !current_event.nil? %>
+      <span class="d-none d-sm-inline">
+        <%= current_event.name %>
+      </span>
+      <% if spree_current_user.events.count > 1 %>
+        <%= svg_icon name: "chevron-down.svg", width: '12', height: '12', classes: 'ml-1 mb-0' %>
+      <% end %>
+    <% end %>
+  </a>
+
+  <% if spree_current_user.events.count > 1 %>
+    <div class="dropdown-menu dropdown-menu-left overflow-hidden ml-2" aria-labelledby="eventSelectorDropdown">
+      <% spree_current_user.events.each do |taxon| %>
+        <button type="button" class="py-3 px-4 dropdown-item rounded" data-slug="<%= taxon.slug %>" onclick="switchEvents(this)"><%= taxon.name %></button>
+      <% end %>
+    </div>
+  <% end %>
+</div>
+
+<script>
+  function switchEvents(button) {
+    var slug = button.getAttribute("data-slug");
+    var eventName = button.textContent.trim();
+
+    document.getElementById("eventSelectorDropdown").textContent = eventName;
+
+    window.location.href = "/events/" + slug + "/guests";
+  }
+</script>

data/app/views/spree/events/shared/_filters.html.erb

@@ -0,0 +1,50 @@
+  <% content_for :table_filter do %>
+  <div data-hook="admin_customers_index_search">
+    <%= search_form_for [:events_guests, @search], url: spree.event_guests_path do |f| %>
+      <div class="row">
+        <div class="col-12 col-lg-6">
+          <div class="form-group">
+            <%= f.label :first_name_cont, Spree.t(:first_name) %>
+            <%= f.search_field :first_name_cont, class: 'form-control js-quick-search-target js-filterable', placeholder: Spree.t(:first_name) %>
+          </div>
+        </div>
+
+        <div class="date-range-filter col-12 col-lg-6">
+          <div class="form-group">
+            <%= f.label :last_name_cont, Spree.t(:last_name) %>
+            <%= f.search_field :last_name_cont, class: "form-control js-filterable", placeholder: Spree.t(:last_name) %>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-12 col-lg-6">
+          <div class="form-group">
+            <%= f.label :gender_eq, Spree.t(:gender) %>
+            <%= f.select :gender_eq, options_for_select(SpreeCmCommissioner::Guest.genders.map { |k, v| [Spree.t("spree.genders.#{k}"), v] }), { include_blank: Spree.t('match_choices.none') }, class: "form-control js-filterable" %>
+          </div>
+        </div>
+
+        <div class="col-12 col-lg-6">
+          <div class="form-group">
+            <%= f.label :occupation_id_eq, Spree.t(:occupation) %>
+            <%= f.select :occupation_id_eq,
+              options_from_collection_for_select(Spree::Taxon.where(kind: Spree::Taxon.kinds[:occupation]).order(:position), :id, :name),
+                { include_blank: Spree.t('match_choices.none') },
+                class: 'select2 form-control' %>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-12 col-lg-6">
+          <div class="form-group">
+            <%= f.label :id_card_card_type_eq, Spree.t(:id_card_type) %>
+            <%= f.select :id_card_card_type_eq, options_for_select(SpreeCmCommissioner::IdCard.card_types.map { |k, v| [Spree.t("spree.card_type.#{k}"), v] }), { include_blank: Spree.t('match_choices.none') }, class: "form-control js-filterable" %>
+          </div>
+        </div>
+      </div>
+      <div data-hook="admin_customers_index_search_buttons" class="form-actions">
+        <%= button Spree.t(:search), 'search.svg' %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/events/shared/_guest_tabs.html.erb

@@ -0,0 +1,19 @@
+<% content_for :page_tabs do %>
+  <% if can? :update, @guest %>
+    <li class="nav-item" data-hook='admin_guest_tabs_edit'>
+      <%= link_to_with_icon 'edit.svg',
+        Spree.t('edit'),
+        edit_event_guest_path(@event.slug, @guest),
+        class: "#{'active' if current == :edit} nav-link" %>
+    </li>
+  <% end %>
+
+  <% if can? :index, Spree::StateChange %>
+    <li class="nav-item" data-hook='admin_guest_tabs_state_changes'>
+      <%= link_to_with_icon 'calendar3.svg',
+        Spree::StateChange.human_attribute_name(:state_changes),
+        event_guest_state_changes_path(@event.slug, @guest),
+        class: "#{'active' if current == :state_changes} nav-link" %>
+    </li>
+  <% end %>
+<% end %>

data/app/views/spree/events/shared/_header.html.erb

@@ -0,0 +1,10 @@
+<header class="header logged-in">
+  <nav class="navbar fixed-top navbar-dark flex-nowrap bg-primary p-0">
+    <div class="col-auto text-center text-lg-left px-0 px-lg-2 align-items-center dropdown">
+      <%= render partial: 'spree/events/shared/event_switcher' %>
+    </div>
+    <div class="col text-right p-0">
+      <%= render partial: 'spree/admin/shared/account_nav' %>
+    </div>
+  </nav>
+</header>

data/app/views/spree/events/shared/_main_menu.html.erb

@@ -0,0 +1,22 @@
+<nav class="pb-3 pt-lg-3 px-1 h6">
+  <div class="text-right d-lg-none pl-3 py-2 border-bottom d-flex align-items-center">
+    <div class="d-flex flex-grow-1 text-primary"></div>
+    <button
+      id="sidebar-close"
+      class="btn btn-link d-flex"
+      type="button"
+      aria-expanded="false"
+      aria-label="Toggle navigation">
+      <%= svg_icon name: "cancel.svg", width: '20', height: '20', classes: 'p-0 m-0' %>
+    </button>
+  </div>
+    <ul class="nav nav-sidebar mb-3">
+        <%= tab :guests, url: event_guests_path, icon: 'people.svg' %>
+    </ul>
+    <ul class="nav nav-sidebar mb-3">
+        <%= tab :check_ins, url: event_check_ins_path, icon: 'card-checklist.svg' %>
+    </ul>
+    <ul class="nav nav-sidebar mb-3">
+        <%= tab :data_exports, url: event_data_exports_path, icon: 'cloud-download.svg' %>
+    </ul>
+</nav>

data/app/views/spree/events/state_changes/index.html.erb

@@ -0,0 +1,48 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:guests) %>
+<% end %>
+
+<%= render partial: 'spree/events/shared/guest_tabs', locals: { current: :state_changes } %>
+
+<% if @state_changes.any? %>
+<div class="table-responsive border rounded bg-white">
+  <table class="table" id="listing_order_state_changes" data-hook>
+    <thead class="text-muted">
+      <tr data-hook="admin_orders_state_changes_headers">
+        <th><%= Spree::StateChange.human_attribute_name(:type) %></th>
+        <th><%= Spree::StateChange.human_attribute_name(:state_from) %></th>
+        <th><%= Spree::StateChange.human_attribute_name(:state_to) %></th>
+        <th><%= Spree::StateChange.human_attribute_name(:by_user) %></th>
+        <th><%= Spree::StateChange.human_attribute_name(:timestamp) %></th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <% @state_changes.each do |state_change| %>
+        <% scope = state_change.name == 'guest'  ? "#{ state_change.name }_state" : "#{ state_change.name }_states" -%>
+        <tr>
+          <td><%= Spree.t("state_machine_states.#{state_change.name}") %></td>
+          <td><%= state_change.previous_state %></td>
+          <td><%= state_change.next_state %></td>
+          <td>
+            <% if state_change.user %>
+              <% user_login = state_change.user.try(:login) || state_change.user.try(:email) %>
+              <%= link_to user_login, spree.admin_user_path(state_change.user) %>
+            <% end %>
+          </td>
+          <td>
+            <%= pretty_time(state_change.created_at) %>
+            <% if state_change.created_at != state_change.updated_at %>
+              <small><%= Spree::StateChange.human_attribute_name(:updated) %>: <%= pretty_time(state_change.updated_at) %></small>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>
+<% else %>
+  <div class="text-center no-objects-found m-5">
+    <%= Spree.t(:no_state_changes) %>
+  </div>
+<% end %>

data/app/views/spree/layouts/billing.html.erb

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head data-hook="admin_inside_head">
+    <%= render partial: 'spree/admin/shared/head' %>
+    <%= yield :extra_head if content_for?(:extra_head) %>
+  </head>
+  <body class="admin" data-controller="spree">
+    <%#-------------------------------------------------%>
+    <%# Header navbar                                   %>
+    <%#-------------------------------------------------%>
+    <%= render partial: 'spree/billing/shared/header' %>
+    <%#-------------------------------------------------%>
+    <%# Main content                                    %>
+    <%#-------------------------------------------------%>
+    <div id="wrapper" class="container-fluid
+                            <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                             mb-4 mb-lg-0
+                            <% end %>">
+      <div class="row">
+        <%#-------------------------------------------------%>
+        <%# Sidebar                                         %>
+        <%#-------------------------------------------------%>
+        <aside
+          class="col-12 col-lg-3 col-xl-2 sidebar position-fixed d-flex justify-content-between flex-column px-0"
+          id="main-sidebar"
+          data-hook="admin_tabs">
+          <%= render partial: 'spree/billing/shared/main_menu' %>
+          <%= render partial: 'spree/admin/shared/version' %>
+        </aside>
+        <%#-------------------------------------------------%>
+        <%# Content                                         %>
+        <%#-------------------------------------------------%>
+        <main class="col-12 col-lg-9 col-xl-10 offset-lg-3 offset-xl-2 main pt-2" id="main-part">
+          <div class="px-lg-4 px-md-2 px-2">
+            <%#-------------------------------------------------%>
+            <%# Content header (page title/actions)             %>
+            <%#-------------------------------------------------%>
+            <%= render partial: 'spree/admin/shared/content_header' %>
+            <div class="row">
+              <%#-------------------------------------------------%>
+              <%# Main content                                    %>
+              <%#-------------------------------------------------%>
+              <div class="<%= content_for?(:sidebar) ? 'with-sidebar col-12 col-lg-9 px-0' : 'col-12 px-0' %>" id="content" data-hook>
+                <div class="<%= content_for?(:sidebar) ? 'pr-3' : '' %>">
+                  <%= render partial: 'spree/admin/shared/table_filter' if content_for?(:table_filter) %>
+                  <%= yield %>
+                </div>
+              </div>
+              <%#-------------------------------------------------%>
+              <%# Inner aside                                     %>
+              <%#-------------------------------------------------%>
+              <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                <div class="col-12 col-lg-3 m-0 p-4 p-lg-0" id="contextualSideMenu">
+                  <%= render partial: 'spree/admin/shared/sidebar' %>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <%#-------------------------------------------------%>
+    <%# Insert footer scripts here                      %>
+    <%#-------------------------------------------------%>
+    <div id="multi-backdrop" class="modal-backdrop fade"></div>
+    <div data-hook="admin_footer_scripts"></div>
+    <%#-------------------------------------------------%>
+    <%# Alerts                                          %>
+    <%#-------------------------------------------------%>
+    <div id="FlashAlertsContainer" class="d-none">
+      <%= flash_alert(flash) %>
+    </div>
+  </body>
+</html>

data/app/views/spree/layouts/error_template.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head data-hook="admin_inside_head">
+    <%= render partial: 'spree/admin/shared/head' %>
+  </head>
+  <body>
+    <div class="d-flex align-items-center justify-content-center vh-100">
+      <div class="text-center">
+        <%=yield %>
+      </div>
+    </div>
+  </body>
+</html>

data/app/views/spree/layouts/event.html.erb

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head data-hook="admin_inside_head">
+    <%= render partial: 'spree/admin/shared/head' %>
+    <%= yield :extra_head if content_for?(:extra_head) %>
+  </head>
+  <body class="admin" data-controller="spree">
+    <%#-------------------------------------------------%>
+    <%# Header navbar                                   %>
+    <%#-------------------------------------------------%>
+    <%= render partial: 'spree/events/shared/header' %>
+    <%#-------------------------------------------------%>
+    <%# Main content                                    %>
+    <%#-------------------------------------------------%>
+    <div id="wrapper" class="container-fluid
+                            <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                             mb-4 mb-lg-0
+                            <% end %>">
+      <div class="row">
+        <%#-------------------------------------------------%>
+        <%# Sidebar                                         %>
+        <%#-------------------------------------------------%>
+        <aside
+          class="col-12 col-lg-3 col-xl-2 sidebar position-fixed d-flex justify-content-between flex-column px-0"
+          id="main-sidebar"
+          data-hook="admin_tabs">
+          <%= render partial: 'spree/events/shared/main_menu' %>
+          <%= render partial: 'spree/admin/shared/version' %>
+        </aside>
+        <%#-------------------------------------------------%>
+        <%# Content                                         %>
+        <%#-------------------------------------------------%>
+        <main class="col-12 col-lg-9 col-xl-10 offset-lg-3 offset-xl-2 main pt-2" id="main-part">
+          <div class="px-lg-4 px-md-2 px-2">
+            <%#-------------------------------------------------%>
+            <%# Content header (page title/actions)             %>
+            <%#-------------------------------------------------%>
+            <%= render partial: 'spree/admin/shared/content_header' %>
+            <div class="row">
+              <%#-------------------------------------------------%>
+              <%# Main content                                    %>
+              <%#-------------------------------------------------%>
+              <div class="<%= content_for?(:sidebar) ? 'with-sidebar col-12 col-lg-9 px-0' : 'col-12 px-0' %>" id="content" data-hook>
+                <div class="<%= content_for?(:sidebar) ? 'pr-3' : '' %>">
+                  <%= render partial: 'spree/admin/shared/table_filter' if content_for?(:table_filter) %>
+                  <%= yield %>
+                </div>
+              </div>
+              <%#-------------------------------------------------%>
+              <%# Inner aside                                     %>
+              <%#-------------------------------------------------%>
+              <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                <div class="col-12 col-lg-3 m-0 p-4 p-lg-0" id="contextualSideMenu">
+                  <%= render partial: 'spree/admin/shared/sidebar' %>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <%#-------------------------------------------------%>
+    <%# Insert footer scripts here                      %>
+    <%#-------------------------------------------------%>
+    <div id="multi-backdrop" class="modal-backdrop fade"></div>
+    <div data-hook="admin_footer_scripts"></div>
+    <%#-------------------------------------------------%>
+    <%# Alerts                                          %>
+    <%#-------------------------------------------------%>
+    <div id="FlashAlertsContainer" class="d-none">
+      <%= flash_alert(flash) %>
+    </div>
+  </body>
+</html>

data/app/views/spree/layouts/transit.html.erb

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head data-hook="admin_inside_head">
+    <%= render partial: 'spree/admin/shared/head' %>
+    <%= yield :extra_head if content_for?(:extra_head) %>
+  </head>
+  <body class="admin" data-controller="spree">
+    <%#-------------------------------------------------%>
+    <%# Header navbar                                   %>
+    <%#-------------------------------------------------%>
+    <%= render partial: 'spree/transit/shared/header' %>
+    <%#-------------------------------------------------%>
+    <%# Main content                                    %>
+    <%#-------------------------------------------------%>
+    <div id="wrapper" class="container-fluid
+                            <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                             mb-4 mb-lg-0
+                            <% end %>">
+      <div class="row">
+        <%#-------------------------------------------------%>
+        <%# Sidebar                                         %>
+        <%#-------------------------------------------------%>
+        <aside
+          class="col-12 col-lg-3 col-xl-2 sidebar position-fixed d-flex justify-content-between flex-column px-0"
+          id="main-sidebar"
+          data-hook="admin_tabs">
+          <%= render partial: 'spree/transit/shared/main_menu' %>
+          <%= render partial: 'spree/admin/shared/version' %>
+        </aside>
+        <%#-------------------------------------------------%>
+        <%# Content                                         %>
+        <%#-------------------------------------------------%>
+        <main class="col-12 col-lg-9 col-xl-10 offset-lg-3 offset-xl-2 main pt-2" id="main-part">
+          <div class="px-lg-4 px-md-2 px-2">
+            <%#-------------------------------------------------%>
+            <%# Content header (page title/actions)             %>
+            <%#-------------------------------------------------%>
+            <%= render partial: 'spree/admin/shared/content_header' %>
+            <div class="row">
+              <%#-------------------------------------------------%>
+              <%# Main content                                    %>
+              <%#-------------------------------------------------%>
+              <div class="<%= content_for?(:sidebar) ? 'with-sidebar col-12 col-lg-9 px-0' : 'col-12 px-0' %>" id="content" data-hook>
+                <div class="<%= content_for?(:sidebar) ? 'pr-3' : '' %>">
+                  <%= render partial: 'spree/admin/shared/table_filter' if content_for?(:table_filter) %>
+                  <%= yield %>
+                </div>
+              </div>
+              <%#-------------------------------------------------%>
+              <%# Inner aside                                     %>
+              <%#-------------------------------------------------%>
+              <% if content_for?(:sidebar) || content_for?(:page_actions) %>
+                <div class="col-12 col-lg-3 m-0 p-4 p-lg-0" id="contextualSideMenu">
+                  <%= render partial: 'spree/admin/shared/sidebar' %>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <%#-------------------------------------------------%>
+    <%# Insert footer scripts here                      %>
+    <%#-------------------------------------------------%>
+    <div id="multi-backdrop" class="modal-backdrop fade"></div>
+    <div data-hook="admin_footer_scripts"></div>
+    <%#-------------------------------------------------%>
+    <%# Alerts                                          %>
+    <%#-------------------------------------------------%>
+    <div id="FlashAlertsContainer" class="d-none">
+      <%= flash_alert(flash) %>
+    </div>
+  </body>
+</html>

data/app/views/spree/order_mailer/confirm_email.html.erb

@@ -0,0 +1,22 @@
+<tr>
+   <td class="email-body" width="570" cellpadding="0" cellspacing="0">
+      <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
+      <!-- Body content -->
+      <tbody>
+      <tr>
+         <td>
+            <div class="f-fallback">
+               <%= render 'spree_cm_commissioner/order_mailer/greeting', order: @order %>
+               <div class="content">
+                  <%= render 'spree_cm_commissioner/order_mailer/order_total', order: @order %>
+                  <%= render 'spree_cm_commissioner/order_mailer/your_booking', order: @order, show_booking_header: true %>
+                  <%= render 'spree_cm_commissioner/order_mailer/customer_info', order: @order %>
+                  <%= render 'spree_cm_commissioner/order_mailer/support_contact'%>
+               </div>
+            </div>
+         </td>
+      </tr>
+      </tbody>
+      </table>
+   </td>
+</tr>