<style>
  .notify-form .mb-3 {
    margin-bottom: 1.1rem !important;
  }

  .notify-form label {
    margin-bottom: 0.45rem;
    font-weight: 600;
    display: block;
    font-size: 14px;
  }

  .notify-form .form-control {
    font-size: 14px;
    padding: 0.65rem 0.85rem;
  }

  .notify-form .form-control.is-invalid {
    margin-bottom: 0.3rem;
  }

  .notify-form .invalid-feedback {
    display: none;
    margin-bottom: 0;
    font-size: 13px;
  }

  .notify-form .form-control.is-invalid~.invalid-feedback {
    display: block;
  }

  .notify-form textarea.form-control {
    min-height: 90px;
    resize: vertical;
  }

  .notify-form hr {
    margin: 1.2rem 0 !important;
    opacity: 0.2;
    border-width: 1px;
  }

  .notify-form .d-flex {
    margin-top: 0.6rem;
  }

  .notify-form {
    padding: 0.5rem 0;
  }
</style>

<form action="/dashboard/clients/sendNotify" class="form notify-form needs-validation" novalidate
  data-id="<%=r_client.id%>" method="POST" enctype="multipart/form-data">

  <%- include('../../../components/input.ejs', inputAttrs={ type: "hidden" , name:"_csrf", value:csrfToken, classes: ""
    , ids:"" }) %>

    <%- include('../../../components/input.ejs', inputAttrs={ type: "hidden" , name:"notify", value:"notifications"
      ,classes: "" , ids:""}) %>
      <%- include('../../../components/input.ejs', inputAttrs={ type: "hidden" , name:"id", value:r_client.id
        ,classes: "" , ids:""}) %>
        <%- include('../../../components/input.ejs', inputAttrs={ type: "hidden" , name:"userType",
          value:r_client.userType ,classes: "" , ids:""}) %>

          <div class="mb-3">
            <label for="titleAr">
              <%= i18n.__('common.titleAr')%>
            </label>
            <input type="text" name="titleAr" id="titleAr" class="form-control" required
              placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.titleAr')}) %>"
              oninput="validateInput(this)" value="">
            <div class="invalid-feedback">
              <%= i18n.__('common.{{field}}Required',{field:i18n.__('common.titleAr')}) %> *
            </div>
          </div>

          <div class="mb-3">
            <label for="titleEn">
              <%= i18n.__('common.titleEn')%>
            </label>
            <input type="text" name="titleEn" id="titleEn" class="form-control" required
              placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.titleEn')}) %>"
              oninput="validateInput(this)" value="">
            <div class="invalid-feedback">
              <%= i18n.__('common.{{field}}Required',{field:i18n.__('common.titleEn')}) %> *
            </div>
          </div>

          <div class="mb-3">
            <label for="messageAr">
              <%= i18n.__('common.messageAr')%>
            </label>
            <textarea name="messageAr" id="messageAr" oninput="validateInput(this)" class="form-control" rows="3"
              placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.messageAr')}) %>"
              required></textarea>
            <div class="invalid-feedback">
              <%= i18n.__('common.{{field}}Required',{field:i18n.__('common.messageAr')}) %> *
            </div>
          </div>

          <div class="mb-3">
            <label for="messageEn">
              <%= i18n.__('common.messageEn')%>
            </label>
            <textarea name="messageEn" id="messageEn" oninput="validateInput(this)" class="form-control" rows="3"
              placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.messageEn')}) %>"
              required></textarea>
            <div class="invalid-feedback">
              <%= i18n.__('common.{{field}}Required',{field:i18n.__('common.messageEn')}) %> *
            </div>
          </div>

          <hr>

          <div class="d-flex align-items-center">
            <button type="submit"
              class="btn d-flex btn-labeled btn-labeled-right ml-auto legitRipple btn-primary send-notify-button">
              <i class="feather icon-navigation"></i>
              <span style="margin-right: 2px;">
                <%= i18n.__('common.send')%>
              </span>
            </button>
          </div>
</form>