{% extends 'standard_tpl.html.twig' %}
{% set page_background = 'page-title.jpg' %}
{% block page_content_wrapper %}
<div class="step-section booking-section contact-style-two">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
{{ render_flashes() }}
{{ form_start(form, {'attr': {'class': 'row g-3'}}) }}
<div class="col-md-6">
{{ form_label(form.firstName, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.firstName, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.firstName) }}
</div>
<div class="col-md-6">
{{ form_label(form.surname, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.surname, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.surname) }}
</div>
<div class="col-md-6">
{{ form_label(form.phoneNumber, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.phoneNumber, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.phoneNumber) }}
</div>
<div class="col-md-6">
{{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.email) }}
</div>
<div class="col-md-12">
{{ form_label(form.message, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.message, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.message) }}
</div>
<div class="col-md-6 d-flex day-select-box">
{{ form_label(form.date, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.date, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.date) }}
</div>
<div class="col-md-6">
<div class="form-group d-flex day-select-box">
{{ form_label(form.time, null, {'label_attr': {'class': 'form-label'}}) }}
{{ form_widget(form.time, {'attr': {'class': 'form-control'}}) }}
{{ form_errors(form.time) }}
</div>
</div>
<div class="col-12 text-center mt-5">
<button type="submit" class="btn btn-primary theme-btn btn-one">Submit</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
{% endblock %}