@section('page_name')
	Quote {{ $quote->id }}, created by <i>{{ User::find($quote->createdBy)->getFullname() . '</i> on <i>' . CommonFunctions::formatDate($quote->createdOn) . '</i>' }}
@stop

@section('breadcrumbs')
	<a href="/customers">Customers</a> <i class="breadcrumb"></i> <a href='/customers/{{ $customer->id }}'>{{ $customer->getCustomerName() }}</a> <i class="breadcrumb"></i> Quote #{{ $quote->id }}
@stop

@section('page_header')
	<button type='button' class='btn btn-default ml20' onClick="$('#rootScopeElement').scope().backToCustomer()">
		<i class="fa fa-arrow-left"></i> Back to customer
	</button>
	@if (Quote::max('id') != $quote->id)
		<button type='button' class='btn btn-orange' data-tooltip='Go to next quote (#{{ $quote->id + 1 }})' data-href='quotes/{{ Quote::where("id", ">", $quote->id)->orderBy("id", "ASC")->take(1)->first()->id }}/edit'>
			<i class="fa fa-forward"></i>
		</button>
	@endif
	<input type='text' id='quickQuoteId' placeholder='#' value='{{ $quote->id }}' class='fr' style='width: 80px; margin-top: 7px; text-align: center; font-size: 12px;'>
	@if (Quote::min('id') != $quote->id)
		<button type='button' class='btn btn-orange' data-tooltip='Go to previous quote (#{{ $quote->id - 1 }})' data-href='quotes/{{ Quote::where("id", "<", $quote->id)->orderBy("id", "DESC")->take(1)->first()->id }}/edit'>
			<i class="fa fa-backward"></i>
		</button>
	@endif
	@if(strtotime($quote->createdOn) > (time() - 7200))
		<button type='button' class='btn btn-red mr20' data-tooltip='Delete this quote. Please note that this option is only available if the quote has been created in the last 2 hours.' onClick="$('#rootScopeElement').scope().confirmQuoteDeletion()">
			<i class="fa fa-trash-o"></i> Delete quote
		</button>
	@endif
	<button type='button' class='btn btn-red mr20' data-tooltip='Make a new credit quote for this quote. This means that it will duplicate the quote with negative quantities. After creating the credit quote you can turn it into an official credit note.' onClick="$('#rootScopeElement').scope().confirmCreditnoteCreation()">
		<i class="fa fa-arrow-circle-o-down"></i> Make credit quote
	</button>
	<button class="btn btn-default" onClick="$('#rootScopeElement').scope().confirmQuoteDuplication()" data-tooltip='Make a new quote with the same products, quantities and discounts for the same customer.'><i class="fa fa-files-o"></i> Duplicate quote</button>
@stop

@section('scripts')
	<script src='/js/ui-select.js'></script>
	<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-sanitize.min.js'></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.13.2/select.css">
	<link rel="stylesheet" href="/css/selectize.css">
	<script>
		$(function() {
			// Enter binding for the quick quote ID
			$('#quickQuoteId').on('keyup', function(event) {
				if (event.which != 13)
					return;

				location.assign('/quotes/' + $(this).val() + '/edit');
			});
		});
		
		var app = angular.module('app', ['ui.select', 'ngSanitize'])
		.config(function($interpolateProvider, uiSelectConfig){
		        $interpolateProvider.startSymbol('<%').endSymbol('%>');
		        uiSelectConfig.theme = 'selectize';
		    }
		);

		app.controller('QuoteController', function($rootScope, $scope, $http, $compile) {
			$scope.$compile = $compile;
			$scope.entries = {};
			$scope.quoteData = {};
			$scope.vatValues = {};
			$scope.vats = {};
			$scope.dirty = false;
			$scope.initialized = false;
			$scope.employees = [];

			$scope.add_to_invoice_number = '';

			$scope.viewing_email = {};

			$scope.searchProductResults = [];

			// Get the quote data
			ajaxRequest(
				'get_quote',
				{
					quoteId: {{ $quote->id }}
				},
				function(data) {
					$scope.entries = data.entries;
					$scope.quoteData = data.quoteData;
					$scope.employees = data.employees;

					$scope.adTypes = data.adTypes;
					$scope.jobStatuses = data.jobStatuses;
					$scope.vats = data.vats;
					$scope.vatValues = data.vatValues;
					$scope.comments = data.comments;
					$scope.customer = data.customer;

					$scope.emailData = {};
					$scope.emailData.to = $scope.customer.email;
					$scope.emailData.cc = '';
					$scope.emailData.bcc = '';
					$scope.emailData.subject = 'Quote #' + $scope.quoteData.id;
					$scope.emailData.message = data.emailTemplate;
					$scope.emailData.message = $scope.emailData.message.replace('{customer_name}', $scope.customer.contactName);
					$scope.emailData.message = $scope.emailData.message.replace('{quote_id}', $scope.quoteData.id);

					// If we have chosen to automatically select the send copy checkbox, set that value
					if (localStorage.getItem('autoTickQuoteEmailCopy') == 1) {
						$scope.emailData.sendmeacopy = true;
					} else {
						$scope.emailData.sendmeacopy = false;
					}

					$scope.quoteData.status = $scope.quoteData.status.toString();
					$scope.quoteData.vat = $scope.quoteData.vat.toString();
					$scope.quoteData.adType = $scope.quoteData.adType.toString();
					$scope.quoteData.assignedTo = $scope.quoteData.assignedTo.toString();

					$scope.searchProductResults = data.productSelections;

					$scope.$apply();

					$('#commentTable').animate({
						scrollTop: $('#commentTable').get(0).scrollHeight
					}, 2000);

					$scope.initialized = true;
				}
			);

			// Watches for quoteData and entries to detect a dirty page
			$scope.$watch('entries', function(newValues, oldValues, scope) {
				if (!$scope.initialized)
					return;
				$scope.dirty = true;
			}, true);
			$scope.$watch('quoteData', function(newValues, oldValues, scope) {
				if (!$scope.initialized)
					return;
				$scope.dirty = true;
			}, true);

			$scope.refreshProductResults = function(query) {
				if (query == '') {
					if ($scope.searchProductResults.length == 0)
						$scope.searchProductResults = [];
					return;
				}

				ajaxRequest(
					'search_product',
					{
						query: query
					},
					function(results) {
						$scope.searchProductResults = results;
						$scope.$apply();
					}
				);
			};

			$scope.updateProductRow = function(item, model, entry) {
				entry.productId = item.id;
				entry.productName = item.text;
				entry.unitPrice = item.salesPrice;
			};

			$scope.$watch('quoteData.status', function(newValue, oldValue) {
				if (!$scope.initialized)
					return;

				var completedJobStatusses = {{ json_encode(explode(',', Settings::setting('completedJobStatusses'))) }};
				if ($scope.quoteData.completedOn == '') {
					if (completedJobStatusses.indexOf(oldValue) === -1 && completedJobStatusses.indexOf(newValue) !== -1) {
						var currentDate = new Date();
						$scope.quoteData.completedOn = currentDate.getDate() + '-' + (currentDate.getMonth()+1) + '-' + currentDate.getFullYear() + ' ' + currentDate.getHours() + ':' + currentDate.getMinutes();
					}
				} else {
					if (completedJobStatusses.indexOf(oldValue) === -1 && completedJobStatusses.indexOf(newValue) !== -1) {
						confirmDialog(
							'Update completion date?',
							'Do you want to update the completion date of this quote to now?<br><br>Note: If you change the completion date it will affect your job reporting!',
							function() {
								var currentDate = new Date();
								$scope.quoteData.completedOn = currentDate.getDate() + '-' + (currentDate.getMonth()+1) + '-' + currentDate.getFullYear() + ' ' + currentDate.getHours() + ':' + currentDate.getMinutes();
								$scope.$apply();
							}
						);
					} else if (completedJobStatusses.indexOf(oldValue) !== -1 && completedJobStatusses.indexOf(newValue) === -1) {
						confirmDialog(
							'Clear completion date?',
							'Do you want to clear the completion date of this quote?<br><br>Note: If you clear the completion date it will affect your job reporting!',
							function() {
								$scope.quoteData.completedOn = '';
								$scope.$apply();
							}
						);
					}
				}
			});

			$scope.getSubTotal = function() {
				var total = 0;
				$.each($scope.entries, function(i, e) {
					total += (e.unitPrice * e.quantity) * (1 - (e.discount/100));
				});
				return total;
			};

			$scope.getVat = function() {
				return $scope.getSubTotal() * ($scope.parseFloat($scope.vatValues[$scope.quoteData.vat]) / 100);
			};

			$scope.getTotal = function() {
				return $scope.getSubTotal() + $scope.getVat() + $scope.parseFloat($scope.quoteData.supCosts);
			}

			$scope.backToCustomer = function() {
				window.location.assign('/customers/' + $scope.quoteData.customer);
			};

			$scope.deleteEntry = function(entry) {
				$scope.entries.splice($scope.entries.indexOf(entry), 1);
			};

			$scope.saveQuote = function() {
				if ($scope.quoteData.adType == 0) {
					showAlert('Whoops!', 'Please select an advertisement type before saving the quote.');
					return;
				}

				@if (Settings::setting('jobMonitoringEnabled'))
					if ($scope.quoteData.requiredBy == '') {
						showAlert('Whoops!', 'Please select a required-by date for this quote.');
						return;
					}
				@endif

				// Check if we have products without product id...
				var productsOK = true;
				angular.forEach($scope.entries, function(product) {
					if (product.productId == -1) {
						productsOK = false;
					}
				});
				if (!productsOK) {
					showError('Please make sure you have selected a product for every entry in the quote.<br><br>You have one or multiple products not selected.');
					return;
				}

				// Show loading icon
				$('#saveBtn').html('<i class="fa fa-spinner fa-spin"></i> Saving quote...');
				$('#saveBtn').removeClass('green').addClass('orange');

				// Save changes to db
				ajaxRequest(
					'save_quote',
					{
						quoteId: {{ $quote->id }},
						entries: $scope.entries,
						quoteData: $scope.quoteData
					},
					function() {
						showSuccess('Quote saved succesfully');
						$('#saveBtn').html('<i class="fa fa-save"></i> Save quote');
						$scope.dirty = false;
						$scope.$apply();
					},
					function() {
						showError('An error occured while saving this quote.<br><br>This can be caused by several problems. Please make sure everything is filled in correctly. You for example can\'t have empty products in the quote and you can\'t have letters in the price fields.');
						$('#saveBtn').removeClass('orange').addClass('green');
						$('#saveBtn').html('<i class="fa fa-check"></i> Save quote!');
					}
				);
			};

			$scope.addNewEntry = function() {
				$scope.entries.push(
					{
						id: -1,
						productId: -1,
						quantity: 1,
						unitPrice: 0,
						discount: 0,
						description: ''
					}
				);
			};

			$scope.addQuoteToNewInvoice = function() {
				if ($scope.creatingInvoice)
					return;
				
				$scope.creatingInvoice = true;
				ajaxRequest(
					'create_new_quote_invoice',
					{
						quoteId: $scope.quoteData.id
					},
					function(data) {
						if (data.success) {
							location.assign('/invoices/' + data.invoiceId + '/edit');
						}
					}
				);
			};

			$scope.addQuoteToNewCreditnote = function() {
				ajaxRequest(
					'create_new_quote_creditnote',
					{
						quoteId: $scope.quoteData.id
					},
					function(data) {
						if (data.success) {
							location.assign('/creditnotes/' + data.creditnoteId + '/edit');
						}
					}
				);
			};

			$scope.addQuoteToExistingInvoice = function() {
				if ($scope.creatingInvoice)
					return;
				
				$scope.creatingInvoice = true;
				ajaxRequest(
					'add_quote_to_existing_invoice',
					{
						quoteId: $scope.quoteData.id,
						invoiceId: $scope.add_to_invoice_number
					},
					function(data) {
						if (data.success) {
							location.assign('/invoices/' + $scope.add_to_invoice_number + '/edit');
						} else {
							showError(data.msg);
						}
					}
				);
			};

			$scope.addQuoteToExistingCreditnote = function() {
				ajaxRequest(
					'add_quote_to_existing_creditnote',
					{
						quoteId: $scope.quoteData.id,
						creditnoteId: $scope.add_to_creditnote_number
					},
					function(data) {
						if (data.success) {
							location.assign('/creditnotes/' + $scope.add_to_creditnote_number + '/edit');
						} else {
							showError(data.msg);
						}
					}
				);
			};

			$scope.sendEmail = function() {

				// Don't allow sending emails when the user doesn't have his email filled in...
				@if (Auth::user()->companyEmail == '')
					$('#mask').trigger('click');
					setTimeout(function() {
						showAlert('Whoops!', 'Could not send quote.<br><br>In order to send emails from Pepper you have to fill in your company email in your profile.<br><br>When people respond to emails you send from Pepper, the email will go back to your email.');
					}, 100);
					return;
				@endif

				// Check if everything looks OK
				var emailExp = new RegExp('[A-z0-9._%+-]+@[A-z0-9.-]+\.[A-z]{2,4}');
				
				var toEmails = $scope.emailData.to.split(/[;,]+/);
				var ccEmails = $scope.emailData.cc.split(/[;,]+/);
				var bccEmails = $scope.emailData.bcc.split(/[;,]+/);

				var allOK = true;
				var errors = '';
				if ($scope.emailData.to != '') {
					angular.forEach(toEmails, function(email) {
						if (!emailExp.test(email.trim())) {
							$('#email_to').css('background-color', '#FFCACA');
							allOK = false;
						}
					});
				} else {
					$('#email_to').css('background-color', '#FFCACA');
					allOK = false;
				}

				if ($scope.emailData.cc != '') {
					angular.forEach(ccEmails, function(email) {
						if (!emailExp.test(email.trim())) {
							$('#email_cc').css('background-color', '#FFCACA');
							allOK = false;
						}
					});
				}

				if ($scope.emailData.bcc != '') {
					angular.forEach(bccEmails, function(email) {
						if (!emailExp.test(email.trim())) {
							$('#email_bcc').css('background-color', '#FFCACA');
							allOK = false;
						}
					});
				}
				if (!allOK) {
					return;
				}

				// 
				// Change button text to sending and disable the button
				$('#sendEmailButton').html('<i class="fa fa-spinner fa-spin"></i> Sending email...');

				var formData = new FormData();
				formData.append('quoteId', $scope.quoteData.id);
				formData.append('to', $scope.emailData.to.trim());
				formData.append('cc', $scope.emailData.cc.trim());
				formData.append('bcc', $scope.emailData.bcc.trim());
				formData.append('subject', $scope.emailData.subject);
				formData.append('message', $scope.emailData.message);
				formData.append('sendcopy', $scope.emailData.sendmeacopy);

				// Attach the additional attachment (if any)
				if ($('#additional_attachment').val() != '') {
					formData.append('additional_attachment', $('#additional_attachment').first().get(0).files[0]);
				}

				$.ajax({
					url: '/ajax/send_quote_email',
					type: 'POST',
					data: formData,
					contentType: false,
					processData: false,
					success: function(data) {
						if (data.success) {
							showSuccess('Quote emailed succesfully');
							$('#mask').trigger('click');
						} else {
							showError('Email quote failed:<br>' + data.message + '<br><br>Please check your email SMTP settings.', 7);
						}
						$('#sendEmailButton').html('<i class="fa fa-send"></i> Send quote');
					}
				});
			};

			$scope.toggleGeneralInformation = function() {
				$content = $('#general_information_content');

				if ($content.is(':visible')) {
					$content.slideUp();
					$('#general_information_toggle').html('<i class="fa fa-expand"></i> Maximize');
				} else {
					$content.slideDown();
					$('#general_information_toggle').html('<i class="fa fa-compress"></i> Minimize');
				}
			};

			$scope.editComment = function(event, comment) {
				comment.editing = true;
				setTimeout(function() {
						$(event.target).closest('tr').find('input[type="text"]').focus();
				}, 1);
			};

			$scope.saveComment = function(comment) {
				ajaxRequest(
					'update_quote_comment',
					{
						commentId: comment.id,
						newComment: comment.comment
					},
					function(data) {
						if (data.success) {
							delete comment.editing;
							showSuccess('Comment saved succesfully');
							$scope.$apply();
						}
					}
				);
			};

			$scope.deleteComment = function(comment) {
				confirmDialog(
					'Are you sure?',
					'Are you sure you want to delete this comment?',
					function() {
						ajaxRequest(
							'delete_quote_comment',
							{
								commentId: comment.id
							},
							function(data) {
								if (data.success) {
									$scope.comments.splice($scope.comments.indexOf(comment), 1);
									$scope.$apply();
									showSuccess('Comment deleted succesfully');
								}
							}
						);
					}
				);
			}

			$scope.parseFloat = function(input) {
				if (!input || input == '')
					return 0;

				return parseFloat(input);
			}

			$scope.confirmQuoteDeletion = function() {
				confirmDialog(
					'Are you sure?',
					'Are you sure you want to delete this quote?<br><br><strong>This will delete the quote together with all the comments, entries and information. This cannot be undone!</strong>',
					function() {
						ajaxRequest(
							'delete_quote',
							{
								quoteId: $scope.quoteData.id
							},
							function(data) {
								if (data.success) {
									location.assign('customers/{{ $quote->customer }}');
								}
							}
						);
					}
				);
			};

			$scope.confirmCreditnoteCreation = function() {
				confirmDialog(
						'Are you sure?',
						'Are you sure you want to create a new credit quote for this quote?<br><br>This will create a <b>new</b> quote just like this one, but with negative quantities.',
						function() {
							ajaxRequest(
									'create_credit_quote_from_quote',
									{
										quoteId: $scope.quoteData.id
									},
									function(data) {
										if (data.success) {
											location.assign('quotes/' + data.quoteId + '/edit');
										}
									}
							);
						}
				);
			}

			$scope.confirmQuoteDuplication = function() {
				confirmDialog(
					"Are you sure?",
					"Are you sure you want to duplicate this quote? This will create an identical quote for " +