<div class="col-xs-3 left-side">
  <div class="col-xs-12 game-info game-info-foe foe">
    <div class="col-xs-12 info-name"></div>
    <div class="col-xs-6 field-single field-leader"></div>
    <div class="col-xs-6">
      <div class="row">
        <div class="col-xs-6">Points:</div>
        <div class="col-xs-6 score">0</div>
      </div>
      <div class="row">
        <div class="col-xs-6">Hand:</div>
        <div class="col-xs-6 hand-card">0</div>
      </div>
      <div class="row">
        <div class="col-xs-12 gwent-lives">
          <i class="ruby"></i>
          <i class="ruby"></i>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 passing">Passed</div>
      </div>
    </div>
  </div>
  <div class="col-xs-12 field field-weather">
    field
  </div>
  <div class="col-xs-12 game-info game-info-player player">
    <div class="col-xs-12 info-name">{{name}}</div>
    <div class="col-xs-6 field-single field-leader"></div>
    <div class="col-xs-6">
      <div class="row">
        <div class="col-xs-6">Points:</div>
        <div class="col-xs-6 score">{{score}}</div>
      </div>
      <div class="row">
        <div class="col-xs-6">Hand:</div>
        <div class="col-xs-6 hand-card">{{hand}}</div>
      </div>
      <div class="row">
        <div class="col-xs-12 gwent-lives">

        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 passing">Passed</div>
      </div>
    </div>
    <div class="col-xs-12">
      <button class="button-pass">Pass</button>
    </div>
  </div>
</div>
<div class="col-xs-6">
  <div class="row">
    <div class="col-xs-12 battleside battleside-foe foe">
      <div class="col-xs-2 field-horn field-horn-siege">
      </div>
      <div class="col-xs-10 field">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-siege"></div>
      </div>
      <div class="col-xs-2 field-horn field-horn-range">
      </div>
      <div class="col-xs-10 field">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-range"></div>
      </div>
      <div class="col-xs-2 field-horn field-horn-close">
      </div>
      <div class="col-xs-10 field">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-close"></div>
      </div>
    </div>
    <div class="col-xs-12 mid-line"></div>
    <div class="col-xs-12 battleside battleside-player player">
      <div class="col-xs-2 field-horn field-horn-close">
      </div>
      <div class="col-xs-10 field{{#if active.close}} active{{/if}}">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-close"></div>
      </div>
      <div class="col-xs-2 field-horn field-horn-range">
      </div>
      <div class="col-xs-10 field{{#if active.range}} active{{/if}}">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-range"></div>
      </div>
      <div class="col-xs-2 field-horn field-horn-siege">
      </div>
      <div class="col-xs-10 field{{#if active.siege}} active{{/if}}">
        <div class="col-xs-1 large-field-counter">0</div>
        <div class="col-xs-11 field-siege"></div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12 field field-hand">
      {{#each cards}}
      <div class="card" data-key="{{_key}}" data-id="{{_id}}">
        <img src='../assets/cards/{{_data.img}}.png'>
      </div>
      {{/each}}
    </div>
  </div>
</div>
<div class="col-xs-3">
  <div class="col-xs-12 card-preview">
    <!--<img src="{{preview}}">-->
  </div>
  <div class="col-xs-12 right-side right-side-foe foe">
    <div class="col-xs-5 field-discard field-single">
      discard deck
    </div>
    <div class="col-xs-5 field-single field-deck pull-right">
      main deck
    </div>
  </div>
  <div class="col-xs-12 right-side right-side-player player">
    <div class="col-xs-5 field-discard field-single">
      discard deck
    </div>
    <div class="col-xs-5 field-single field-deck pull-right">
      main deck
    </div>
  </div>
</div>