-page_title("Cadastro de Associação")
#wrapper
  .container-fluid.bg.no-gutters
    .row
    %main.bgWhite#pilars
      .container
        %section
          .row.pb-4
            .col-12
              .line-top.mx-auto.pb-3
            .col-sm-2.col-md-2
            .col-sm-8.col-md-8.text-center
              %h1 Associar-se
            .col-sm-2.col-md-2
      %nav.bgWhite.bg#breadcrumb
        .container-fluid
          .container.p-0
            .row.align-items-center.p-0
              .col-12.col-sm-12.col-md-9.p-0
                %nav.breadcrumb.bgTransparent.mb-0.d-flex.align-items-center
                  %a.breadcrumb-item{ href: '/' } home
                  %a.breadcrumb-item{ href: '/usuario/home' } Área Logada
                  %a.breadcrumb-item.active{ href: '/associates/new/' } Associar-se
                  /
              .col-sm-12.col-md-3
                /
#ContentList
  .container.bgWhite.mt-4.mt-sm-0
    %main#list
      .clearfix
      .row.py-3
        .col-12
          = simple_form_for @associate, url: '/associates', html: { method: :post } do |f|
            .form-inputs
              .row
                .col-md-6.col-12
                  = f.input :acting_medium, input_html: { value: @associate.acting_medium }, required: true, hint: 'Se for freelancer, responda "Freelancer".'
                .col-md-6.col-12
                  = f.input :activity_description, input_html: { value: @associate.activity_description, hint: 'teste' }, hint: 'Se você for freelancer, especifique suas funções.', required: true
              .row
                .col-md-6.col-12
                  = f.input :details_file, hint: "No caso de estudantes, é obrigatório o envio da carteira da instituição de ensino ou declaração de matrícula regular referente ao ano corrente.", input_html: { value: @associate.details_file, accept: 'application/pdf' }   
                .col-md-6.col-12
                  = f.input :rg_file, hint: "Cópia da frente e do verso do documento, no caso do RG.", input_html: { value: @associate.rg_file } 
                .col-md-12.col-12
                  = f.input :shared_links, as: :text, input_html: { value: @associate.shared_links, style: 'height:150px;width:100%;border:1px solid #ced4da;' }, required: true
                .col-12.pt-3 
                  = f.input :whatsapp, input_html: { value: @associate.whatsapp, id: "whatsapp" }
                .col-4
                  = f.input :phone_whatsapp, input_html: { value: @associate.phone_whatsapp, id: "phone_whatsapp" }, hint: "Prefixo do país + código de área + número do telefone"
                .col-12.pt-3 
                  = f.input :code_of_ethics_terms, as: :boolean, input_html: { value: @associate.code_of_ethics_terms }, label: ("#{link_to 'Como pessoa associada à Abraji, aceito o código de ética e suas recomendações de conduta.', {:controller => :pages, :action => :institutional_codigo_de_conduta_etica}, :target => :_blank}").html_safe
                  = f.input :accepted_terms,  as: :boolean, input_html: { value: @associate.accepted_terms }, label: ("#{link_to 'Estou de acordo com os termos de associação à Abraji.', {:controller => :pages, :action => :associate_info}, :target => :_blank}").html_safe
                  %div.form-group.associate-class{class: @associate.errors[:association_type].present? ? 'has-error' : ''}
                    %label.control-label.text
                    %abbr{:title => "necessário"} *
                    Tipo de Associação
                    .col-12
                      - @association_types.each do |assoc_type|
                        %label
                          -#= class = assoc_type.has_date ? 'show-date' : 'hide-date'
                          = f.radio_button :association_type_id, assoc_type.id, checked: @associate.association_type == assoc_type, class: assoc_type.css_class
                          = (assoc_type.description+' ('+ (assoc_type.annuity_cents / 100).to_money.format+' por ano)')
                        %br
                      = f.full_error :association_type
                      %p.grey
                        No caso de estudantes, é obrigatório o envio da carteira da instituição de ensino ou declaração de matrícula regular referente ao ano corrente.
                      = f.input :conclusion_date, input_html: { value: @associate.conclusion_date }
                  = f.input :optin_news_exclusive, input_html: { value: @associate.optin_news_exclusive }
            .form-actions
              = f.button :submit, value: 'Associar-se', class: "btn btn-warning orange"
              = link_to "Voltar", :back, class: "btn btn-light grey ml-3"