{% extends "base.html" %}
{% block main_content %}
	<h3><center>View/Edit Book</center></h1>
		{% set keys = [ 'title', 'author', 'publisher', 'genre', 'owned', 'covertype', 'condition', 'year_published', 'rating', 'notes', 'blurb' ] %}
		<div class="container">
			<div class="row with-margin">
				<form class="form col-lg-12">
				{% for key in keys %}
					<div class="input-group input-group-lg">
						<label for="{{key}}" class="col-lg-2 col-form-label">{{key}}:</label>
						<div class="col-lg-10">
						{% if books[key] is iterable and books[key] is not string %}
							{% set cnt = namespace(idx=0, val=0) %}
							{% for objects in books[key] %}
								{% set cnt.val = 0 %}
								{% set str = namespace(val="") %}
								<span class="form-control-plaintext" id="{{key}}">
								{% for attr in objects %}
									{% if attr != "id" %}
										{% if cnt.val > 0 %}
											{% set str.val=str.val+", "+objects[attr] %}
										{% else %}
											{% set str.val=str.val+objects[attr] %}
										{% endif %}
										{% set cnt.val = cnt.val + 1 %}
									{% endif %}
								{% endfor %}
								{% if key != "genre" %}
								<a href="{{url_for(key, id=books[key][cnt.idx].id)}}">{{str.val}}</a>
								{% endif %}
								</span>
								{% set cnt.idx = cnt.idx+1 %}
							{% endfor %}
							</table>
						{% else %}
							{% if key == "notes" or key == "blurb" %}
								<textarea rows="5" type="text" class="form-control input-lg" id="{{key}}">{{books[key]}}</textarea>
							{% else %}
								<input type="text" class="form-control input-lg" id="{{key}}" value="{{books[key]}}">
							{% endif %}
						{% endif %}
						</div class="col-lg-8">
					</div class="form-group">
				{% endfor %}
				</form>
			</div class="row">
		</div class="container">
		{% if books.sub_book|length %}
			<p>sub_book is defined: {{books.sub_book}}</p>
		{% endif %}
		{{ books.subs }}
{% endblock main_content %}