= form_for site, html: { class: form_class(site) } do |f|
  -# Desktop view with 3 columns and radio_buttons
  .row.designs.d-none.d-lg-flex
    .col-md-4.designlist
      %h2.pb-3= t('.selector')
      - @designs.each do |design|
        .col.d-flex.flex-column.custom-control-design
          %div
            = f.radio_button :design_id, design.id,
              checked: design.id == site.design_id,
              disabled: design.disabled,
              required: true, class: 'radio-toolbar'
            = f.label "design_id_#{design.id}", " - #{design.name}",
              class: 'h5 font-weight-bolder'
          .flex-fill.f-3
            = sanitize_markdown design.description,
              tags: %w[p a strong em]
    .col-md-6.designpreview
      %h2.text-center.pb-3= t('.preview')
      .embed-responsive.embed-responsive-1by1
        %iframe.embed-responsive-item{allowfullscreen: "", src: "/placeholder.png"}
    .col-md-2
      %h2.pb-3= t('.characteristics')
      %div
      %p.design 1. Es gratis
      %p.design 2. Sofware libre - Licencia GPL
      %p.design 3. Compatible con la web distribuida
      %br 
      %a.btn.btn-primary.btn-lg.mt-4{role: "button", href: ""}= t('.source_code')