@extends('layouts.default')

@section('title')
	@parent
	Производство
@stop

@section('modals')
	<div id="confirmProductionStartModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">Подтвердите действие</h4>
				</div>
				<div class="modal-body">
					<div class="modal-body-message">

					</div>
					<br/>
					<div id="confirmProductionStartBtns">
					<p>
						<button type="button" class="btn btn-block btn-lg btn-primary ladda-button" data-style="zoom-out"><span class="ladda-label">Ок</span></button>
						<br/>
					</p>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-lg btn-default" data-dismiss="modal">Нет</button>
				</div>
				{{ Form::close() }}
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

	<div id="confirmProductionModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">Подтвердите действие</h4>
				</div>
				<div class="modal-body">
				</div>
				<div class="modal-footer">
					<button id="confirmProductionSbmtBtn" type="submit" class="btn btn-lg btn-primary ladda-button" data-style="zoom-out"><span class="ladda-label">Да</span></button>
					<button type="button" class="btn btn-lg btn-default" data-dismiss="modal">Нет</button>
				</div>
				{{ Form::close() }}
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
@stop

@section('css')
@stop

@section('js')
	<script src="{{ asset('js/bootstrap-datepicker.js') }}"></script>
	<script src="{{ asset('js/kmk-support.js') }}"></script>
	<script src="{{ asset('js/crm.js') }}"></script>
	<script>
		$(document).ready(function(){
			setTimeout(function(){
				@if (isset($packing))
				window.location = "/production/packing";
				@else
				window.location = "/production";
				@endif
			}, 5*60*1000);

			$('body').append("<div class='btn-scroll-control btn-group btn-group-vertical btn-group-lg'><button id='scrollUp' class='btn btn-warning'><span class='glyphicon glyphicon-chevron-up'></span></button><button id='scrollDown' class='btn btn-warning'><span class='glyphicon glyphicon-chevron-down'></span></button></div>");
			$('#scrollUp').click(function(event){
				event.preventDefault();
				var body = $("html, body");
				var top = body.scrollTop();
				if(top != 0) {
					body.animate({scrollTop: top-500}, '500', 'swing');
				}
				return false;
			});
			$('#scrollDown').click(function(event){
				event.preventDefault();
				var body = $("html, body");
				var top = body.scrollTop();
				body.animate({scrollTop: top+500}, '500', 'swing');
				return false;
			});
		});
	</script>
@stop

@section('content')
<div class="row">
  <div class="col-md-12">
		@include('production/table')
  </div>
</div>
@stop