@extends('layouts.default')

@section('title')
@parent
Загрузка выгрузки :: Бюджет для "{{ $workProject->name }}"
@stop

@section('breadcrumbs')
	{{ Breadcrumbs::render('budget.upload', $workProject) }}
@stop

@section('css')
  <link rel="stylesheet" href="{{asset('css/jquery.fileupload.css')}}">
@stop

@section('js')
	<script src="{{asset('js/jquery.iframe-transport.js')}}"></script>
	<script src="{{asset('js/jquery.fileupload.js')}}"></script>
	<script>
		function updeteStatBtns () {
			$('.btn-stat-delete, .btn-stat-restore').unbind('click').on('click', function(){
				var l = Ladda.create(this);
				l.start();
				var btn = this;
						$.post(
								$(this).data('action'),
								{
									'uploadId': $(this).data('id')
								},
								function(data) {
									if (data.status === 'success') {
										$('#uploadHistoryContainer').html(data.history);
										updeteStatBtns();
										$('#uploadResultMessage')
											.removeClass('alert-danger')
											.addClass('alert-success')
											.removeClass('hide')
											.html(data.message);
										if (data.result.stat) {
											$('#uploadStat').html(data.result.stat);
											$('#uploadStat .to-humanize').each(function(){
												$(this).html(humanizeNumber($(this).html()));
											});
										}
									}
									else {
										$('#uploadResultMessage')
											.removeClass('alert-success')
											.addClass('alert-danger')
											.removeClass('hide')
											.html(data.message);
										if (data.result.stat) {
											$('#uploadStat').html(data.result.stat);
											$('#uploadStat .to-humanize').each(function(){
												$(this).html(humanizeNumber($(this).html()));
											});
										}
									}
								},
								'json'
								).always(function() { l.stop(); });
				return false;
			});
		}

		$(document).ready(function(){
			$('#fileupload').fileupload({
				url: '/budget/upload/uploadfile',
				dataType: 'json',
				maxFileSize: 5*1024*1024,
				done: function (e, data) {
					$('#progress .progress-bar').replaceWith('<div class="progress-bar progress-bar-success">').css('width', 0);
					if (data.result.status == 'success') {
						$('#uploadHistoryContainer').html(data.result.history);
						updeteStatBtns();
						$('#uploadResultMessage')
							.removeClass('alert-danger')
							.addClass('alert-success')
							.removeClass('hide')
							.html(data.result.message);
						$('#uploadStat').html(data.result.stat);
						$('#uploadStat .to-humanize').each(function(){
							$(this).html(humanizeNumber($(this).html()));
						});
					}
					else {
						$('#uploadResultMessage')
							.removeClass('alert-success')
							.addClass('alert-danger')
							.removeClass('hide')
							.html(data.result.message);
						if (data.result.stat) {
							$('#uploadStat').html(data.result.stat);
							$('#uploadStat .to-humanize').each(function(){
								$(this).html(humanizeNumber($(this).html()));
							});
						}
					}
				}
			})
			.on('fileuploadadd', function (e, data) {
				$('#progress').removeClass('hide');
				$('#uploadResultMessage').addClass('hide');
				$('#uploadStat').empty();
			})
			.on('fileuploadprogressall', function (e, data) {
				var progress = parseInt(data.loaded / data.total * 100, 10);
				$('#progress .progress-bar').css('width', progress + '%');
			})
			.prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');

			updeteStatBtns();
		});
	</script>
@stop

@section('content')
<div class="row">
  <div class="col-md-12">
		<h4>Загрузка выгрузки для "{{ $workProject->name }}"</h4>
		@if($user->budgetProjects->count() > 1)
		<div class="well well-sm">
			@foreach ($user->budgetProjects()->get() as $project)
			<a href="/budget/upload?projectId={{ $project->id }}" class="btn btn-sm btn-default @if ($workProject->id == $project->id) active @endif">{{ $project->name }}</a>
			@endforeach
		</div>
		@endif

		<div>
			<div id="uploadResultMessage" class="alert hide"></div>
			<div id="uploadStat"></div>
			<span class="btn btn-success fileinput-button ladda-button" data-style="zoom-out">
				<span class="ladda-label">
					<i class="glyphicon glyphicon-plus"></i>
					<span>Выбрать выгрузки для {{ $workProject->name }}</span>
					<input id="fileupload" type="file" name="file" multiple accept=".txt" />
				</span>
			</span>
			<div id="progress" class="hide">
				<br/><br/>
				<div class="progress">
					<div class="progress-bar progress-bar-success"></div>
				</div>
			</div>
		</div>
		<div id="uploadHistoryContainer">
			@include('budget/upload/uploads')
		</div>
	</div>
</div>
@stop