89 lines
3.9 KiB
Plaintext
89 lines
3.9 KiB
Plaintext
<%= form_with(model: reservation, class: "contents",
|
|
data: {
|
|
controller: "customer-search",
|
|
customer_search_existing_id_value: (reservation.persisted? && reservation.customer ? reservation.customer.to_param : nil),
|
|
customer_search_existing_label_value: (reservation.persisted? && reservation.customer ? "#{reservation.customer.full_name} (#{reservation.customer.original_phone})" : nil)
|
|
}) do |form| %>
|
|
<% if reservation.errors.any? %>
|
|
<div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
|
|
<h2><%= pluralize(reservation.errors.count, "error") %> prohibited this reservation from being saved:</h2>
|
|
|
|
<ul>
|
|
<% reservation.errors.each do |error| %>
|
|
<li><%= error.full_message %></li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :customer %>
|
|
<%= form.select :customer_composite_key,
|
|
[], # Start with empty options
|
|
{ prompt: "Type to search customers..." },
|
|
{
|
|
selected: (reservation.persisted? && reservation.customer ? reservation.customer.to_param : nil),
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
data: { customer_search_target: "select" }
|
|
} %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :phone_number %>
|
|
<%= form.telephone_field :customer_original_phone,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
data: { customer_search_target: "phoneField" } %>
|
|
</div>
|
|
|
|
<div data-customer-search-target="newCustomerFields" class="hidden">
|
|
<div class="my-5">
|
|
<%= form.label :first_name %>
|
|
<%= form.text_field :customer_first_name,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
data: { customer_search_target: "firstNameField" } %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :surname %>
|
|
<%= form.text_field :customer_surname,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
data: { customer_search_target: "surnameField" } %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :birth_year %>
|
|
<%= form.number_field :customer_birth_year,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
data: { customer_search_target: "birthYearField" } %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :team_id %>
|
|
<%= form.collection_select :team_id,
|
|
@company.teams,
|
|
:id,
|
|
:name,
|
|
{ prompt: "Select a team" },
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :start_time %>
|
|
<%= form.datetime_field :start_time,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
id: "start_time_field" %>
|
|
</div>
|
|
|
|
<div class="my-5">
|
|
<%= form.label :end_time %>
|
|
<%= form.datetime_field :end_time,
|
|
class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full",
|
|
id: "end_time_field" %>
|
|
</div>
|
|
|
|
<div class="inline">
|
|
<%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
|
|
</div>
|
|
<% end %>
|