#contact_jquery_start_f
  .request-form
    = form_for @contact do |f|
      - if @contact.errors.any?
        #error_explanation_off
          - @contact.errors.each do |attr|
            .alert.alert-danger.fade.in{role: 'alert'}
              %button.close{'data-dismiss' => 'alert', type: 'button'}
                %span{'aria-hidden' => 'true'} ×
                %span.sr-only Close
              %strong= attr.message.humanize
      - @user = request.user_agent
      - @user_agent = UserAgent.parse(@user)
      .form-group
        = f.text_field :name, requiered: true, :placeholder => t('first_name').mb_chars.downcase+'*', class: 'form-control padding-form-request', title: t('first_name').mb_chars.downcase
        = f.text_field :last_name, :placeholder => t('last_name').mb_chars.downcase, class: 'form-control padding-form-request', title: t('last_name').mb_chars.downcase
        = f.email_field :email, requiered: true, :placeholder => t('email').mb_chars.downcase+'*', class: 'form-control padding-form-request', title: t('email').mb_chars.downcase
        = f.telephone_field :tel, requiered: true, :placeholder => t('phone').mb_chars.downcase+'*', class: 'form-control padding-form-request', title: t('phone').mb_chars.downcase, id: 'telephone_field'
        = f.text_field :agency, :placeholder => t('agency').mb_chars.downcase, class: 'form-control padding-form-request', title: t('agency').mb_chars.downcase
        .n50-l
          = f.text_field :date_from, :placeholder => t('check_in').mb_chars.downcase+'*', class: 'date-from form-control padding-form-request ', title: t('check_in').mb_chars.downcase
        .n50-r
          = f.text_field :date_to, :placeholder => t('check_out').mb_chars.downcase+'*', class: 'date-from form-control padding-form-request ', title: t('check_out').mb_chars.downcase
        .n50-l
          .form-request-request
            = f.select :n_adults, options_for_select([[t('n_adults').mb_chars.downcase+'*', ' '], ['1', 1], ['2', 2], ['3', 3], ['4', 4], ['5', 5], ['6', 6], ['7', 7], ['8', 8], ['9', 9], ['10+', '10+']], :selected => @n_adults),{:include_blank => false}, {class: 'form-control-dropdown', title: t('n_adults').mb_chars.downcase+'*'}
        .n50-r
          .form-request-request
            = f.select :n_children, options_for_select([[t('n_children').mb_chars.downcase, ' '], ['1', 1], ['2', 2], ['3', 3], ['4', 4], ['5', 5], ['6', 6], ['7', 7], ['8', 8], ['9', 9], ['10+', '10+']], :selected => @n_children),{:include_blank => false}, {class: 'form-control-dropdown', title: t('n_children').mb_chars.downcase}
        .n50-l
          .form-request-request
            = f.select :type_of_room, options_for_select([[t('type_of_room').mb_chars.downcase, ' '], [t('1_bedroom_apartment'), '1 Bedroom Apartment'], [t('2_bedroom_apartment'), '2 Bedroom Apartment'], [t('3_bedroom_townhouse'), '3 Bedroom Townhouse']]),{:include_blank => false}, {class: 'form-control-dropdown', title: t('type_of_room').mb_chars.downcase}
        .n50-r
          .form-request-request
            = f.select :preferred_language, options_for_select([[t('preferred_language').mb_chars.downcase, ' '], ['English', 'English'], ['Русский', 'Русский'], ['Español', 'Español'], ['Française', 'Française']], :selected => @preferred_language),{:include_blank => false}, {class: 'form-control-dropdown', title: t('preferred_language').mb_chars.downcase}


        = f.text_area :description, :placeholder => t('detailed_request').mb_chars.upcase, class: 'form-control', size: "24x4", title: t('detailed_request').mb_chars.downcase
        .hidden
          = f.text_field :nickname, hint: 'leave this field blank', :placeholder => 'Nickname', class: 'form-control'
          = f.text_field :site, :value => 'HSC', class: 'form-control'
          = f.text_field :contact_type, :value => @contact_type, class: 'form-control'
          = f.text_field :url, :placeholder => 'url',:value => @url, class: 'form-control padding-form'
        .required-fields
          = t('required_fields')
        .contact-padding
          = f.check_box :conditions, {class: 'check_form', title: t('agree_conditions').mb_chars.downcase}, 1, 0
          .check_form_text
            = "* "+ t('agree_conditions') + "("
            %a#conditions-l{:href => "#conditions", "data-turbolinks" => "false"}
              = t('booking_conditions')
            = ")."
        .contact-padding
          = f.check_box :mailing, {:checked=>true, class: 'check_form', title: t('mailing_accept').mb_chars.downcase}, 1, 0
          .check_form_text
            = t('mailing_accept')


          #conditions.modal
            .modal-dialog
              .modal-content
                .modal-header
                  %button.close{"aria-hidden" => "true", "data-dismiss" => "modal", :type => "button"} ×
                  %h4.modal-title
                    = t('booking_conditions_title')
                .modal-body.conditions-format
                  = render 'contacts/formrequest_conditions'


                .modal-footer
                  %a.btn.btn-primary{"aria-hidden" => "true", "data-dismiss" => "modal", :type => "button"} OK

      .center
        = f.submit t('send_message').mb_chars.upcase, class: "online-booking-button", id: 'submit_button'

= render 'contacts/telephone_validation_js'