<?php $__env->startSection('title', 'Help'); ?>

<?php $__env->startSection('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="<?php echo 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="<?=Croppa::url('img/help/job_list.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">Job List</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>							
						
						<h3><a name="jobs_create"></a>Create a job</h3>
						
						<div class="row">
							<div class="col-md-7">								
								<p>The <a href="<?php echo URL::to('jobs/create'); ?>">Create A Job</a> form asks for the job number, which administrator is overlooking the job, which company and contact that job is for.</p>
								<p>Please note: You will need to have created <a href="#companies_add">your company</a> and <a href="#contacts_add">contact</a> before creating the job.</p>								
							</div>
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/create_a_job.jpg" data-toggle="lightbox" data-title="Create A Job Form"><img src="<?=Croppa::url('img/help/create_a_job.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">Create A Job</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>							
					
						<h3><a name="jobs_view"></a>View a job</h3>
						
						<div class="row">
							<div class="col-md-7">
								<p>This page shows all of the information regarding the job itself, the company and contact it's for, the administrator overlooking the job and all artwork relating to that job with the approval status for each.</p>
								<p>From here you can upload artwork to the job, send e-mails to the contact, edit or delete the job, delete pieces of artwork and manually change the approval status of each piece of artwork.</p>
								<p>Artwork is displayed in two tabs underneath the basic job information named Current Artwork and Rejected Artwork.</p>
								<p>Current Artwork is any piece of artwork that doesn't have a newer revision. This means that newly rejected artwork with no revised artwork uploaded will show in both tabs.</p>
								<p>Also on this screen is a log of the actions taken relating to the job. This includes creation time, when artwork was uploaded, approved or rejected and when e-mails were sent. The most recent event is shown at the top of the log.</p>
							</div>
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/view_a_job.jpg" data-toggle="lightbox" data-title="Job Details"><img src="<?=Croppa::url('img/help/view_a_job.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">View A Job</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>
						
						<h3><a name="jobs_edit"></a>Edit a job</h3>
						
						<div class="row">
							<div class="col-md-7">
								<p>The job itself doesn't contain that much information, it's basically just a record of the job number, who the administrator is and who the job is for so there is little to change on this page.</p>
								<p>If, however, you need to changed any of these details you can do so from the <a href="#jobs_list">Job List</a> or <a href="#jobs_view">View Job</a> pages by clicking the Edit button.</p>
								<p>You may also delete a job from this page.</p>
							</div>
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/edit_job.jpg" data-toggle="lightbox" data-title="Edit A Job Form"><img src="<?=Croppa::url('img/help/edit_job.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">Edit A Job</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>
						
						<h3><a name="jobs_artwork"></a>Artwork</h3>
						
						<p>A job may have lots of artwork with different revision numbers and approved statuses. A lot of the organisation is done for you.</p>
						<p>Artwork is split into two types: Current Artwork and Rejected Artwork. A piece of Rejected Artwork will still be Current Artwork if there is no newer revision for that product.</p>
						
						<h4><a name="jobs_artwork_add"></a>Add artwork a job</h4>
						
						<div class="row">
							<div class="col-md-7">
								<p>By clicking the Upload Artwork button on the job details page, you find a form with three fields: Revision, Product Name and Artwork File. Enter details into these boxes.</p>
								<p>If the job has more than one piece of artwork, you can upload many at once by clicking the Add A Row button beneath the form.</p>
								<p>Once you're done, click the green Upload Artwork button. You will be taken back to the details page for your job.</p>
							</div>
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/upload_artwork.jpg" data-toggle="lightbox" data-title="Artwork Upload Form"><img src="<?=Croppa::url('img/help/upload_artwork.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">Upload Artwork</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>
						
						<h4><a name="jobs_artwork_revision"></a>Add a new artwork revision</h4>
						
						<p>To add a new revision for a product, do as you would do for uploading new artwork and choose the relevant revision number for your artwork file. The Product Name field will change into a drop-down box for you to select which product you're revising.</p>
						
						<h4><a name="jobs_artwork_status"></a>Artwork status changes</h4>
						
						<div class="row">
							<div class="col-md-7">
								<p>When a job no longer has any pending artwork, an e-mail is sent to the administrator to tell them. It may be that the job is completely approved or that there is rejected artwork. Once of two e-mails are sent to the administrator informing them of the status of the order.</p>
								
								<div class="row">
									<div class="col-md-6">
										<div class="thumbnail">
											<a href="img/help/email_auto_approve.jpg" data-toggle="lightbox" data-title="Auto E-Mail: Job Approved"><img src="<?=Croppa::url('img/help/email_auto_approve.jpg', 824)?>" class="img-responsive"></a>
											<span class="caption">
												<span class="pull-left">Job Approved E-Mail</span>
											</span>
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="thumbnail">
											<a href="img/help/email_auto_reject.jpg" data-toggle="lightbox" data-title="Auto E-Mail: Job Approved"><img src="<?=Croppa::url('img/help/email_auto_reject.jpg', 824)?>" class="img-responsive"></a>
											<span class="caption">
												<span class="pull-left">Job Rejected E-Mail</span>
											</span>
										</div>
									</div>
								</div>
								
								<p>Reasons for rejection are shown beneath the relevant piece of artwork on the <a href="#jobs_view">View A Job</a> page.</p>
							</div>
							
							<div class="col-md-5">
								<div class="thumbnail">
									<a href="img/help/artwork_status.jpg" data-toggle="lightbox" data-title="Artwork Status Example"><img src="<?=Croppa::url('img/help/artwork_status.jpg', 824)?>" class="img-responsive"></a>
									<span class="caption">
										<span class="pull-left">Artwork Status</span>
										<span class="pull-right"><small>Click image to view full size</small></span>
									</span>
								</div>
							</div>
						</div>
						
						
						
						<h3><a name="jobs_customer"></a>Customer Interaction</h3>
						
						<p>There are three e-mails you can send to contacts, one to tell them their first set of artwork is ready to review (named New Job), one to tell them there's a new revision of a previously rejected artwork ready to review (named New Revision Added) and another to remind customers to review their artwork if you wish to chase it up.</p>
						<p>Each e-mail tells the contact their access code for the job (which is generated automatically when a job is created) and provides a link for them to click on to access their slimmed-down version of the <a href="#jobs_view">View A Job</a> page.</p>
						
						
						<div class="row">
							<div class="col-md-4">
								<div class="thumbnail">
									<a href="img/help/email_new_job.jpg" data-toggle="lightbox" data-title="New Job E-Mail">
										<img src="img/help/email_new_job.jpg" class="img-responsive">
									</a>
									<span class="caption">
										<span class="pull-left">New Job</span>
										<span class="pull-right"><small>Click to view full size</small></span>
									</span>
								</div>
							</div>
							
							<div class="col-md-4">
								<div class="thumbnail">
									<a href="img/help/email_new_revision.jpg" data-toggle="lightbox" data-title="New Revision E-Mail">
										<img src="img/help/email_new_revision.jpg" class="img-responsive">
									</a>
									<span class="caption">
										<span class="pull-left">New Revision</span>
										<span class="pull-right"><small>Click to view full size</small></span>
									</span>
								</div>
							</div>
							
							<div class="col-md-4">
								<div class="thumbnail">
									<a href="img/help/email_reminder.jpg" data-toggle="lightbox" data-title="Reminder E-Mail">
										<img src="img/help/email_reminder.jpg" class="img-responsive">
									</a>
									<span class="caption">
										<span class="pull-left">Reminder</span>
										<span class="pull-right"><small>Click to view full size</small></span>
									</span>
								</div>
							</div>
						</div>
					
					<hr>
					
					<h2><a name="admin"></a>Administrators</h2>
					
					<h3><a name="admin_about"></a>About Administrators</h3>
					
					<div class="row">
						<div class="col-md-7">				
							<p>The stars of the show, hence the star icon. Administrators are the ones who create the jobs, upload the artwork, send the e-mails and generally keep a check on things.</p>
								
							<h3><a name="admin_management"></a>Administrator Management</h3>
							
							<p>There are five fields on this screen asking for the e-mail address of the administrator (which they will use to log in), their full name, job title, telephone number and password.</p>
							<p>To edit an administrator, click the edit button on their view page or the edit button on their row of the administrator list. Any of the fields mentioned before can be changed.</p>
						</div>
						<div class="col-md-5">
							<div class="thumbnail">
								<a href="img/help/admin_add.jpg" data-toggle="lightbox" data-title="Add An Administrator"><img src="<?=Croppa::url('img/help/admin_add.jpg', 824)?>" class="img-responsive"></a>
								<span class="caption">
									<span class="pull-left">Add An Administrator</span>
									<span class="pull-right"><small>Click image to view full size</small></span>
								</span>
							</div>
						</div>
					</div>
					
					<hr>
					
					<h2><a name="companies"></a>Companies</h2>
					
					<h3><a name="companies_about"></a>About Companies</h3>
					
					<div class="row">
						<div class="col-md-7">					
							<p>Companies are what contacts belong to, in technical terms. When you want to add a contact, you need to ensure there's a company to add them to.</p>

							<h3><a name="companies_management"></a>Company Management</h3>
							
							<p>All the information required to add a company is their account code and name.</p>
							<p>To edit a company, click the edit button on its view page or the edit button on its row on the company list. Either of the fields mentioned before can be changed.</p>
							<p>When viewing a company, you will be shown a list of the contacts that belong to it. These are all linked to their details pages. You will also see a link inviting you to add more contacts.</p>
						</div>
						<div class="col-md-5">
							<div class="thumbnail">
								<a href="img/help/company_list.jpg" data-toggle="lightbox" data-title="Company List"><img src="<?=Croppa::url('img/help/company_list.jpg', 824)?>" class="img-responsive"></a>
								<span class="caption">
									<span class="pull-left">Company List</span>
									<span class="pull-right"><small>Click image to view full size</small></span>
								</span>
							</div>
						</div>
					</div>
					
					<hr>
					
					<h2><a name="contacts"></a>Contacts</h2>
					
					<h3><a name="contacts_about"></a>About Contacts</h3>
					
					<div class="row">
						<div class="col-md-7">
							<p>Contacts are who each job belongs to. Before you create a job for someone, they need to have been added to the contacts list.</p>
							
							<h3><a name="contacts_management"></a>Contacts Management</h3>
							
							<p>To add a contact, you must first have created the company they're meant to belong to.</p>
							<p>You will need the contact's name, e-mail address, telephone number and company name.</p>
							<p>Once these steps are completed, the contact is available to select when you choose their company in the Create A Job form.</p>
						</div>
						<div class="col-md-5">
							<div class="thumbnail">
								<a href="img/help/contacts_list.jpg" data-toggle="lightbox" data-title="Company List"><img src="<?=Croppa::url('img/help/contacts_list.jpg', 824)?>" class="img-responsive"></a>
								<span class="caption">
									<span class="pull-left">Contacts List</span>
									<span class="pull-right"><small>Click image to view full size</small></span>
								</span>
							</div>
						</div>
					</div>
					
					<hr>
					
					<h2>About LSi Artwork Approval</h2>
					<p>This application has been developed in-house by Scott Brown at <a href="http://lsi.uk">LSi Ltd</a>.</p>
					<p>
					<p>&copy; 2014 LSi Ltd & Scott Brown. All rights reserved.</p>
				</div>
			</div>
		</div>
	</div>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>