app/views/admin/jobs/_form.html.erb
<%= form_with model: [:admin, job], local: true do |f| %>
<%= render 'shared/errors', subject: job, subject_name: 'Job' %>
<div class="form-group">
<%= f.label :title, "Title", class: "form-label" %>
<%= f.text_field :title, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :closing_date, "Closing date", class: "form-label" %>
<%= component 'date_picker_form', form: f, field_name: :closing_date, value: job.closing_date&.strftime('%d/%m/%Y') %>
</div>
<div class="description-trix-editor form-group">
<%= f.label :description, "Description", class: "form-label" %>
<%= f.rich_text_area :description, class: '' %>
</div>
<div class="form-group">
<%= f.label :file, "File", class: "form-label" %>
<%= f.file_field :file, class: 'form-control' %>
</div>
<div class="form-group">
<div class="form-check form-check-inline">
<%= f.check_box :voluntary, class: 'form-check-input' %>
<%= f.label :voluntary, class: 'form-check-label' %>
</div>
</div>
<%= f.submit job.persisted? ? "Update" : "Create", class: "btn btn-primary" %>
<%= link_to "View all jobs", admin_jobs_path, class: "btn btn-primary" %>
<% end %>
<script type="text/javascript">
$(function () {
$('#datetimepickerform').datetimepicker({
format: 'DD/MM/YYYY',
allowInputToggle: true,
locale: moment.locale()
});
});
</script>