@extends('layout')

@section('title', 'Help')

@section('content')

	<div class="panel panel-default">	
		<div class="panel-heading">
			<h3 class="panel-title"><i class="fa fa-question-circle"></i> Help</h3>
		</div>
		
		<div class="panel-body">
			<div class="row">
				
				<div id="helpcontents" class="col-md-3">
					<h3>Help Contents</h3>
					<ul class="list-unstyled">
						<li><a href="#jobs">Jobs</a>
							<ul>
								<li><a href="#jobs_about">About Jobs</a></li>
								<li><a href="#jobs_management">Job List</a></li>
								<li><a href="#jobs_create">Create a job</a></li>
								<li><a href="#jobs_view">View a job</a></li>
								<li><a href="#jobs_edit">Edit a job</a></li>
								<li><a href="#jobs_artwork">Artwork</a>
									<ul>
										<li><a href="#jobs_artwork_add">Add artwork a job</a></li>
										<li><a href="#jobs_artwork_revision">Add a new artwork revision</a></li>
										<li><a href="#jobs_artwork_status">Artwork status changes</a></li>
									</ul>
								</li>
								<li><a href="#jobs_customer">Customer Interaction</a></li>
							</ul>
						</li>
						
						<li><a href="#admin">Administrators</a>
							<ul>
								<li><a href="#admin_about">About Administrators</a></li>
								<li><a href="#admin_management">Administrator Management</a></li>
							</ul>
						</li>
						
						<li><a href="#companies">Companies</a>
							<ul>
								<li><a href="#companies_about">About Companies</a></li>
								<li><a href="#companies_management">Company Management</a></li>
							</ul>
						</li>
						
						<li><a href="#contacts">Contacts</a>
							<ul>
								<li><a href="#contacts_about">About Contacts</a></li>
								<li><a href="#contacts_management">Contacts Management</a></li>
							</ul>
						</li>
						<li><a href="#about">About LSi Artwork Approval</a></li>
					</ul>
				</div>
				
				<div class="col-md-9 col-md-push-3">
					<h2><a name="jobs"></a>Jobs</h2>
					
						<h3><a name="jobs_about"></a>About Jobs</h3>
						<p>Jobs are where you store all the information for artwork, company and contact for each order.</p>
						
						<h3><a name="jobs_management"></a>Job List</h3>
						
						<div class="row">
							<div class="col-md-7">
								<p>The <a href="{{ URL::to('jobs') }}">Job List</a> is where every job added to the system in the previous 28 days is displayed.</p>
								<p>From here you can see the status of jobs at a glance, sort by whichever column you wish and search for particular job numbers, account codes, customers, contact, administrators or statuses.</p>
								<p>Jobs older than 28 days are not deleted but archived and can be access by the database administrator if required.</p>
								<p>Each row in the job table has a <a href="#jobs_view">view</a> button and <a href="#jobs_edit">edit</a> button. Clicking view will take you to a detailed view of the job and related artwork, clicking edit will take you to a form where you can change the basic details of the job.</p>
							</div>
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/job_list.jpg" data-toggle="lightbox" data-title="The Job List"><img src="