Passage ID: <%=passage._id%>
<br><br>
Users:
<%if(passage.users){passage.users.forEach(function(user, i) { %>
    <%=user.username%>
    <%if(i !== 0){%>
        <span class="passage_remove_user"data-userid="<%=user._id%>"id="delete_passage_user_<%=passage._id%>">X</span>
    <%}%>
    ,
<%});}%>
<br><br>
Collaborators:
<%if(passage.collaborators && passage.collaborators.length > 0){passage.collaborators.forEach(function(collaber, i) { %>
    <%=collaber%>
    ,
<%});}else{%>
    None
<%}%>
<br><br>
Add User (Read/Write Access): <br>
<input autocomplete="off" placeholder="Username..."class="passage_add_user"id="passage_add_user_<%=passage._id%>"type="">
<br>
<br>
Add Collaborator (Split Stars): <br>
<input autocomplete="off" placeholder="Email..."class="passage_add_collaborator"id="passage_add_collaborator_<%=passage._id%>"type="">
<br><br>
Toggle Green/Red for Active/Inactive
<br>
<div data-setting="private"class="passage_setting <%=passage.public == false ? 'green' : 'red';%>"id="passage_setting_make_private_<%=passage._id%>">Make Private (Default) (Only Team members can add passages)</div>
<div data-setting="public"class="passage_setting <%=passage.public == true ? 'green' : 'red';%>"id="passage_setting_make_public_<%=passage._id%>">Make Public (Everyone can add passages, ranked by best)</div>
<div data-setting="personal"class="passage_setting <%=passage.personal == true ? 'green' : 'red';%>"id="passage_setting_make_private_<%=passage._id%>">Make Personal (Only Team members can View)</div>
<div data-setting="forum"class="passage_setting <%=passage.forum == true ? 'green' : 'red';%>"id="passage_setting_make_forum_<%=passage._id%>">Make Forum (Everyone's a Team Member)</div>
<!-- <div data-setting="personal"class="passage_setting <%=passage.personal == false ? 'green' : 'red';%>"id="passage_setting_make_personal_<%=passage._id%>">Make Personal (Only Team members can even see the passage)</div> -->
<div data-setting="cross-origin-allowed"class="passage_setting <%=passage.personal_cross_origin == true ? 'green' : 'red';%>"id="passage_setting_cross_origin_allowed_<%=passage._id%>">Cross Origin Allowed (Dangerous: Personal Advanced)</div>
<div data-setting="request-public-daemon"class="passage_setting <%=passage.public_daemon == 0 ? 'red' : 'yellow';%>"id="passage_setting_public_daemon_requested_<%=passage._id%>">Request Public Daemonization (Locks Passage)</div>
<%if(user && user.admin){%>
    <div data-setting="admin-make-public-daemon"class="passage_setting <%=passage.public_daemon == 2 ? 'green' : 'red';%>"id="passage_setting_admin_make_daemon_<%=passage._id%>">Make Public Daemon (Admin Advanced Option)</div>
    <div data-setting="admin-make-default-daemon"class="passage_setting <%=passage.default_daemon ? 'green' : 'red';%>"id="passage_setting_admin_make_default_daemon_<%=passage._id%>">Make Default Daemon (Admin Advanced Option)</div>
<%}%>
<div data-setting="distraction-free"class="passage_setting <%=passage.distraction_free == true ? 'green' : 'red';%>"id="passage_setting_distraction_free_<%=passage._id%>">Default Distraction Free Mode</div>
<div data-setting="bubbling"class="passage_setting <%=passage.bubbling == true ? 'green' : 'red';%>"id="passage_setting_bubbling_<%=passage._id%>">Bubble Up Content (Private Passages)</div>

<br>
<div style="border: 1px solid black;padding:10px;">
    Choose One.
    <br><br>
<div>
    Mirror Passage: <input placeholder="Passage ID" autocomplete="off"id="passage_mirror_<%=passage._id%>"value="<%=passage.mirror ? passage.mirror._id : ''%>"type="text" name="mirror">
    <br>
    <input id="passage_mirrorEntire_<%=passage._id%>"<%=passage.mirrorEntire ? ' checked ' : ''%>type="checkbox" name="mirrorEntire"> Entire
    <input id="passage_mirrorContent_<%=passage._id%>"<%=passage.mirrorContent ? ' checked ' : ''%>type="checkbox" name="mirrorContent"> Only Content
</div>
<br>
<div>
    Best Of: <input placeholder="Passage ID" autocomplete="off"id="passage_bestOf_<%=passage._id%>"type="text" value="<%=passage.bestOf ? passage.bestOf._id : ''%>"name="bestOf">
    <br>
    <input id="passage_bestOfEntire_<%=passage._id%>"type="checkbox" <%=passage.bestOfEntire ? ' checked ' : ''%>name="bestOfEntire"> Entire
    <input id="passage_bestOfContent_<%=passage._id%>" <%=passage.bestOfContent ? ' checked ' : ''%>type="checkbox" name="bestOfContent"> Only Content
</div>
<br>
<button id="update_mirroring_<%=passage._id%>">Update</button>
</div>
<br><br>
<button id="passage-delete-<%=passage._id%>" style="border: 1px solid red;cursor:pointer;">DELETE PASSAGE</button>
<!-- <hr>
<div id="show-keys">Keys</div>
<br>
<div id="keys">
    <div class="key">
        <div style="display:inline"class="key_title"><input type="text"placeholder="Key"></div>
        <div style="display:inline"class="key_value"><input type="text"placeholder="Value"></div>
    </div>
    <div class="key">
        <div style="display:inline"class="key_title"><input type="text"placeholder="Key"></div>
        <div style="display:inline"class="key_value"><input type="text"placeholder="Value"></div>
    </div>
    <div class="key">
        <div style="display:inline"class="key_title"><input type="text"placeholder="Key"></div>
        <div style="display:inline"class="key_value"><input type="text"placeholder="Value"></div>
    </div>
</div>
<br> -->