#yacht_jquery_start
= javascript_include_tag Ckeditor.cdn_url
.row
  = simple_form_for(@yacht, html: { role: 'form', multipart: true }) do |f|
    .row
      .col-md-12
        - if @yacht.errors.any?
          #error_explanation
            %h3.text-center
              %mark
                = "#{pluralize(@yacht.errors.count, 'error')} :"
            %ul
              - @yacht.errors.full_messages.each do |msg|
                %li.alert.alert-danger.fade.in{role: 'alert'}
                  %button.close{'data-dismiss' => 'alert', type: 'button'}
                    %span{'aria-hidden' => 'true'} ×
                    %span.sr-only Close
                  %strong= msg.to_s.humanize
          %hr

      .col-md-12.col-sm-12.col-xs-12.text-center
        .col-md-12.col-sm-12.col-xs-12.text-center
          = f.input :image, as: :file, input_html: {class: 'form-control', multiple: true, name: 'ImagesYachts[image][]'}

      .col-md-12.col-sm-12.col-xs-12.text-center
        %hr



      .col-md-12.col-sm-12.col-xs-12.text-center
        .col-md-10.col-sm-10
        .col-md-2.col-sm-2
          = f.input :ref_from, label: 'Reference to: '
        .col-md-4.col-sm-6.col-xs-6
          = f.label :brand
          = f.collection_select :brand_id, YachtBrand.order(:brand), :id, :brand, {prompt: "Select Brand: "}, {class: "form-control"}
        .col-md-4.col-sm-6.col-xs-6
          = f.label :model
          = f.grouped_collection_select :model_id, YachtBrand.order(:brand), :yacht_models, :brand, :id, :model, {prompt: "Select Model: "}, {class: "form-control"}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :price_hour, as: :integer, input_html: {class: 'form-control', placeholder: 'Price Hour ej: 150'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :price_day, as: :integer, input_html: {class: 'form-control', placeholder: 'Price Day ej: 500'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :price_week, as: :integer, input_html: {class: 'form-control', placeholder: 'Price Week ej: 5000'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :n_passengers, :collection => (1..20), :include_blank => 'Nº Passengers: ', :label => 'Nº Passengers: '
        .col-md-2.col-sm-6.col-xs-6
          = f.input :length, as: :integer, input_html: {class: 'form-control', placeholder: 'length(longitud)'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :width, as: :integer, input_html: {class: 'form-control', placeholder: 'width(ancho)'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :engines, input_html: {class: 'form-control', placeholder: 'engines'}
        .col-md-2.col-sm-6.col-xs-6
          = f.input :speed, as: :integer, input_html: {class: 'form-control', placeholder: 'speed'}

      .col-md-12.col-sm-12.col-xs-12.text-center
        %hr

    .row
      .col-md-12.col-xs-12
        %ul.nav.nav-tabs.panel{role: 'tablist', style: 'background-color: #E0F1FF;' }
          %li
            %a{ href: '#English', role: 'tab', 'data-toggle' => 'tab' }
              English
          %li
            %a{ href: '#Frances', role: 'tab', 'data-toggle' => 'tab' }
              Frances
          %li
            %a{ href: '#Russian', role: 'tab', 'data-toggle' => 'tab' }
              Russian
          %li
            %a{ href: '#Spanish', role: 'tab', 'data-toggle' => 'tab' }
              Spanish
          %li
            %a{ href: '#Info', role: 'tab', 'data-toggle' => 'tab' }
              Info (Private)
          %li
            %a{ href: '#X', role: 'tab', 'data-toggle' => 'tab' }
              ×

        %div.tab-content
          %div.tab-pane#English
            %br
            .field.col-md-12.form-group
              = f.input :title_en, input_html: { class: 'form-control' }, :label => 'Title EN (60 max.)', :maxlength => '60'
            .field.col-md-12.form-group
              = f.input :description_en, input_html: { class: 'form-control' }, :label => 'Description for search engines EN (160 max.)', :maxlength => '160'
            .field.col-md-12.form-group
              = f.cktext_area :text_en, :rows => 40, :cols => 120



          %div.tab-pane#Frances
            %br
            .field.col-md-12.form-group
              = f.input :title_fr, input_html: { class: 'form-control' }, :label => 'Title FR (60 max.)', :maxlength => '60'
            .field.col-md-12.form-group
              = f.input :description_fr, input_html: { class: 'form-control' }, :label => 'Description for search engines FR (160 max.)', :maxlength => '160'
            .field.col-md-12.form-group
              = f.cktext_area :text_fr, :rows => 40, :cols => 120


          %div.tab-pane#Russian
            %br
            .field.col-md-12.form-group
              = f.input :title_ru, input_html: { class: 'form-control' }, :label => 'Title RU (60 max.)', :maxlength => '60'
            .field.col-md-12.form-group
              = f.input :description_ru, input_html: { class: 'form-control' }, :label => 'Description for search engines RU (160 max.)', :maxlength => '160'
            .field.col-md-12.form-group
              = f.cktext_area :text_ru, :rows => 40, :cols => 120


          %div.tab-pane#Spanish
            %br
            .field.col-md-12.form-group
              = f.input :title_es, input_html: { class: 'form-control' }, :label => 'Title ES (60 max.)', :maxlength => '60'
            .field.col-md-12.form-group
              = f.input :description_es, input_html: { class: 'form-control' }, :label => 'Description for search engines ES (160 max.)', :maxlength => '160'
            .field.col-md-12.form-group
              = f.cktext_area :text_es, :rows => 40, :cols => 120

          %div.tab-pane#Info
            %br
            .field.col-md-12.form-group
              = f.cktext_area :p_info, :rows => 40, :cols => 120
          %div.tab-pane#X

    .row
      .actions.col-md-12.col-xs-12
        = f.submit 'Save', class: 'btn btn-lg btn-success btn-block'
        #yacht_not_valid
        #yacht_valid