

<!-- Modals -->
<div class="modal fade" id="setUpCredentialIssuerModal" tabindex="-1" role="dialog" aria-labelledby="setUpCredentialIssuerModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="setUpCredentialIssuerModalLabel">Credential Issuers</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        You haven't set up any Credential Issuers. Please go to <a href="https://www.identityblog.com">Identityblog</a> some day.  Blah blah blah.
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="manageCardModal" tabindex="-1" role="dialog" aria-labelledby="manageCardModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="manageCardModalLabel"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="mb-3">
          <label for="manage_card_title">Select a card name</label>
          <input type="text" class="form-control" id="manage_card_title">
          <input type="hidden" id="manage_card_id">
        </div>
        <div class="mb-3">
          <table>
            <tr>
              <td style="width: 150px;">
                <button type="button" id="managePersonaImage" class="mt-2 btn btn-outline-primary"><small>Upload picture</small></button>
                <div style='height: 0px;width:0px; overflow:hidden;'><input id="managePersonaImage_input" type="file" value="upload"/></div>
              </td>
              <td style="width: 150px;">
                <img id="managePersonaImage_thumbnail" size="120"></img>
              </td>
            </tr>
          </table>
        </div>
      </div>        
      <div class="modal-footer">
        <button type="button" id="manageCardModalProcess" class="mt-2 btn btn-outline-primary" data-dismiss="modal">Add</button>        
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="addCardModal" tabindex="-1" role="dialog" aria-labelledby="adsCardModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="addCardModalLabel"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <ul id="add_card_menu" class="nav nav-tabs">
          <li class="nav-item">
            <span class="nav-link" data-toggle="tab" onclick="pk.ptools.add_card_select('add_card_persona');">Your own info</span>
          </li>
          <li class="nav-item">
            <span class="nav-link active" data-toggle="tab" onclick="pk.ptools.add_card_select('add_card_credential');">A new credential</span>
          </li>
        </ul>
        <div>
          <div id="add_card_persona" class="mt-3 clms_1">
            <div class="mb-3">
              <label for="add_card_title">Choose a card name</label>
              <input type="text" class="form-control" id="add_card_title">
              <input type="hidden" id="add_card_id">
            </div>
            <div class="mb-3">
              <table>
                <tr>
                  <td style="width: 150px;">
                    <button type="button" id="addPersonaImage" class="mt-2 btn btn-outline-primary"><small>Upload picture</small></button>
                    <div style='height: 0px;width:0px; overflow:hidden;'><input id="addPersonaImage_input" type="file" value="upload"/></div>
                  </td>
                  <td style="width: 150px;">
                    <img id="addPersonaImage_thumbnail" size="120"></img>
                  </td>
                </tr>
              </table>
            </div>
          </div>
          <div id="add_card_credential" class="mt-3 clms_0">
            <div class="mb-3">
              <label for="add_card_credential_url">Recommended credential issuers</label>
              <select class="form-control" id="add_card_credential_url" onkeydown="pk.ptools.add_card_credential_keypress(event);"></select>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="addCardModalProcess" class="mt-2 btn btn-outline-primary" data-dismiss="modal">Add</button>        
      </div>
    </div>
  </div>
</div>
