{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="p-4 p-sm-5 shadow rounded content">
          <h2 class="section-title">{{ .Title }}</h2>
          <form method="POST" action="{{ site.Params.contact_form_action }}">
            <div class="row gy-4">
              <div class="form-group col-md-6">
                <label for="fname">{{ i18n "first_name" }}</label>
                <input type="text" class="form-control text-dark" id="fname" name="fname" placeholder="{{ i18n "ph_first_name" }}" required>
              </div>
              <div class="form-group col-md-6">
                <label for="lname">{{ i18n "last_name" }}</label>
                <input type="text" class="form-control text-dark" id="lname" name="lname" placeholder="{{ i18n "ph_last_name" }}">
              </div>
              <div class="form-group col-md-12">
                <label for="email">{{ i18n "email" }}</label>
                <input type="email" class="form-control text-dark" id="email" name="email" placeholder="{{ i18n "ph_email" }}" required>
              </div>
              <div class="form-group col-md-12">
                <label for="reason">{{ i18n "contact_reason" }}</label>
                <select class="form-select rounded-0 px-0" id="reason" name="reason">
                  <option selected disabled>{{ i18n "option_choose_reason" }}</option>
                  <option value="zakelijk">{{ i18n "option_business" }}</option>
                  <option value="ticket">{{ i18n "option_ticket" }}</option>
                  <option value="project">{{ i18n "option_project" }}</option>
                </select>
              </div>
              <div class="form-group col-md-12">
                <label for="message">{{ i18n "write_message" }}</label>
                <textarea name="message" id="message" class="form-control text-dark" placeholder="{{ i18n "ph_message" }}"></textarea>
              </div>
              <div class="col-md-12">
                <button type="submit" class="btn btn-primary">{{ i18n "send" }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

{{ end }}