Елементи керування

[!FormLister?
&formid=`advanced`
&rules=`{
"name":{
    "required":"Обов'язково введіть ім'я"
},
"email":{
    "required":"Обов'язково введіть email"
},
"phone":{
    "required":"Обов'язково введіть номер телефону",
    "phone":"Введіть номер правильно"
},
"message":{
    "required":"Звернення не може бути порожнім",
    "minLength":{
        "params":100,
        "message":"Повинно бути не менше 100 символів"
    }
},
"agree":{
    "required":"Ви не можете відправити звернення, якщо не згодні з правилами"
},
"products":{
    "minCount":{
        "params": 2,
        "message": "Виберіть мінімум 2 продукти"
    }
}
}`
&defaults=`{
"topic":"Скарга"
}`
&formControls=`topic,agree,department,products`
&formTpl=`@CODE:
<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <div class="well">
            <form method="post">
                <input type="hidden" name="formid" value="advanced">
                <div class="form-group[+name.errorClass+][+name.requiredClass+]">
                    <label for="name">* Ім'я</label>
                        <input type="text" class="form-control" id="name" placeholder="Ім'я" name="name" value="[+name.value+]">
                        [+name.error+]
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group[+email.errorClass+][+email.requiredClass+]">
                            <label for="email">* Email</label>
                                <input type="text" class="form-control" id="email" placeholder="Email" name="email" value="[+email.value+]">
                                [+email.error+]
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group[+phone.errorClass+][+phone.requiredClass+]">
                            <label for="phone">* Телефон</label>
                                <input type="text" class="form-control" id="phone" placeholder="+375 29 123 45 67" name="phone" value="[+phone.value+]">
                                [+phone.error+]
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="department">Обслуговуючий вас офіс</label>
                    <select name="department" class="form-control">
                      <option value="1" [+s.department.1+]>Головний офіс</option>
                      <option value="2" [+s.department.2+]>Офіс в Західному районі</option>
                      <option value="3" [+s.department.3+]>Офіс в передмісті</option>
                    </select>
                </div>
                <div>
                    <label for="topic">Тема звернення</label>
                </div>
                <div class="form-group">
                    <label class="radio-inline">
                        <input type="radio" name="topic" value="Скарга" [+c.topic.Скарга+]> Скарга
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="topic" value="Пропозиція" [+c.topic.Пропозиція+]> Пропозиція
                    </label>
                </div>
                <div class="form-group[+products.errorClass+]">
                    <label for="products">Якими продуктами ви користуєтеся</label>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="products[]" value="1" [+c.products.1+]>
                            Продукт 1
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="products[]" value="2" [+c.products.2+]>
                            Продукт 2
                      </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="products[]" value="3" [+c.products.3+]>
                            Продукт 3
                      </label>
                    </div>
                    [+products.error+]
                </div>
                <div class="form-group[+message.errorClass+][+message.requiredClass+]">
                    <label for="message">* Текст звернення</label>
                        <textarea class="form-control" id="message" placeholder="Текст звернення" name="message" rows="10">[+message.value+]</textarea>
                        [+message.error+]
                </div>
                <div class="checkbox[+agree.requiredClass+]">
                  <label>
                    <input type="checkbox" name="agree" value="Так" [+c.agree.Так+]>
                    Я згоден з правилами обробки звернень
                  </label>
                    [+agree.error+]
                </div>
                [+form.messages+]
                <div class="form-group">
                    <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-envelope"></i> Надіслати</button>
                </div>
            </form>
        </div>
    </div>
</div>`
&to=`test@test.com`
&subjectTpl=`@CODE: [+topic.value+] в [+department.value+]`
&reportTpl=`@CODE:
<p>Ім'я: [+name.value+]</p>
<p>Телефон: [+phone.value+]</p>
<p>Email: <a href="mailto:[+email.value+]">[+email.value+]</a></p>
<p>Продукти: [+products.value+]</p>
<p>Повідомлення: [+message:strip_tags:nl2br+]</p>
`
&errorClass=` has-error`
&requiredClass=` has-warning`
&subject=`Нове повідомлення`
&messagesOuterTpl=`@CODE:<div class="alert alert-danger" role="alert">[+messages+]</div>`
&errorTpl=`@CODE:<span class="help-block">[+message+]</span>`
!]