@extends('layouts.default')

@section('title')
	@parent
	Настройки
@stop

@section('breadcrumbs')
	{{ Breadcrumbs::render('settings') }}
@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>
		$(document).ready(function(){
			$('#fileupload').fileupload({
				url: '/settings/upload/cdekcacheondelivery',
				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') {
						$('#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');
		});
	</script>
@stop

@section('content')
	<div class="row">
		<div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
			<h1 class="page-title txt-color-blueDark">
				<i class="fa fa-cog fa-fw"></i>
				Настройки
			</h1>
		</div>
	</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>Загрузить города с наложенным платежом СДЭК</span>
			<input id="fileupload" type="file" name="file" />
		</span>
	</span>
	<div id="progress" class="hide">
		<br/><br/>
		<div class="progress">
			<div class="progress-bar progress-bar-success"></div>
		</div>
	</div>

@stop