{{-- sarah --}}
@extends('admin.master')
@section('admin-content')
	<div class="container">
		<div class="row">
			<form class="form-horizontal">
				<div class="col-sm-12 form-group">
				<label class="control-label">الموضوعات</label>
					<select pages_count="{{$pages_count}}" class="form-control" id="toc-books">
						@foreach($books as $book)
						<option value="{{$book->id}}">{{$book->title}}</option>
						@endforeach
					</select>
				</div>

				<div class="col-sm-6 form-group">
					<label for="toc-title" class="control-label">العنوان الفرعى</label>
					<input type="text" id="toc-title" name="toc" class="form-control" />
					<div class="alert alert-danger" id="toc_name_error" style="display:none">برجاء إدخال العنوان الفرعي.</div>
				</div>

				<div class="col-sm-6 form-group">
					<label for="toc-num" class="control-label">رقم الصفحة</label>
					<input type="text" id="toc-num" name="toc" class="form-control" />
					<span id="count_warn"></span>
					<div class="alert alert-danger" id="toc_num_error" style="display:none">برجاء إدخال رقم الصفحة لهذا للفهرس.</div>
				</div>

				<div class="col-sm-2 form-group" style="margin-top:40px">
					<input class="btn btn-success" type="button" id="add-toc" name="add-toc" value="أضف عنوان فرعى" />
				</div>
				<div class="col-sm-2 form-group" style="margin-top:40px">
					<input class="btn btn-danger" type="button" id="undo-toc" name="undo-toc" value="تراجع" />
				</div>
				<div class="col-sm-12 form-group" style="margin-bottom:20px">
					<input type="submit" id="save-toc" name="save-toc" class="btn btn-primary" value="حفظ" />
				</div>


				<div class="col-sm-12 form-group">
					<label class="control-label">الصفحات</label>
					<div id="pages-toc-contents" class="form-control" style="overflow: scroll; height:200px;" name="book-pages-input" required  class="form-control">
						{!!$books->first()->pages_html!!}
					</div>
				</div>
			</form>
		</div>
	</div>
@endsection