<!-- 
    Admin Panel Features:
    Reviewing Claims
    Approving Daemons
    Budget Page
    Scheduled Maintenance
    Downloading Backups
 -->
<%- include('html_head') %>
<link rel="stylesheet" type="text/css" href="/css/new.css">
<link rel="stylesheet" type="text/css" href="/css/mobile.css">
</head>
<%- include('header') %>
<%- include('header2', {
    page: 'admin'
}) %>
<%-include('menu')%>
<%-include('sidebar')%>
<%if(!ISMOBILE){%>
<%- include('member_box') %>
<%}%>
            <input type="hidden" value="false", id="is_profile"/>
            <div id="page_title_container">
                <%if(passage.parent != null){%>
                    <div data-url="/passage/<%=encodeURIComponent(passage.parent.title)%>/<%=passage.parent._id%>"id="parent_title"><%=passage.parent.title%></div>
                <%}%>
                 <div id="page_title"><%= "Admin Panel: " + decodeURIComponent(passageTitle)   || "Admin Panel"%></div>
                 <div style="margin-left:97px;margin-bottom:10px;">
                    <a href="/dbbackup">Download Database Backup</a>
                 </div>
                 <div style="margin-left:97px;margin-bottom:10px;">
                    <a href="/uploadsbackup">Download Uploads Backup</a>
                 </div>
            </div>
            <%if(passages){%>
                <input id="search"placeholder="Search Solutions..." type="" name="" autocomplete="off">
            <%}else if (passage){%>
                <input id="search"placeholder="Search Solutions..." type="hidden" name="" autocomplete="off">
                <input id="search_passage"placeholder="Search <%=passage.title%>..." type="" name="" autocomplete="off">
            <%} %>
            <%if((user && passage.id == 'root') || (user && (passage.public || passageUsers.includes(user._id.toString())))){%>
                <%if(passage.id == 'root'){%>
                    <button title="Add Passage"id="add_passage_button">+</button>
                <%}%>
            <%}%>
            <br>
            <div id="passage_wrapper">
                <!-- Show passage list or search list -->
                <%if(passages){%>
                    <%- include('passages') %>
                <%}else if (passage){%>
                <!-- Just show one passage -->
                    <%- include('passage', {passage: passage, sub: sub, subPassages: subPassages}) %>
                <%} %>
            </div>
            <div id="passage_form_wrapper"></div>
            <%if((user && passage.id == 'root') || (user && (passage.public || passageUsers.includes(user._id.toString())))){%>
                <%if(passage.id != 'root'){%>
                    <button title="Add Passage"id="add_passage_button">+</button>
                <%}%>
            <%}%>
    <br>
        </div>
        <%if(passages){%>
            <div class="passage"id="view_more">View More</div>
        <%}else if (passage && passage.public == true){%>
            <div class="passage"id="view_more">View More</div>
        <%} %>
        <%- include('footer') %>

<div id="file-menu">
    <ul>
        <li>Download Current Chapter</li>
    </ul>
</div>
<div id="edit-menu">
    <ul>
        <li>Change Editor</li>
        <li>Change Mode</li>
    </ul>
</div>
<!-- Make div for each menu  -->

<div class="bookmark">
    <div>
    <span data-title="<%=bookmark.passage.title%>"class="view_bookmark"id="view_bookmark_<%=bookmark.passage._id%>">View</span> | 
    <span class="transfer_bookmark"id="transfer_bookmark_<%=bookmark.passage._id%>">Cite</span> | 
    <span id="remove_bookmark_<%=bookmark._id%>"class="remove_bookmark">Remove</span>
    <%if(bookmark.passage.personal_cross_origin === true || bookmark.passage.public_daemon == 2){%>
    | <span id="add_daemon_<%=bookmark.passage._id%>"class="add_daemon">Add to Daemons</span>
    <%}%>
    </div>
    <h3><%=bookmark.passage.title%></h3>
  </div>

<%bookmarks.forEach(function(bookmark){%>
    <%if(bookmark.passage != null){%>
    <%- include('bookmark', {bookmark: bookmark})%>
    <%}%>
  <%});%>

<tr>
	<td><a href="#thread/<%=topic.title.replace(' ', '_')%>/<%=topic._id%>"><b>
		<%if(topic.title == ''){%>
			Untitled
		<%}else{%>
		<%=topic.title%>
		<%}%>
		</b>
	<br/><i><a href="/user/$u">Started by: <%=topic.author.name%></a></i>
	</a></td>
	<td><%=topic.passages.length%></td> 
	<td><%=topic.numViews%></td> 
	<td><%-topic.lastPost%></td>
</tr>

<form style="display:none;"id="passage_form"class="passage_form"action="/create_initial_passage/" type="post"enctype="multipart/form-data">
    <input id="passage_title"class="passage_title" value="" type="text"name="title"placeholder="Title (Optional)">

        <div class="rich_input input-field">
            <div class="passage_description" id="passage_content" cols="30" rows="10" placeholder="Content"></div>
            <input id="quill-data"value=""name="content"type="hidden">
        </div>
        <div class="mixed_input input-field hide2">
            <textarea style="display:none;"class="passage_html" name="html" id="passage_html" cols="30" rows="10" placeholder="HTML"></textarea>
            <textarea style="display:none;"class="passage_css" name="css" id="passage_css" cols="30" rows="10" placeholder="CSS"></textarea>
            <textarea style="display:none;"class="passage_js" name="js" id="passage_js" cols="30" rows="10" placeholder="Javascript"></textarea>
            <code-input template="code-input"lang="HTML"class="code_display display_html" id="display_html" placeholder="HTML"value=""></code-input>
            <code-input template="code-input"lang="CSS"class="code_display display_css" id="display_css" placeholder="CSS"value=""></code-input>
            <code-input template="code-input"lang="javascript"class="code_display display_js" id="display_js" placeholder="Javascript"value=""></code-input>
        </div>
        <div class="d-code-input input-field hide2">
            <div class="ace-editor"style=""id="editor"></div>
            <script>
                var editor = ace.edit("editor");
                editor.setTheme("ace/theme/monokai");
                // change this based on lang input
                editor.session.setMode("ace/mode/javascript");
                editor.getSession().on("change", function () {
                    $("textarea[id=\"passage_code\"]").val(editor.getSession().getValue());
                });
                editor.setOptions({
                fontSize: "10pt"
                });
            </script>
            <textarea style="display:none;"class="passage_code" name="code" id="passage_code" cols="30" rows="10" autocomplete="off"></textarea>
        </div>
    <!-- Upload Directory -->
    <%/*%>
    <input id="passage_file"class="passage_file" name="file" type="file" autocomplete="off" webkitdirectory mozdirectory msdirectory odirectory directory />
    <%*/%>
    <input id="passage_file"class="passage_file" name="file" type="file" autocomplete="off" multiple/>
    <div style="display:none;"id="passage_thumbnail">
        <img id="thumbnail_image"src="" alt="">
        <input id="thumbnail_clip"type="hidden" name="thumbnail">
    </div>
    <div id="passage_advanced"class="passage_advanced">
            <br>
            <div>Programming Language:</div><br>
            <input autocomplete="off" id="passage_ext"class="passage_ext passage_lang" value="rich" type="text"name="lang"placeholder="Programming Language">
            <script>
                $(function(){
                    $(document).on("keyup", "#passage_ext", function(){
                        switch($(this).val()){
                            case "rich":
                                $(".input-field").hide();
                                $(".rich_input").show();
                            break;
                            case "mixed":
                                $(".input-field").hide();
                                $(".mixed_input").show();
                            break;
                            default:
                            $(".input-field").hide();
                            $(".d-code-input").show();
                            editor.session.setMode("ace/mode/" + $(this).val());
                        }
                    });
                });
            </script>
            <div style="margin-top: 25px;">File Path:</div><br>
            <input autocomplete="off"id="passage_filestreampath"class="passage_ext" value="" type="text"name="filestreampath"placeholder="">
            <%if(user && user.admin){%>
                <!-- add radio buttons for making mainfile -->
                <button id="make_mainfile">Make Mainfile (obsolete)</button>
            <%}%>
            <div style="margin-top: 25px;">Bibliography:</div><br>
            <input id="passage_bibliography"class="passage_ext" value="" type="text"name="bibliography"placeholder="Additional Source Info">
            <!-- <div style="margin-top: 25px;">Inputs:</div><br>
            <input type="text"placeholder="input1" class="passage_input"><br>
            <button class="passage_button">More Inputs</button><br><br> -->
            <!-- <div style="margin-top: 25px;">Output:</div><br>
            <textarea class="passage-textarea"placeholder="Output"name="" id="" cols="30" rows="10"></textarea> -->
            <textarea style="display:none;"class="passage_license" name="license" id="passage_license" cols="30" rows="10" placeholder="LICENSE"></textarea>
            <input class="editor-chief"type="hidden" value="<%=passage._id || 'root'%>"name="chief">
            <input id="post-pg"type="hidden" value="<%=page%>"name="page">
            <input id="forum-which"type="hidden" value=""name="which">
            <input id="which-page"type="hidden" value="<%=whichPage%>"name="whichPage">
            <input id="which-subforums"type="hidden" value="false"name="subforums">
    </div>
    <ul class="passage_tabs"style="margin-top:20px;text-align:left;">
        <li id="passage_executable"class="passage_tab passage_tab_open_advanced open_advanced view_code">Advanced</li>
    </ul>
    <button id="post-passage"style="margin:auto;text-align:center;font-size:1.3em;">Post</button>
</form>

<!-- daemon.HTML in header.js -->
<%DAEMONS.forEach(function(daemon){%>
    <style><%=daemon.css%></style>
    <script><%-daemon.code%></script>
<%});%>

<%daemons.forEach(function(daemon){%>
    <%- include('daemon', {daemon: daemon})%>
  <%});%>

<div class=\"forum_box\">
    $res = $forum->sql->query("	SELECT topics.*, 
                                            CASE WHEN 
                                                sub=0 
                                            THEN 
                                                (SELECT subcat.name FROM subcat WHERE subcat.ID=topics.parent_ID) 
                                            ELSE 
                                                (SELECT subforum.name FROM subforum WHERE subforum.ID=topics.parent_ID) 
                                            END 
                                            AS 
                                                cat_name,
                                            CASE WHEN 
                                                sub=1 
                                            THEN 
                                                (SELECT subforum.parent_ID FROM subforum WHERE subforum.ID=topics.parent_ID) 
                                            END 
                                            AS 
                                                cat_ID,
                                            (SELECT subcat.name FROM subcat WHERE subcat.ID=topics.parent_ID)
                                            AS
                                                cat_name2 
                            FROM topics, subcat
                            WHERE topics.ID =?
                            AND topics.parent_ID = subcat.ID", $_POST["t"]);
    $row = $res->fetchAll();						
    if (count($row) === 0)
        die("could not find the thread"); //or don't have access
        
        //if we are on the first page show init post
            echo "<input type='hidden'id='last-page'value='".$forum->numPagesInThread($_POST['t'])."'/><div class=\"thread\">";
            if($_POST['pg'] == 1){
                echo $forum->postTemplate($row, $row2);
            }			
        $res = $forum->sql->query("SELECT * FROM `posts` WHERE `parent_ID`=? ORDER BY `time_` ASC LIMIT ".($forum->beginAtRow($_POST['pg'])).", ".Forum::LIMIT, $row[0]["ID"]);
        $resFetch = $res->fetchAll();
        $count = count($resFetch);
        $counter = 0;
        foreach($resFetch as $row2)
        {
            //echo $forum->postTemplate($row, $row2);
            $id = $row2['ID'];
            $poster = $member->getUserData($row2["by_"]);
            echo "<br/>";
            echo "<div id='thread-".$id."'class=\"thread\">";
            echo "<input id='forum-data-post-".$id."'type='hidden'value='".$id."-".$poster['username']."-".System::timeDiff($row2["time_"])."'/>";
            echo "<div class=\"thread_title\">";
            echo "<span>&nbsp;</span>"; 
            echo "Re: ".$row[0]["title"]." - ".System::timeDiff($row2["time_"]); // topic title
            echo "</div>";
            echo "<div class=\"post\">";
            echo "<table class=\"tbl_post\"><tr><td>";
            echo "<div class=\"post_usr\">";
            echo "<a href=\"/user/$poster[username]\">$poster[username]</a><br/>"; //username
            echo "<span class=\"status\" id=\"".$member->status2name($poster['status'])."\" title=\"".$member->status2name($poster['status'])."\">&nbsp;</span>"; //online status
            echo "<img src=\"/images/user/$poster[image]\" alt=\"$poster[username]\" />"; //picture
            echo "<span class=\"usr_rank\">".($poster['special'] !== 'Member' && $poster['special'] !== '' ? $poster['special'] : $ranks[$poster["rank"]])."</span><br><br>"; //rank
            echo "<table class=\"usr_info\">";
            echo "<tr><td width=10>Posts:</td><td>". $forum->getPostCountByUser($poster["ID"])."</td></tr>"; //post count
            echo "<tr><td>Prestige:</td><td>". $poster["prestige"]."</td></tr>"; //ask points
            
            echo "</table>";
            echo "</div>";
            echo "</td><td>";
            echo "<div class=\"post_msg\"><div style='width:100%;'id='epicedit-".$id."'><textarea id='epic-".$id."'class='epic-text'>$row2[msg]</textarea></div></div>";
            
            echo "<div class=\"post_msg_btm\">";
            $btm = '';
            if($_SESSION['ID'] == $row2['by_'] || Members::getInstance()->isPrivileged($_SESSION['ID'])){
                $btm .= "&emsp; <span style='cursor:pointer'id='forum-modify-posts-".$id."'>Modify</span> &emsp; <a id='forum-remove-posts-".$id."'>Remove</a>";
            }
            if($_SESSION['ID'] != $row2['by_']){
                $btm .= "&emsp; <a class='fa fa-plus'></a> &emsp;<a class='fa fa-minus'></a>";
            }Genera
            echo "
                <span style='cursor:pointer'id='forum-quote-".$id."'>Quote</span> ".$btm;
            echo "</div>";
            
            echo "</td></tr></table>";
            echo "</div>";
            //last row
            if(++$counter == $count) echo "<br><button id='forum-post'>New Post</button>&emsp;".$forum->listPageNums($_POST['t'], $_POST['pg'])."<br>";
            echo "</div>";
        }
        
        
        echo "</div>";
        
        if (isset($row[0]['cat_ID'])) //if subforum post, so we get right back on track
            $script  = "<input type=\"hidden\" value=\"".base64_encode($row[0]["cat_name"])."|".$row[0]['cat_ID']."/".$forum->convertName($row[0]["cat_name2"])."&s=".$row[0]["parent_ID"]."\" class=\"hdn_cat\"/>";
        else
            $script  = "<input type=\"hidden\" value=\"".base64_encode($row[0]["cat_name"])."|".$row[0]["parent_ID"]."\" class=\"hdn_cat\"/>";
        $script .= "<input type=\"hidden\" value=\"".base64_encode($row[0]["title"])."|".$row[0]["ID"]."\" class=\"hdn_thr\"/>";
        echo $script;
        
        //var_dump($row);
        
        
}
?>

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> -->

<%passages.forEach(function(passage) { %>
    <%- include('passage', {passage: passage, sub: true}) %>
<%});%>

$member = Members::getInstance();
		$ranks = $member->ranks;
		$poster = $member->getUserData($row[0]["by_"]);
		$id = $row[0]['ID'];
		//only show remove is no replies to topic yet
		$remove = ($this->getPostCount($row[0]["ID"]) == 0) ? ' &emsp; <a id="forum-remove-topics-'.$id.'">Remove</a>' : '';
		$btm = '';
		if($_SESSION['ID'] == $row[0]['by_'] || Members::getInstance()->isPrivileged($_SESSION['ID'])){
			$btm .= "&emsp; <span style='cursor:pointer'id='forum-modify-topics-".$id."'>Modify</span>".$remove;
		}
		if($_SESSION['ID'] != $row[0]['by_']){
			$btm .= "&emsp; <a class='fa fa-plus'></a> &emsp;<a class='fa fa-minus'></a>";
		}
		return "<br><div class=\"thread_title\">
		<input id='forum-data-post-".$row[0]['ID']."'type='hidden'value='$row[ID]-$poster[username]-".System::timeDiff($row[0]["time_"])."'/>
		<span>&nbsp;</span>".
		$row[0]["title"]." - ".System::timeDiff($row[0]["time_"]). // topic title
		"</div>
		<div class=\"post\">
		<table class=\"tbl_post\"><tr><td>
		<div class=\"post_usr\"><a href=\"/user/$poster[username]\">$poster[username]</a><br/>
		<span class=\"status\" id=\"".$member->status2name($poster['status'])."\" title=\"".$member->status2name($poster['status'])."\">&nbsp;</span>
		<img src=\"/images/user/$poster[image]\" alt=\"$poster[username]\" />
		<span class=\"usr_rank\">".($poster['special'] !== 'Member' && $poster['special'] !== '' ? $poster['special'] : $ranks[$poster["rank"]])."</span><br><br>
		<table class=\"usr_info\">
		<tr><td width=10>Posts:</td><td>". $this->getPostCountByUser($poster["ID"])."</td></tr>
		<tr><td>Prestige:</td><td>". $poster["prestige"]."</td></tr>
		</table>
		</div>
		</td><td><input type='hidden'id='threadID'value='".$id."'/>
		<div class=\"post_msg\"><div style='width:100%;height:100%'id='epicedit-".$id."'><textarea id='epic-".$id."'class='epic-text'>".$row[0]['msg']."</textarea></div></div>
		<div class=\"post_msg_btm\">
			<span style='cursor:pointer'id='forum-quote-".$id."'>Quote</span> ".$btm.
		</div>
		</td></tr></table>
		</div>
		</div>

<%thumbnails.forEach(function(thumbnail) { %>
    <%- include('ppe_thumbnail', {thumbnail: thumbnail}) %>
<%});%>

<%- include('html_head') %>
<link rel="stylesheet" type="text/css" href="/css/new.css">
<link rel="stylesheet" type="text/css" href="/css/mobile.css">
</head>
<%- include('header') %>
<%- include('header2', {
  page: 'profile'
}) %>
<%-include('menu')%>
<%-include('sidebar')%>
<%- include('member_box') %>
<br><br><br><br>
<input id="chief_passage_id"type="hidden" value="root"name="">
<input id="is_distraction_free"type="hidden" value="false"name="">
<div id="profile_modal" class="modal">
    <%- include('settings_form', {profile: profile}) %>
</div>
<input type="hidden" value="<%=profile._id%>", id="is_profile"/>
<div id="profile_header">
  <div>
    <%if(profile.thumbnail != '' && profile.thumbnail != null){%>
      <div style="width:140px;height:140px;background:url('/uploads/<%=profile.thumbnail%>');background-size:cover;background-position:center center;border-radius:5px;margin:auto;"id="profile_settings_image" src="/uploads/<%=profile.thumbnail%>"></div>
      <%}else{%>
        <ion-icon style="font-size:5em;"id="profile_page_image"src="/images/ionicons/person-circle-outline.svg"></ion-icon>
      <%}%>
    </div>
    <%if(profile.admin === true){%>
      <h1 style="color:red;">ADMIN</h1>
    <%}else{%>
      <%}%>
    <%if(user && user._id == profile._id){%>
  <a class="basic_link" href="#profile_modal" rel="modal:open"><ion-icon style=""id="user_settings_icon"title="Settings"src="/images/ionicons/settings-sharp.svg"></ion-icon></a>
  <%}%>
  &nbsp;
  <span id="parent_chapter_title"><%=profile.name%></span>
  <div style="font-size:1em;color:grey;"><%=profile.username%></div>
  <div id="profile_stars">
    <p><%=parseInt(profile.stars)%> Star<%-parseInt(profile.stars) == 1 ? '' : 's'%>. <%=profile.starsGiven%> Star<%-profile.starsGiven == 1 ? '' : 's'%> Invested ($<%=usd%>)</p>
  </div>

</div>
<%if(user && profile._id == user._id){%>
  <div style="cursor:pointer;text-align: center;margin:auto;padding:10px;margin-bottom:15px;color:grey;"id="view-personal"><a href="/personal/<%=user._id%>"class="basic_link">View Personal Passages</a></div>
<%}%>
<input type="hidden" id="search">
<input id="search_profile"placeholder="Search Profile..." type="" name="" autocomplete="off">
  <%if(user && profile._id == user._id){%>
    <button id="add_passage_button">+</button>
    <input id="clean_editor"type="hidden" name=""value='<%- include("clean_editor", {passage:passage, page: 'stream'})%>'/>
  <%}%>
  <br>
  <div id="passage_wrapper">
      <!-- Show passage list or search list -->
      <%if(passages){%>
          <%- include('passages') %>
      <%}else if (passage){%>
      <!-- Just show one passage -->
          <%- include('passage', {passage: passage, sub: sub}) %>
      <%} %>
  </div>
  <div class="passage"id="view_more">View More</div>
  <div id="passage_form_wrapper"></div>
<script src="/js/profile.js"></script>
<div style="display:none;"id="small-loading">
            <div style="text-align: center;background:transparent;padding:20px;width:90%;margin:auto;">
             <div class="circle"></div>
             <div class="circle1"></div>
             <div style=" color:rgba(255,255,255,0.9);
             text-shadow:0 0 15px #fff; margin-top:-28px; margin-left:10px; font-weight:bolder">Loading...</div>
            </div>
        </div>
<%- include('footer') %>

<%- include('html_head') %>
<link rel="stylesheet" type="text/css" href="/css/new.css">
<link rel="stylesheet" type="text/css" href="/css/mobile.css">
</head>
<%- include('header') %>
<%- include('header2', {
    page: 'projects'
}) %>
<%-include('menu')%>
<%-include('sidebar')%>
<%if(!ISMOBILE){%>
<%- include('member_box') %>
<%}%>
            <input id="is_distraction_free"type="hidden" value="<%=passage.distraction_free || false%>"name="">
            <input type="hidden" value="false", id="is_profile"/>
            <input type="hidden" id="selection">
            <div id="page_title_container">
                <%if(passage.parent != null){%>
                    <div data-url="/passage/<%=encodeURIComponent(passage.parent.title)%>/<%=passage.parent._id%>"id="parent_title"><%=passage.parent.title%></div>
                <%}%>
                <%if(passageTitle){%>
                    <div id="page_title"><a style="text-decoration: none;color:inherit;"href="/passage/<%=passage.title%>/<%=passage._id%>"><%= decodeURIComponent(passageTitle)%></a></div>
                <%}%>
            </div>
            <%if(passages){%>
                <input id="search"placeholder="Search Solutions..." type="" name="" autocomplete="off">
            <%}else if (passage){%>
                <input id="search"placeholder="Search Solutions..." type="hidden" name="" autocomplete="off">
                <input id="search_passage"placeholder="Search <%=passage.title%>..." type="" name="" autocomplete="off">
            <%} %>
            <%if((user && passage.id == 'root') || (user && (passage.public || passageUsers.includes(user._id.toString())))){%>
                <%if(passage.id == 'root'  && passage.public_daemon != 2 && passage.default_daemon != true){%>
                    <button title="Add Passage"id="add_passage_button">+</button>
                    <input id="clean_editor"type="hidden" name=""value='<%- include("clean_editor", {passage:passage, page: 'stream'})%>'/>
                <%}%>
            <%}%>
            <br id="top_spacer">
            <div id="passage_wrapper">
                <!-- Show passage list or search list -->
                <%if(passages){%>
                    <%- include('passages') %>
                <%}else if (passage){%>
                <!-- Just show one passage -->
                    <%- include('passage', {passage: passage, sub: sub, subPassages: subPassages}) %>
                <%} %>
            </div>
            <div id="passage_form_wrapper"></div>
            <%if((user && passage.id == 'root') || (user && (passage.author._id == user._id || passage.public || passageUsers.includes(user._id.toString())))){%>
                <%if(passage.id != 'root' && passage.public_daemon != 2 && passage.default_daemon != true){%>
                    <button title="Add Passage"id="add_passage_button">+</button>
                <%}%>
            <%}%>
    <br>
        </div>
        <%if(passages){%>
            <div class="passage view-more"id="view_more">View More</div>
        <%}else if (passage && passage.public == true){%>
            <div class="passage view-more"id="view_more">View More</div>
        <%} %>
        <%- include('footer') %>

<%- include('html_head') %>
</head>
<%- include('header') %>
<br><br><br><br><br><br>
<input id="chief_passage_id"type="hidden" value="root"name="">
<h1 style="text-align: center;margin-bottom: 10px;">Recover Password</h1>
<%if(token != null){%>
<form id="login_form" action="/recover_password" method="POST">
    <div>
        <label>New Password:</label>
        <input id="login_username"class=""type="password" name="newPassword"autocomplete="off" required/>
    </div>
    <div>
        <label>Confirm New Password:</label>
        <input id="login_username"class=""type="password" name="confirm"autocomplete="off" required/>
    </div>
    <div>
        <input value="<%=_id%>"id="login_username"class=""type="hidden" name="_id"autocomplete="off" required/>
        <input id="login_button"type="submit" value="Login"autocomplete="off"/>
    </div>
  </form>
  <%}else{%>
    <h1 style="text-align: center;color:green;margin-top:50px;">Follow the link sent to your email.</h1>
  <%}%>
  <script src="/js/login_register_form.js"></script>
  <br><br><br><br>
  <%- include('footer') %>

<%- include('html_head') %>
</head>
<%- include('header') %>
<br><br><br><br><br><br>
<input id="chief_passage_id"type="hidden" value="root"name="">
<h1 style="text-align: center;margin-bottom: 10px;">Login</h1>
<form id="login_form" action="/login/" method="POST">
    <div>
        <label>Username or Email:</label>
        <input id="login_username"class=""type="text" name="username"autocomplete="off"/>
    </div>
    <div>
        <label>Password:</label>
        <input id="login_password"class=""type="password" name="password"autocomplete="off"/>
    </div>
    <div>
        <input id="login_button"type="submit" value="Login"autocomplete="off"/>
    </div>
    <a href="/recover">Recover Password</a>
  </form>
  <h1 style="text-align: center;margin-bottom: 10px;">Register</h1>
  <form id="register_form" action="/register/" method="POST">
    Username: <span id="register_username_load"></span>
    <br><br>
    <div>
        <label>Name:</label>
        <input placeholder="" id="register_username" type="text" name="username"autocomplete="off" required/>
    </div>
    <div>
        <label>Email:</label>
        <input placeholder="Recommended" id="register_email" type="text" name="email"autocomplete="off"/>
    </div>
    <div>
        <label>Password:</label>
        <input id="register_password" type="password" name="password"autocomplete="off" required/>
    </div>
    <div>
        <label>Confirm Password:</label>
        <input id="register_confirm" type="password" name="passwordConf"autocomplete="off" required/>
    </div>
    <div>
        <label>I accept the <a target="_blank"href="/terms">terms</a></label>
        <input type="checkbox" required>
    </div>
    <div>
        <input id="register_button"type="submit" value="Register"/>
    </div>
  </form>
  <script src="/js/login_register_form.js"></script>
  <br><br><br><br>
  <%- include('footer') %>

<div>
    <%if(profile.thumbnail != '' && profile.thumbnail != null){%>
    <img style="width:75px;"id="profile_settings_image" src="/uploads/<%=profile.thumbnail%>">
    <%}else{%>
    <ion-icon id="profile_page_image"src="/images/ionicons/person-circle-outline.svg"></ion-icon>
    <%}%>
</div>
<form id="update_profile_picture"action="/change_profile_picture/" method="POST" enctype="multipart/form-data">
    <input type="file" accept="image/*"id="upload_profile_photo"name="photo"autocomplete="off"/>
    <br><br>
    <button id="change-photo">Change</button>
</form>
<p><%=profile.username%></p>
    <a target="_blank"href="/stripeAuthorize">Get Paid (<%=profile.stripeOnboardingComplete == true ? "Active" : "Inactive"%>)</a>
    <br><br>
    <form id="settings_form" action="/update_settings/" method="POST">
        <input name="oldUsername"id="oldUsername"type="hidden"value="<%=profile.username%>" />
        <input name="oldName"id="oldName"type="hidden"value="<%=profile.name%>" />
        <input name="newUsername"id="newUsername"type="hidden"value="<%=profile.username%>" />
    <div>
        Username: <span id="register_username_load"><%=profile.username%></span>
        <br>
        <label>Name:</label>
        <input id="register_username" type="text" value="<%=profile.name%>"name="name"autocomplete="off" required/>
    </div>
    <div>
        <label>Email:</label>
        <input placeholder="Recommended" id="register_email" value="<%=profile.email%>"type="text" name="email"autocomplete="off"/>
    </div>
    <div>
        <label>New Password:</label>
        <input id="register_password" value=""type="password" name="password"autocomplete="off"/>
    </div>
    <div>
        <label>Confirm New Password:</label>
        <input id="register_confirm" type="password" name="passwordConf"autocomplete="off"/>
    </div>
    <div>
        <label>Old Password:</label>
        <input id="register_confirm" type="password" name="oldPassword"autocomplete="off"/>
    </div>
    <!-- <div>
        <label>Developer Mode (Advanced):</label>
        <input id="register_confirm" type="checkbox" name="passwordConf"autocomplete="off"/>
    </div> -->
    <div>
        <input id="register_button"type="submit" value="Update"/>
    </div>
</form>

<div id="side_panel">
    <div id="side_panel_inner">
      <div id="side_panel_close">
        <ion-icon src="/images/ionicons/close-circle-sharp.svg"></ion-icon>
      </div>
      <div id="side_panel_body">
        <div class="header">
                  <select id="right_side_select" autocomplete="off">
                      <option value="help">Help</option>
                      <option value="bookmarks">Bookmarks</option>
                      <option value="daemons">Daemons</option>
                      <option value="passages">Graphics</option>
                      <option value="brief">Brief</option>
                  </select>
              </div>
              <!-- For Pagination -->
              <input id="search_val"type="hidden"autocomplete="false">
              <!-- Shows only one child at a time -->
              <div id="side_panel_switcher">
                <!-- For Chapters -->
                <div id="daemons"></div>
                <!-- Brief -->
                <div id="brief">
                  <!-- <div id="brief_blocker"></div>
                  <div id="right_passages"></div> -->
                  <%if(typeof passage != 'undefined' && passage.passages){%>
                  <div id="brief-passages">
                    <%var title;%>
                    <%for(const p of passage.passages){%>
                    <%title = p.title == '' ? 'Untitled' : p.title;%>
                    <h2 class="brief-passage"><a href="/passage/<%=encodeURIComponent(title)%>/<%=p._id%>"><%=title%></a></h2>
                    <%}%>
                    </div>
                  <%}%>
                  <!-- Button to update order if private passage and author -->
                  <!-- <button>Update Order</button><br><br> -->
                  <!-- just show passage titles -->
                </div>
                <!-- Passages -->
                <div id="search_passages">
                  <div>
                        <input class="control_input"id="ppe_search"placeholder="Search Passages" type="" name="" autocomplete="off">
                        <div id="ppe_queue">
                          <!-- <input placeholder="Search..."id="ppe_search"class="control_input"type="text" name=""> -->
                          <div class="ppe_canvas_container ppe_queue_selected">
                              <h3>Mutation</h3>
                            <canvas id="ppe_mutation"class="ppe_queue_canvas" width="100" height="100"></canvas>
                          </div>
                          <ion-icon title="View More"style="font-size:2em;display:inline-block;padding-bottom:10px;cursor:pointer;"id="ppe_queue_view_more"class=""title="View More"src="/images/ionicons/add-circle-outline.svg"></ion-icon>
                        </div>
                    </div>
                    <div id="cats"></div>
                </div>
                <!-- Bookmarks -->
                <div id="bookmarks">
                    <!-- <input value="{}"id="queue_passages"type="hidden" name="" autocomplete="off"> -->
                    <!-- If logged in display from database -->
                    <%if(user != null){%>
                      Logged In
                    <!-- Otherwise use localStorage -->
                    <%}else{%>
                      Logged Out
                    <%}%>
                </div>
                <!-- Console -->
                <div id="console_div">
                    <textarea id="console" class="control_textarea" autocomplete="off"></textarea>
                    <button class="control_button">Add to Queue</button>
                </div>
                <!-- Edit -->
                <div id="edit_div">
                    
                </div>
                <!-- Leaderboard -->
                <div id="leaderboard_div">
                    Leaderboard coming soon
                </div>
                <!-- Help -->
                <div id="help_div">
                  <h1>Engineering Solutions for the Church</h1>
                  <p>
                      Christian Engineering Solutions (CES) is a Not for Profit Organization specializing in collaborative solutions development for the Church. In the Spirit of Jesus Christ, we are to spread the gospel throughout the Earth, taking care to be good examples of Christ Jesus by serving others. CES is designed to help the Church meet these goals in the most rigorous manner possible.
                  </p>
                  <h1>Our Technology</h1>
                  <p>
                      Our Technology is scripture based in its goals and foundations. Open-Source and Free, one may use our services to both learn and solve problems with the goals of helping others and growing closer to God.
                  </p>
                  <h1>Features</h1>
                  <h3>Merit-based Reputation and Rewards</h3>
                  <h3>Streamlined Search and Citations</h3>
                  <h3>Modular Applications</h3>
                  <h3>Peer-to-Peer and Encryption Technologies <span style="font-size:1em;font-weight:normal;">(Under Development)</span></h3>
                  <h1>External Repository</h1>
                  <h3><a target="_blank"href="https://github.com/ChristianEngineeringSolutions/ChristianEngineeringSolutions">https://github.com/ChristianEngineeringSolutions/ChristianEngineeringSolutions</a></h3>
                  <hr>
                  <h5>Setup Account with email to earn rewards from reputation and donations.</h5>
                </div>
              </div>
      </div>
    </div>
  </div>

<p>
    Christian Engineering Solutions (CES) is a Not For Profit Organization, formally a sole proprietorship,
    acting as a not-for-profit while seeking tax exempt status in California. Employees are not compensated via operating costs,
    but like all users may be rewarded through the built-in reputation system. CES distributes all of its profits to its users based on reputation to stimulate productivity on the website.
</p>

<p>These terms are subject to change.</p>

<p>
    CES utilizes an open-source algorithm in order to manage its budget and distribute rewards to users based on merit.
    These algorithms are subject to change; CES is not responsible for compensating users for any donations/investments or activity on the website christianengineeringsolutions.com.
    CES is also not responsible for any lost work. CES reserves the right to remove or censor any content for any reason. Pornographic material is not allowed on the site.
</p>

<p>
    CES modules maintain a source list and reward system that allows users to utilize the works of others in their own contributions while keeping track of merit.
    By using CES, you are authorizing CES and other users to utilize your work on the system so long as they use the built in channels for maintaining credit. If they use your work outside of the system, they must follow any additional license stated for the work, and should cite any utilizations. The default sub-license for all submissions to CES is the <a target="_blank"href="https://opensource.org/license/mit/">MIT License</a>.
</p>

<p>
    Passages which users submit to the website christianengineeringsolutions.com are not reflective of our views or beliefs.
    Our goal is to find a proper place to categorize any information which is submitted such that it is maximally beneficial to our company goals
    of helping others. We encourage users to make this process easier by maintaining a focus on productivity, service, and Jesus Christ.
</p>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test File</title>
    <script src="/jquery.min.js"></script>
    <script>
        $.ajax({
        type: 'post',
        url: '/test/',
        data: {
           hello: 'hi'
        },
        success: function(data){
            alert(data);
        }
    });
    </script>
</head>
<body>
    <canvas></canvas>
</body>
</html>