redmarkets-negotiation/templates/partials/negotiation-sidebar.html

<div class="negotiation-owner">
  <p>The Market for this negotiation is {{room_owner_display_name}}</p>
  {% if room_owner_display_name == uid %}
    <p>Change your display name</p>
  {% endif %}
</div>

{% if user == room_owner.uid %}
<div class="market-settings">
  <div class="negotiation-state-wrapper">
    <input id="state-previous" type="image" width="32" height="32" alt="Go the previous state"
           {% if phase.current_phase == 'marketprep'  %}
           disabled="true"
           src="/static/images/button-previous-disabled.png"
           {% else %}
           src="/static/images/button-previous.png"
           {% endif %}>
    <h5>
      <span class="phase-display-name">{{ phase.display_name }}</span>
    </h5>
    <br>
    <input id="state-next" type="image" width="32" height="32" alt="Next"
           {% if phase.current_phase == 'done'  %}
           disabled="true"
           src="/static/images/button-next-disabled.png"
           {% else %}
           src="/static/images/button-next.png"
           {% endif %}>
  </div>
  <p class="phase-description">{{ phase.description }}</p>
  <form id="market-settings">
    <p class="phase-description-market"></p>
    <div class="fieldset {% if phase.current_phase == 'marketprep' %} fieldset-open{% else %} fieldset-closed{% endif %}">
      <h4>Negotiation Settings<span data-target=".negotiation-settings-wrapper" class="fieldset-button"></span></h4>
      <div class="negotiation-settings-wrapper">
        <span>Manual Negotiation</span>
        <div class="onoffswitch">
          <input id="manual-negotiation" type="checkbox" class="onoffswitch-checkbox" {% if negotiation.manual_negotiation %}checked{% endif %}>
          <label for="manual-negotiation" class="onoffswitch-label">
            <span class="onoffswitch-inner"></span>
            <span class="onoffswitch-switch"></span>
          </label>
        </div>
        <br><br>
        <span>Is First Negotiation?</span>
        <div class="onoffswitch yesno">
          <input id="is-first-negotiation" type="checkbox" class="onoffswitch-checkbox" {% if negotiation.is_first_negotiation %}checked{% endif %}>
          <label for="is-first-negotiation" class="onoffswitch-label">
            <span class="onoffswitch-inner"></span>
            <span class="onoffswitch-switch"></span>
          </label>
        </div>
        <br>
        <label for="client-name">Client Name</label>
        <input id="client-name" type="text" placeholder="Enter the client's name">
        <br>
        <label for="negotiator-name">Negotiator Name</label>
        <input id="negotiator-name" type="text" placeholder="Enter the negotiator's name">
        <br>
        <label for="taker-crew-name">Crew Name</label>
        <input id="taker-crew-name" type="text" placeholder="Enter the taker's crew's name">
        <br>
        <label for="takers">Numer of takers in the crew</label>
        <input id="takers" type="text" pattern="[0-9]+" size="1">
        <br>
      </div>
    </div>
    <label for="first-impression-black">First Impression (Black die value + Taker's leadership)</label>
    <input id="first-impression-black" type="text" pattern="[0-9]+" size="1">
    <br>
    <label for="first-impression-state">Level of success on the first impression</label>
    <select id="first-impression-state" type="select" name="first-impression-state">
      <option value="critfail">Critical Failure</option>
      <option value="fail">Failure</option>
      <option value="success">Success</option>
      <option value="critsuccess">Critical Success</option>
    </select>
  </form>
</div>
{% else %}
<div class="negotiation-summary">
  <h4 class="phase-display-name">
    {{ phase.display_name }}
  </h4>
  <p class="phase-description-taker">{{ phase.description_taker }}</p>
</div>
{% endif %}

<div class="participants">
  <h4>Participants</h4>
  <p><span class="count">{{ participant_count }}</span>&nbsp;<span> takers in this room</span></p>
  <ul class="participant-list">
    <li participant-id="{{user}}">{{user}}</li>
  </ul>
</div>