<div class="sheet">
  <%= form_with(model: @sheet) do |form| %>
  <div class="editionav">
    <h2><%= form.text_field :charname %></h2>

    <!-- Menu pour le joueur. Pourra contenir d'autres liens de navigation -->
    <div class="menunav">
      <% if current_user.id == @sheet.user_id  || current_user.admin? %>
        <%= form.submit %>
      <% end %>
      <%= link_to "NOUVELLE FICHE", new_sheet_path %>
      <button name="Edit" class="editbutt">Edit</button>
    </div>
  </div>
  <div class="navbar navstats">
    <div class="navel">
      <h3>Personnage</h3><br>
      <div class="identity">
        <div class="avatar">
          <%= image_tag("https://i.pinimg.com/736x/78/10/aa/7810aa652b5ac604d677988760856cf5--dragonborn-barbarian-dragonborn-fighter.jpg", height: '250vh', width: 'auto', class:'charav') %>
        </div>
        <div class="idcontent">
          <div class="statline chara">
            <div class="statblock">
              <%= form.label :Personnage_de %>
              <div style="line-height: normal;font-size: 1.3vw;">&nbsp;
                <%= @sheet.user_name %></div>
            </div>
          </div>
          <div class="statline chara">
            <%= form.label :Race %>
            <%= form.text_field :race %></div>
          <div class="statline chara">
            <%= form.label :Classe %>
            <%= select(:sheet, :classe, @classe) %>
          </div>
          <div class="statline chara">
            <%= form.label :Niveau %>
            <%= form.text_field :niveau %>
          </div>
          <div class="statline">
            <%= form.label :hp %>
            <%= form.text_field :hp %>
            <%= form.label :ac %>
            <%= form.text_field :ac %>
          </div>
          <div class="statline">
            <%= form.label :dv %>
            <%= @dv %>
            <button type="button" name="rollcha" class="roll">Roll</button>
            <button type="button" name="rollcha" class="roll">Reset</button>

            <%= form.label :prof %>
            <%= @sheetprofe %>
          </div>
          <div class="statblock">
            <%= form.label :xp %>
            <%= form.text_field :xp %>
          </div>
        </div>
      </div>
      <div class="rollbox"></div>
    </div>
    <div class="navel">
      <h3>Caractéristiques</h3>

      <div class="statline">
        <div class="statblock">
          <%= form.label :for %>
          <%= form.number_field :for %>
          <%= form.number_field :forb %>
          <button type="button" name="rollfor" class="roll">Roll</button>
        </div>
        <div class="statblock">
          <%= form.label :dex %>
          <%= form.number_field :dex %>
          <%= form.number_field :dexb %>
          <button type="button" name="rolldex" class="roll">Roll</button>
        </div>
        <div class="statblock">
          <%= form.label :con %>
          <%= form.number_field :con %>
          <%= form.number_field :conb %>
          <button type="button" name="rollcon" class="roll">Roll</button>
        </div>
      </div>

      <div class="statline">
        <div class="statblock">
          <%= form.label :int %>
          <%= form.number_field :int %>
          <%= form.number_field :intb %>
          <button type="button" name="rollint" class="roll">Roll</button>
        </div>
        <div class="statblock">
          <%= form.label :sag %>
          <%= form.number_field :sag %>
          <%= form.number_field :sagb %>
          <button type="button" name="rollsag" class="roll">Roll</button>
        </div>
        <div class="statblock">
          <%= form.label :cha %>
          <%= form.number_field :cha %>
          <%= form.number_field :chab %>
          <button type="button" name="rollcha" class="roll">Roll</button>
        </div>
      </div>

      <div class="statline">
        <div class="statblock"><%= form.label :forjs %>
          <%  if @sheet.forjs == 0  %>
          <%= @sheet.forb.to_i %>
          <% else %>
          <%= @forjs %>
          <% end %>

          <%= form.check_box :forjs %>
          <button type="button" name="rollforjs" class="roll">Roll</button>
        </div>
        <div class="statblock"><%= form.label :dexjs %>
          <%  if @sheet.dexjs == 0  %>
          <%= @sheet.dexb.to_i %>
          <% else %>
          <%= @dexjs %>
          <% end %>
          <%= form.check_box :dexjs %>
          <button type="button" name="rolldexjs" class="roll">Roll</button>
        </div>
        <div class="statblock"><%= form.label :conjs %>
          <%  if @sheet.conjs == 0  %>
          <%= @sheet.conb.to_i %>
          <% else %>
          <%= @conjs %>
          <% end %>
          <%= form.check_box :conjs %>
          <button type="button" name="rollconjs" class="roll">Roll</button>
        </div>
      </div>

      <div class="statline">
        <div class="statblock"><%= form.label :intjs %>
          <%  if @sheet.intjs == 0  %>
          <%= @sheet.intb.to_i %>
          <% else %>
          <%= @intjs %>
          <% end %>          <%= form.check_box :intjs %><br>
          <button type="button" name="rollintjs" class="roll">Roll</button>
        </div>


        <div class="statblock"><%= form.label :sagjs %>
          <%= form.check_box :sagjs %>
          <%  if @sheet.sagjs == 0  %>
          <%= @sheet.sagb.to_i %>
          <% else %>
          <%= @sagjs %>
          <% end %>          <button type="button" name="rollsagjs" class="roll">Roll</button>
        </div>
        <div class="statblock"><%= form.label :chajs %>
          <%= form.check_box :chajs %>
          <%  if @sheet.chajs == 0  %>
          <%= @sheet.chab.to_i %>
          <% else %>
          <%= @chajs %>
          <% end %>          <button type="button" name="rollchajs" class="roll">Roll</button>
        </div>
      </div>

      <h4>Attaques</h4>
      <!-- Attaque / Caractéristique(liste déroulante des caracs FOR ou DEX) / Prof (boolean) / BonusAttaque(int) / Dégâts(ex:1d4+1d6+3) / Type-spécial / Bouton(roll) Le jet d'attaque consiste en un jet d'1d20 auquel on ajoute le BonusAttaque(int) = le
      bonus de la caractéristique correspondante et l'éventuelle Prof.-->

    </div>

    <div class="navel">
      <h3>Compétences</h3><br>
      <!-- Compétence / Caractéristique(liste déroulante des caracs:FOR, DEX, CON, INT, SAG, CHA) / Maîtrise (boolean) / Bouton(roll) Le jet de compétence consiste en un jet d'1d20 auquel on ajoute les bonus suivants : le bonus de la caractéristique
      correspondante et le bonus de maîtrise dans le cas où le pj dispose de la maîtrise de la compétence. L'élément Jet devrait afficher la somme des deux bonus précédents (syntaxe "+x"), le bouton(roll) devrait faire afficher le resultat d'un jet
      d'1d20+Jet. -->

    </div>

  </div>

  <div class="navbar misc">

    <div class="navel">
      <h3>Pouvoirs</h3><br>
      <%= form.text_area :feat, size:'30%' %><br>
    </div>

    <div class="navel">
      <h3>stuff</h3><br>
      <%= form.text_area :stuff, size:'30%' %><br>
    </div>

    <div class="navel">
      <h3>Magie</h3>
      <div class="statline">
        <div class="statblock">
          <%= form.label :DD %>
          <%= form.text_field :ddsort %>

        </div>
        <div class="statblock">

          <%= form.label :Attaque %>

          <% @sl = form.select :magie, @sel_lis %>
            <%= @sl %>

            <!-- form.text_field :atksort -->
            <button type="button" name="rollatksort" class="roll">Roll</button>
          </div>

        </div>
        <%= form.text_area :magie, size:'30%' %><br>

      </div>

    </div>

  </div>

<% end %>