Similar Items are working.

This commit is contained in:
2023-07-18 09:58:50 -05:00
parent 4d8e5322d6
commit 85e4d2a7e6
3 changed files with 183 additions and 532 deletions

328
item.php
View File

@ -1,328 +0,0 @@
<?php
include_once "settings.php";
// Get and use an item record ID (ItemRecordID) to use for a data pull
$ItemID = htmlspecialchars($_GET["itemid"]);
// -------------------- BEGIN DATABASE QUERIES --------------------
// Establish atabase connection
$db = new SQLite3('metadata.sqlite');
// ---------- Pull data from books table ----------
$book = $db->query("SELECT id, title, date(timestamp), author_sort, strftime('%Y',pubdate) AS pubyear, date(last_modified) FROM books WHERE id = '$ItemID'");
while ($row = $book->fetchArray()) {
$row_id = $row['id'];
$row_title = $row['title'];
$row_created = $row['date(timestamp)'];
$row_author_sort = $row['author_sort'];
$row_pubdate = $row['pubyear'];
$row_modified = $row['date(last_modified)'];
}
// ---------- Pull data from authors table ----------
$author = $db->query("SELECT name FROM authors
INNER JOIN books_authors_link
ON books_authors_link.author = authors.id
WHERE books_authors_link.book = '$ItemID'");
while ($row = $author->fetchArray()) {
$row_creator = $row['name'];
}
// ---------- Pull data from comments table ----------
$summary = $db->query("SELECT text FROM comments WHERE book = '$ItemID'");
while ($row = $summary->fetchArray()) {
$row_summary = $row['text'];
}
// ---------- Pull data from publishers table ----------
$publisher = $db->query("SELECT name from publishers
INNER JOIN books_publishers_link
ON books_publishers_link.publisher = publishers.id
WHERE books_publishers_link.book = '$ItemID'");
while ($row = $publisher->fetchArray()) {
$row_publisher = $row['name'];
}
// ---------- Pull data from tags table ----------
$tags = $db->query("SELECT name FROM tags
INNER JOIN books_tags_link
ON books_tags_link.tag = tags.id
WHERE tags.name NOT LIKE 'infopump%'
AND books_tags_link.book = '$ItemID'");
// ---------- Pull data from identifiers table ----------
$identifiers = $db->query("SELECT type, val FROM identifiers WHERE book = '$ItemID'");
// ---------- Pull data from languages table ----------
$languages = $db->query("SELECT languages.lang_code AS lang_code FROM languages
INNER JOIN books_languages_link
ON books_languages_link.lang_code = languages.id
WHERE book = '$ItemID'
ORDER BY books_languages_link.item_order");
// ---------- Pull data from tags table to dertermine type ----------
$type = $db->query("SELECT SUBSTR(name,15) AS itemtype FROM tags
INNER JOIN books_tags_link
ON books_tags_link.tag = tags.id
WHERE tags.name LIKE 'infopump-type%'
AND books_tags_link.book = '$ItemID'");
while ($row = $type->fetchArray()) {
$row_type = $row['itemtype'];
}
// -------------------- END DATABASE QUERIES --------------------
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content=<?php echo '"Infopump - Item record - '.$row_title.'"/>'; ?>
<meta name="keywords" content="infopump, bibliography, media, catalog" />
<meta name="author" content="Daniel Messer" />
<!-- Social Media Integration -->
<meta property="og:title" content=<?php echo '"'.$SiteName.' - Item Record" />';?>
<meta property="og:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
<meta property="og:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<meta property="og:site_name" content=<?php echo '"'.$SiteName.'" />'; ?>
<meta property="og:description" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta name="twitter:title" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta name="twitter:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
<meta name="twitter:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<meta name="twitter:card" content="summary" />
<?php echo '<title>Item Record: '.$row_title.'</title>'; ?>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="item/assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="item/css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#!"><?php echo 'Infopump - Item '.$ItemID; ?></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#!">About</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#!">All Products</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="#!">Popular Items</a></li>
<li><a class="dropdown-item" href="#!">New Arrivals</a></li>
</ul>
</li> -->
</ul>
<!-- <form class="d-flex">
<button class="btn btn-outline-dark" type="submit">
<i class="bi-cart-fill me-1"></i>
Cart
<span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
</button>
</form> -->
</div>
</div>
</nav>
<!-- Product section-->
<section class="py-5">
<div class="container px-4 px-lg-5 my-5">
<div class="row gx-4 gx-lg-5 align-items-center">
<div class="col-md-6"><img class="card-img-top mb-5 mb-md-0" src="images/<?php echo $row_id.'.jpg' ?>" alt="<?php echo $row_title; ?>" title="<?php echo $row_title; ?>" /></div>
<div class="col-md-6">
<div class="small mb-1"><?php echo 'Item Record '.$ItemID; ?></div>
<h1 class="display-5 fw-bolder"><?php echo $row_title; ?></h1>
<div class="fs-5 mb-5">
<span><?php echo $row_creator; ?></span>
</div>
<p class="lead"><?php echo $row_summary; ?></p>
<div class="d-flex">
<!-- <input class="form-control text-center me-3" id="inputQuantity" type="num" value="1" style="max-width: 3rem" />
<button class="btn btn-outline-dark flex-shrink-0" type="button">
<i class="bi-cart-fill me-1"></i>
Add to cart
</button> -->
</div>
</div>
</div>
<div class="row gx-4 gx-lg-5 align-items-center">
<div class="col-md-6"></div>
<div class="col-md-6">
<h3 class="fw-bolder"><u>Metadata</u></h3>
<p class="metadata"><br />
<?php
echo '<strong>Item Control Number: </strong>'.$ItemID.'<br />';
echo '<strong>Title:</strong> '.$row_title.'<br />';
echo '<strong>Creator:</strong> '.$row_author_sort.'<br />';
echo '<strong>Publisher:</strong> '.$row_publisher.'<br />';
echo '<strong>Date: </strong>'.$row_pubdate.'<br />';
echo '<strong>Type: </strong>'.$row_type.'<br />';
echo '<strong>Subjects: </strong>';
while ($row = $tags->fetchArray()) {
$row_tags = $row['name'];
echo '['.$row_tags.'] ';
}
echo '<br/ ><strong>Identifiers: </strong><br />';
while ($row = $identifiers->fetchArray()) {
$row_id_type = $row['type'];
$row_id_val = $row['val'];
echo '<span style="margin-left: 10px;">'.$row_id_type.': ' .$row_id_val.'</span><br />';
}
echo '<strong>Language(s): </strong>';
while ($row = $languages->fetchArray()) {
$row_lang_code = $row['lang_code'];
echo '[ '.$row_lang_code.' ] ';
}
echo '<br /><strong>Created: </strong>'.$row_created.'<br />';
echo '<strong>Last Modified: </strong>'.$row_modified;
?>
</p>
</div>
</div>
</div>
</section>
<!-- Related items section-->
<section class="py-5 bg-light">
<div class="container px-4 px-lg-5 mt-5">
<h2 class="fw-bolder mb-4">Similar items</h2>
<div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
<div class="col mb-5">
<div class="card h-100">
<!-- Product image-->
<img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
<!-- Product details-->
<div class="card-body p-4">
<div class="text-center">
<!-- Product name-->
<h5 class="fw-bolder">Fancy Product</h5>
<!-- Product price-->
$40.00 - $80.00
</div>
</div>
<!-- Product actions-->
<div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
<div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a></div>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card h-100">
<!-- Sale badge-->
<div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
<!-- Product image-->
<img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
<!-- Product details-->
<div class="card-body p-4">
<div class="text-center">
<!-- Product name-->
<h5 class="fw-bolder">Special Item</h5>
<!-- Product reviews-->
<div class="d-flex justify-content-center small text-warning mb-2">
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
</div>
<!-- Product price-->
<span class="text-muted text-decoration-line-through">$20.00</span>
$18.00
</div>
</div>
<!-- Product actions-->
<div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
<div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card h-100">
<!-- Sale badge-->
<div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
<!-- Product image-->
<img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
<!-- Product details-->
<div class="card-body p-4">
<div class="text-center">
<!-- Product name-->
<h5 class="fw-bolder">Sale Item</h5>
<!-- Product price-->
<span class="text-muted text-decoration-line-through">$50.00</span>
$25.00
</div>
</div>
<!-- Product actions-->
<div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
<div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card h-100">
<!-- Product image-->
<img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
<!-- Product details-->
<div class="card-body p-4">
<div class="text-center">
<!-- Product name-->
<h5 class="fw-bolder">Popular Item</h5>
<!-- Product reviews-->
<div class="d-flex justify-content-center small text-warning mb-2">
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
<div class="bi-star-fill"></div>
</div>
<!-- Product price-->
$40.00
</div>
</div>
<!-- Product actions-->
<div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
<div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2023</p></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="item/js/scripts.js"></script>
</body>
</html>

View File

@ -58,6 +58,31 @@ ON books_tags_link.tag = tags.id
WHERE tags.name NOT LIKE 'infopump%'
AND books_tags_link.book = '$ItemID'");
// ---------- Pull data from tags table for Similar items ----------
$similartags = $db->query("SELECT name FROM tags
INNER JOIN books_tags_link
ON books_tags_link.tag = tags.id
WHERE tags.name NOT LIKE 'infopump%'
AND books_tags_link.book = '$ItemID' LIMIT 2");
$simtag = array();
while($row = $similartags->fetchArray()) {
$simtag[] = $row['name'];
}
$getsimilar = $db->query("SELECT books.id, title, author_sort
FROM books
INNER JOIN books_tags_link
ON books_tags_link.book = books.id
INNER JOIN tags
ON tags.id = books_tags_link.tag
WHERE (tags.name LIKE '$simtag[0]'
OR tags.name LIKE '$simtag[1]')
AND books.id != '$ItemID' LIMIT 4");
// ---------- Pull data from identifiers table ----------
$identifiers = $db->query("SELECT type, val FROM identifiers WHERE book = '$ItemID'");
@ -85,221 +110,175 @@ while ($row = $type->fetchArray()) {
// -------------------- END DATABASE QUERIES --------------------
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php echo '<title>Item Record: '.$row_title.'</title>'; ?>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=<?php echo '"Infopump - Item record - '.$row_title.'"/>'; ?>
<meta name="keywords" content="infopump, bibliography, media, catalog" />
<meta name="author" content="Daniel Messer" />
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content=<?php echo '"Infopump - Item record - '.$row_title.'"/>'; ?>
<meta name="keywords" content="infopump, bibliography, media, catalog" />
<meta name="author" content="Daniel Messer" />
<!--
//////////////////////////////////////////////////////
<!-- Social Media Integration -->
<meta property="og:title" content=<?php echo '"'.$SiteName.' - Item Record" />';?>
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FREEHTML5.CO
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
<meta property="og:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
//////////////////////////////////////////////////////
-->
<meta property="og:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=<?php echo '"'.$SiteName.' - Item Record" />';?>
<meta property="og:site_name" content=<?php echo '"'.$SiteName.'" />'; ?>
<meta property="og:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
<meta property="og:description" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta property="og:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<meta name="twitter:title" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta property="og:site_name" content=<?php echo '"'.$SiteName.'" />'; ?>
<meta name="twitter:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
<meta property="og:description" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta name="twitter:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<meta name="twitter:title" content=<?php echo '"'.$row_title.' - '.$row_creator.'" />'; ?>
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content=<?php echo '"'.$SiteURL.'/images/'.$row_id.'.jpg" />'; ?>
<?php echo '<title>Item Record: '.$row_title.'</title>'; ?>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="item/assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="item/css/styles.css" rel="stylesheet" />
</head>
<meta name="twitter:url" content=<?php echo '"'.$SiteURL.'/itemrecord.php?itemid='.$row_id.'" />'; ?>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#!"><?php echo 'Infopump - Item '.$ItemID; ?></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="index.php">Home</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#!">About</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#!">All Products</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="#!">Popular Items</a></li>
<li><a class="dropdown-item" href="#!">New Arrivals</a></li>
</ul>
</li> -->
</ul>
<!-- <form class="d-flex">
<button class="btn btn-outline-dark" type="submit">
<i class="bi-cart-fill me-1"></i>
Cart
<span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
</button>
</form> -->
</div>
</div>
</nav>
<!-- Product section-->
<section class="py-5">
<div class="container px-4 px-lg-5 my-5">
<div class="row gx-4 gx-lg-5 align-items-center">
<div class="col-md-6"><img class="card-img-top mb-5 mb-md-0" src="images/<?php echo $row_id.'.jpg' ?>" alt="<?php echo $row_title; ?>" title="<?php echo $row_title; ?>" /></div>
<div class="col-md-6">
<div class="small mb-1"><?php echo 'Item Record '.$ItemID; ?></div>
<h1 class="display-5 fw-bolder"><?php echo $row_title; ?></h1>
<div class="fs-5 mb-5">
<span><?php echo $row_creator; ?></span>
</div>
<p class="lead"><?php echo $row_summary; ?></p>
<div class="d-flex">
<!-- <input class="form-control text-center me-3" id="inputQuantity" type="num" value="1" style="max-width: 3rem" />
<button class="btn btn-outline-dark flex-shrink-0" type="button">
<i class="bi-cart-fill me-1"></i>
Add to cart
</button> -->
</div>
</div>
</div>
<div class="row gx-4 gx-lg-5 align-items-center">
<div class="col-md-6"></div>
<div class="col-md-6">
<h3 class="fw-bolder"><u>Metadata</u></h3>
<p class="metadata"><br />
<?php
echo '<strong>Item Control Number: </strong>'.$ItemID.'<br />';
echo '<strong>Title:</strong> '.$row_title.'<br />';
echo '<strong>Creator:</strong> '.$row_author_sort.'<br />';
echo '<strong>Publisher:</strong> '.$row_publisher.'<br />';
echo '<strong>Date: </strong>'.$row_pubdate.'<br />';
echo '<strong>Type: </strong>'.$row_type.'<br />';
echo '<strong>Subjects: </strong>';
while ($row = $tags->fetchArray()) {
$row_tags = $row['name'];
echo '['.$row_tags.'] ';
}
echo '<br/ ><strong>Identifiers: </strong><br />';
while ($row = $identifiers->fetchArray()) {
$row_id_type = $row['type'];
$row_id_val = $row['val'];
echo '<span style="margin-left: 10px;">'.$row_id_type.': ' .$row_id_val.'</span><br />';
}
echo '<strong>Language(s): </strong>';
while ($row = $languages->fetchArray()) {
$row_lang_code = $row['lang_code'];
echo '[ '.$row_lang_code.' ] ';
}
echo '<br /><strong>Created: </strong>'.$row_created.'<br />';
echo '<strong>Last Modified: </strong>'.$row_modified;
?>
</p>
</div>
<meta name="twitter:card" content="summary" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
<!-- Animate -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon -->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="fh5co-offcanvas">
<a href="#" class="fh5co-close-offcanvas js-fh5co-close-offcanvas"><span><i class="icon-cross3"></i> <span>Close</span></span></a>
<div class="fh5co-bio">
<figure>
<a href="index.php"><img src="images/avatar.jpg" alt="Infopump Avatar" class="img-responsive"></a>
</figure>
<h3 class="heading">About the Project</h3>
<a href="index.php"><h2>Infopump</h2></a>
<p>A bibliographic management and display system.</p>
<ul class="fh5co-social">
<!--<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>-->
</ul>
</div>
<div class="fh5co-menu">
<div class="fh5co-box">
<h3 class="heading">Categories</h3>
<ul>
<li><a href="#">Books</a></li>
<li><a href="#">Movies</a></li>
<li><a href="#">Television</a></li>
<li><a href="#">Video Games</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="fh5co-box">
<h3 class="heading">Search</h3>
<form action="basictitlesearch.php" method="get">
<div class="form-group">
<input type="text" class="form-control" name="titlesearch" placeholder="Basic title search">
</div>
</form>
</div>
</div>
</div>
<!-- END #fh5co-offcanvas -->
<header id="fh5co-header">
<div class="container-fluid">
<div class="row">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<ul class="fh5co-social">
<!--<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>-->
</ul>
<div class="col-lg-12 col-md-12 text-center">
<?php echo '<h1 id="fh5co-logo">Item Record '.$ItemID.'</h1>';?>
</div>
</div>
</div>
</header>
<a href="#" class="fh5co-post-prev"><span><i class="icon-chevron-left"></i> Prev</span></a>
<a href="#" class="fh5co-post-next"><span>Next <i class="icon-chevron-right"></i></span></a>
<!-- END #fh5co-header -->
<div class="container-fluid">
<div class="row fh5co-post-entry single-entry">
<article class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
<figure class="animate-box">
<?php echo '<img src="images/'.$row_id.'.jpg" alt="'.$row_title.'" title="'.$row_title.'" class="img-responsive">';?>
</figure>
<?php echo '<h2 class="fh5co-article-title animate-box">'.$row_title.'</h2>';?>
<?php echo '<span class="fh5co-meta fh5co-date animate-box">'.$row_creator.'</span>';?>
<div class="col-lg-12 col-lg-offset-0 col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-left content-article">
<div class="row">
<div class="col-lg-7 cp-r animate-box">
<?php echo $row_summary;?>
</div>
<div class="col-lg-5 animate-box">
<div class="fh5co-highlight right">
<h4>Metadata</h4>
<p>
<?php
echo '<strong>Item Control Number: </strong>'.$ItemID.'<br />';
echo '<strong>Title:</strong> '.$row_title.'<br />';
echo '<strong>Creator:</strong> '.$row_author_sort.'<br />';
echo '<strong>Publisher:</strong> '.$row_publisher.'<br />';
echo '<strong>Date: </strong>'.$row_pubdate.'<br />';
echo '<strong>Type: </strong>'.$row_type.'<br />';
echo '<strong>Subjects: </strong>';
while ($row = $tags->fetchArray()) {
$row_tags = $row['name'];
echo '['.$row_tags.'] ';
}
echo '<br/ ><strong>Identifiers: </strong><br />';
while ($row = $identifiers->fetchArray()) {
$row_id_type = $row['type'];
$row_id_val = $row['val'];
echo '<span style="margin-left: 10px;">'.$row_id_type.': ' .$row_id_val.'</span><br />';
}
echo '<strong>Language(s): </strong>';
while ($row = $languages->fetchArray()) {
$row_lang_code = $row['lang_code'];
echo '[ '.$row_lang_code.' ] ';
}
echo '<br /><strong>Created: </strong>'.$row_created.'<br />';
echo '<strong>Last Modified: </strong>'.$row_modified;
?>
</p>
</div>
</div>
</div>
<!--<div class="row rp-b">
<div class="col-md-12 animate-box">
<blockquote>
<p>&ldquo;She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove &rdquo; <cite>&mdash; Jean Smith</cite></p>
</blockquote>
</div>
</div> -->
</div>
</article>
</div>
</div>
<footer id="fh5co-footer">
<p><small>&copy; Creative Commons By-NC-SA<br> Design by <a href="http://freehtml5.co" target="_blank">FREEHTML5.co</a></small></p>
</footer>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Main JS -->
<script src="js/main.js"></script>
</body>
</div>
</div>
</section>
<!-- Related items section-->
<section class="py-5 bg-light">
<div class="container px-4 px-lg-5 mt-5">
<h2 class="fw-bolder mb-4">Similar items</h2>
<div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center"> <!-- Begin Similar Items display area -->
<?php
while ($row = $getsimilar->fetchArray()) {
$row_simbookid = $row['id'];
$row_simtitle = $row['title'];
$row_simauthorsort = $row['author_sort'];
echo '<div class="col mb-5"> <!-- Begin Similar Items card -->';
echo '<div class="card h-100">';
echo '<!-- Item image-->';
echo '<a href="itemrecord.php?itemid='.$row_simbookid.'"><img class="card-img-top" src="images/'.$row_simbookid.'.jpg" /></a>';
echo '<!-- Product details-->';
echo '<div class="card-body p-4">';
echo '<div class="text-center">';
echo '<!-- Item name-->';
echo '<h5 class="fw-bolder">'.$row_simtitle.'</h5>';
echo '<!-- Item creator-->';
echo $row_author_sort;
echo '</div>';
echo '</div>';
echo '<!-- Item actions-->';
echo '<div class="card-footer p-4 pt-0 border-top-0 bg-transparent">';
echo '<div class="text-center"><a class="btn btn-outline-dark mt-auto" href="itemrecord.php?itemid='.$row_simbookid.'">View Item</a></div>';
echo '</div>';
echo '</div>';
echo '</div> <!-- End Similar Items card -->';
}
?>
</div> <!-- End Similar Items display area -->
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2023</p></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="item/js/scripts.js"></script>
</body>
</html>