1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / nc6d095 / heroreads.com / dashboard / view /
Filename : book-chapters.php
back
<?php
include "../inc/config.php";
include "../inc/auths/admin.php";
$pageUrl = $adminRoot."book-chapters";
$tinyEditor = ['full','textual','basic','bare'];
include "../inc/logics/book-chapters.php";

const TITLE = "Book Chapters";
const HEADER = "Book Chapters";
const BREADCRUMB = "book-chapters";

include "../inc/head.php";
?>


      <!--////////////////// PreLoader Start//////////////////////-->
      <?php include "../inc/preloader.php"; ?>
      <!--////////////////// /.PreLoader END//////////////////////-->


    <div class="d-flex flex-column flex-root">
      <!--Page-->
      <div class="page d-flex flex-row flex-column-fluid">


        <!--///////////Page sidebar begin///////////////-->
        <?php include "../inc/aside.php"; ?>
        <!--///////////Page Sidebar End///////////////-->




        <!--///////////Page content wrapper///////////////-->
        <main class="page-content d-flex flex-column flex-row-fluid">

          <!--//page-header//-->
          <?php include "../inc/header.php"; ?>
          <!--Main Header End-->

            <!--//Page Header//-->
            <?php include "../inc/page-header.php"; ?>
            <!--//Page Header End//-->

            <!--//Page content//-->
            <div class="content d-flex flex-column-fluid">
                <div class="container-fluid px-0">
                    <div class="pt-3 px-3 px-lg-6 overflow-hidden">
                        <div class="card overflow-hidden">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="mb-0">Manage Chapters</h5>
                            </div>
                            <div class="card-body" style="padding-bottom: 25rem">
                                <form action="" method="get" name="showChapters" class="border-bottom pb-4">
                                    <div class="row">
                                        <div class="col-12 col-md-7 col-lg-4">
                                                <div class="form-floating">
                                                    <select class="form-control form-control-lg" data-choices='{"searchEnabled":true, "itemSelectText":"type above to filter"}' id="authorField" onChange="getBooks(this.value);">
                                                        <option value="">select author</option>
                                                        <?php
                                                        $q = dbSelect('authors', "*");
                                                        while($row = mysqli_fetch_assoc($q)){
                                                            ?>
                                                            <option <?php if(isset($author) && $author == $row['id']){ echo 'selected'; } ?> value="<?= $row['id'] ?>"><?= $row['fname']." ".$row['lname']." (".$row['username'].")" ?></option>
                                                        <?php } ?>
                                                    </select>
                                                </div>
                                        </div>
                                        <div class="col-12 col-md-7 col-lg-4">
                                                <div class="">
                                                    <select id="bookBox" class="form-control form-control-lg showBookChapters" name="book">
                                                        <?php
                                                        if($author > 0):
                                                            $q = dbSelect("books","*", "author=$author");
                                                            while($row = mysqli_fetch_assoc($q)){
                                                                ?>
                                                                <option <?php if($book == $row['id']){ echo 'selected'; } ?> value="<?= $row['id'] ?>"><?= $row['title'] ?></option>
                                                        <?php } endif ?>
                                                    </select>
                                                </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="row gy-3 gx-5 mt-4">
                                    <div class="col-md-4">
                                        <div class="pb-5">
                                            <?php if(isset($book) && $book > 0): ?>
                                            <div class="card">
                                                <div class="card-body mt-0">
                                                    <div class="row align-items-center">
                                                        <div class="col">
                                                            <div class="mb-2 pb-2 border-bottom">
                                                                <h6 class="mb-1"><?= $dbTitle ?></h6>
                                                                <small class="text-body-secondary">Updated <?= !empty($dbDu) ? getTimeAgo(strtotime($dbDu)) : 'never' ?></small>
                                                            </div>
                                                            <div class="">
                                                                <a class="rounded-circle btn btn-primary p-0" href="<?= $adminRoot ?>book-chapters?book=<?= $book ?>&add" data-tippy-content="Add Chapter" data-tippy-placement="right"><span class="material-symbols-rounded align-middle">add</span></a>
                                                            </div>
                                                        </div>
                                                        <div class="col-auto">
                                                            <img src="<?= $uploadsRoot ?>images/books/<?= $dbCover ?>" alt="..." width="65" class="rounded object-fit-cover">
                                                        </div>
                                                    </div>
                                                </div>

                                                <!--card Footer -->
                                                <div class="card-footer">
                                                    <h6 class="card-title">Chapters</h6>
                                                    <ul class="list-group list-group-flush mb-0">
                                                        <!--List group-item begin-->
                                                        <?php
                                                        $no = 1;
                                                        $q = dbSelect("chapters","*", "book=$book");
                                                        if(mysqli_num_rows($q) > 0){
                                                        while($row = mysqli_fetch_assoc($q)){
                                                            $id = $row['id'];
                                                        ?>
                                                        <li class="list-group-item bg-transparent px-3">
                                                            <div class="d-flex align-items-center">
                                                                <div class="flex-shrink-0 me-3">
                                                                    <span class="avatar sm rounded-circle d-flex align-items-center justify-content-center bg-primary-alt text-primary">
                                                                        <b><?= $no++ ?></b>
                                                                    </span>
                                                                </div>
                                                                <div class="overflow-hidden flex-grow-1">
                                                                    <h6 class="mb-0 text-truncate">
                                                                        <span class="text-reset"><?= $row['title'] ?></span>
                                                                    </h6>
                                                                    <span class="text-body-secondary text-truncate d-block"><?= substr($row['content'],0,60) ?></span>
                                                                </div>
                                                                <div class="">
                                                                    <!--Dropdown-->
                                                                    <div class="dropdown d-block">
                                                                        <a href="#" data-bs-toggle="dropdown" class="text-body-secondary d-block lh-1">
                                                                            <span class="align-middle material-symbols-rounded">more_vert</span>
                                                                        </a>
                                                                        <div class="dropdown-menu dropdown-menu-end mt-1">
                                                                            <a href="<?= $pageUrl ?>?book=<?= $book ?>&chapter=<?= $id ?>&edit" class="dropdown-item">Edit</a>
                                                                            <a class="dropdown-item manage-item" data-name="<?= $row['title'] ?>" data-table="chapters" data-url="ajax-manage?action=delete" data-action="delete" data-id="<?= $row['id'] ?>">Delete</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <?php }}else{ ?>
                                                        <li class="list-group-item">No chapter yet. Click <a href="<?= $adminRoot ?>book-chapters?book=<?= $book ?>&add" class="text-primary fw-bolder">HERE</a> to add one</li>
                                                        <?php } ?>
                                                    </ul>
                                                </div>
                                            </div>
                                            <?php else: ?>
                                            <h6>no book selected</h6>
                                            <?php endif ?>
                                        </div>
                                    </div>
                                    <div class="col-md-5 <?= isset($_GET['add']) || isset($_GET['edit']) ? 'border-start border-end' : '' ?>">
                                    <?php if(isset($_GET['add'])): ?>
                                        <div class="pb-5">
                                            <h5 class="ms-2">
                                                Chapter Information
                                                <a class="float-end" href="<?= $pageUrl ?>?book=<?= $book ?>" data-tippy-content="Close" data-tippy-placement="top"><i class="bi bi-x-square-fill text-primary"></i></a>
                                            </h5>
                                            <form class="row g-3" action="" method="post">
                                                <div class="col-12">
                                                    <div class="form-floating">
                                                        <input type="text" class="form-control" id="title" name="title" placeholder="" value="<?= $_POST['title'] ?? '' ?>">
                                                        <label for="title">Title <small class="text-info">100 characters max</small></label>
                                                    </div>
                                                    <span class="text-danger"><?= $titleErr ?? '' ?></span>
                                                </div>
                                                <div class="col-12">
                                                    <label for="synopsis">Content <small class="text-info">5000 words max</small></label>
                                                    <div class="form-floating">
                                                        <textarea name="content" id="content" cols="30" rows="7" class="form-control textual-tinyeditor"><?= $_POST['content'] ?? '' ?></textarea>
                                                        <label for="content">Content</label>
                                                    </div>
                                                    <span class="text-danger"><?= $contentErr ?? '' ?></span>
                                                </div>
                                                <div class="col-12">
                                                    <button type="submit" name="addChapter" class="btn btn-primary growBtn">Add</button>
                                                    <button type="reset" class="btn btn-secondary">Cancel</button>
                                                </div>
                                            </form>
                                        </div>
                                    <?php endif ?>
                                    <?php if(isset($_GET['edit'])): ?>
                                        <div class="pb-5">
                                            <h5>
                                                Edit Chapter Information
                                                <a class="float-end" href="<?= $pageUrl ?>?book=<?= $book ?>" data-tippy-content="Close" data-tippy-placement="top"><i class="bi bi-x-square-fill text-primary"></i></a>
                                            </h5>
                                            <form class="row g-3" action="" method="post">
                                                <h6 class="text-primary-alt mb-0 col-12">Update Title</h6>
                                                <div class="col-12">
                                                    <div class="form-floating">
                                                        <input type="text" class="form-control" id="title" name="title" placeholder="" value="<?= $_POST['title'] ?? $dbChapterTitle ?>">
                                                        <label for="title">Title</label>
                                                    </div>
                                                    <span class="text-danger"><?= $titleErr ?? '' ?></span>
                                                </div>
                                                <div class="col-12">
                                                    <button type="submit" name="updateTitle" class="btn btn-primary growBtn">Update</button>
                                                </div>
                                            </form>
                                            <form class="row g-3 mt-4 pt-4 border-top" action="" method="post">
                                                <h6 class="text-primary-alt mb-0 col-12">Update Content</h6>
                                                <div class="col-12">
                                                    <div class="form-floating">
                                                        <textarea name="content" id="content" cols="30" rows="7" class="form-control textual-tinyeditor"><?= $_POST['synopsis'] ?? $dbContent ?></textarea>
                                                        <label for="content">Synopsis</label>
                                                    </div>
                                                    <span class="text-danger"><?= $contentErr ?? '' ?></span>
                                                </div>
                                                <div class="col-12">
                                                    <button type="submit" name="updateContent" class="btn btn-primary growBtn">Update</button>
                                                </div>
                                            </form>
                                        </div>
                                    <?php endif ?>

                                    </div>
                                    <?php if(isset($_GET['edit'])): ?>
                                    <div class="col-md-3">
                                        <div class="pb-5">
                                            <h6>Chapter Preview</h6>
                                            <div class="card mb-3 mb-lg-5">
                                                <div class="card-body">
                                                    <div class="d-flex mb-3 align-items-center">
                                                        <img src="<?= $uploadsRoot ?>images/authors/profile/<?= $dbAuthorImage ?>" class="flex-shrink-0 avatar rounded-pill shadow me-4"
                                                             alt="">
                                                        <div>
                                                            <h6 class="mb-0"><?= ucfirst($dbAuthorName) ?></h6>
                                                            <small class="text-body-secondary"><?= formatDate($dbDc,"j M Y, h:ia") ?></small>
                                                        </div>
                                                    </div>
                                                    <h5 class="h5 mb-0 text-body">
                                                        <?= $dbChapterTitle ?>
                                                    </h5>
                                                    <hr>
                                                    <div class="text-justify chapterPreviewBox scrollbar pe-2 lead"><?= $dbContent ?></div>
                                                    <hr>
                                                    <div class="d-flex align-items-center justify-content-between">
                                                        <a href="#!" class="small">
                                                            <span class="material-symbols-rounded align-middle me-1 fs-5 text-primary">mark_chat_read</span> <?= number_format(3902) ?>
                                                        </a>
                                                        <a href="#!" class="small">
                                                            <span class="material-symbols-rounded align-middle me-1 fs-5 text-primary">thumb_up</span> <?= number_format(3902) ?>
                                                        </a>
                                                        <a href="#!" class="small">
                                                            <span class="material-symbols-rounded align-middle me-1 fs-5 text-primary">comment</span> <?= number_format(3902) ?>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="card-footer">
                                                    <div class="d-flex align-items-center justify-content-end">
                                                        <a class="btn btn-sm btn-warning me-2 manage-item" data-name="<?= $dbChapterTitle ?>" data-table="chapters" data-url="ajax-manage?action=delete" data-callback="<?= $pageUrl."?book=$book" ?>" data-action="delete" data-id="<?= $chapter ?>">Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <?php endif ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--//Page content End//-->

           <!--//Page-footer//-->
           <?php include "../inc/footer.php"; ?>
            <!--/.Page Footer End-->

        </main>
        <!--///////////Page content wrapper End///////////////-->
      </div>
    </div>


<?php include "../inc/foot.php"; ?>