noesya/osuny

<% content_for :title, @l10n %>

<div class="row">
  <div class="col-md-8 order-2 order-md-1">
    <div class="row">
      <div class="col-md-9">
        <% unless @l10n.biography.blank? %>
          <div class="biography mb-5">
            <%= sanitize @l10n&.biography %>
          </div>
        <% end %>
      </div>
    </div>
    <p class="mb-4"><%= t('extranet.experiences.title') %></p>
    <%= render 'extranet/experiences/list', person: @person %>
    <div class="experiences mt-4">
      <ul class="list-unstyled">
        <% @person&.cohorts&.each do |cohort| %>
          <%
          program_l10n = cohort.program.best_localization_for(current_language)
          diploma_l10n = cohort.program.diploma.best_localization_for(current_language)
          school_l10n = cohort.school.best_localization_for(current_language)
          %>
          <li class="experiences__experience py-4 border-top">
            <div class="row">
              <div class="col-md-6">
                <p class="mb-0">
                  <%= link_to [:alumni, cohort] do %>
                    <b><%= program_l10n %></b><br>
                    <%= diploma_l10n %><br>
                    <%= cohort.year %>
                  <% end %>
                </p>
              </div>
              <div class="col-md-6 text-end">
                <% if school_l10n.logo.attached? %>
                  <%= kamifusen_tag school_l10n.logo, width: 100, class: 'img-fluid experience__organization__logo' %>
                <% else %>
                  <p class="text-end"><%= school_l10n %></p>
                <% end %>
              </div>
            </div>
          </li>
        <% end %>
      </ul>
    </div>

  </div>
  <div class="offset-md-1 col-md-3 order-1 order-md-2 pt-5">
    <%= kamifusen_tag @person.best_picture, width: 400, class: 'img-fluid person__portrait' if @person.best_picture.attached? %>
    <%= render 'extranet/contacts/persons/details', person: @person, l10n: @l10n %>
  </div>
</div>