<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6 d-none d-md-block ">
			<h1 class="m-0 text-dark">{{ lang['files_title'] }}</h1>
		</div>
		<div class="col-sm-6">
			<ol class="breadcrumb float-sm-right">
				<li class="breadcrumb-item">
					<a href="{{ php_self }}">
						<i class="fa fa-home"></i>
					</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">{{ lang['files_title'] }}</li>
			</ol>
		</div>
	</div>
</div>
<!-- Filter form: BEGIN -->
<div id="collapseFilesFilter" class="collapse">
	<div class="card mb-4">
		<div class="card-body">
			<form action="{{ php_self }}" method="get" name="options_bar">
				<input type="hidden" name="mod" value="files"/>
				<input type="hidden" name="action" value="list"/>
				<input type="hidden" name="area" value="{{ area }}"/>
				<div
					class="row">
					<!--Block 1-->
					<div class="col-lg-3">
						<div class="form-group">
							<label>{{ lang['month'] }}</label>
							<select name="postdate" class="custom-select">
								<option selected value="">-
									{{ lang['all'] }}
									-</option>
								{{ dateslist|raw }}
							</select>
						</div>
					</div>
					<!--Block 2-->
					<div class="col-lg-3">
						<div class="form-group">
							<label>{{ lang['category'] }}</label>
							{{ dirlistcat|raw }}
						</div>
					</div>
					<!--Block 3-->
					<div class="col-lg-3">
						<div class="form-group">
							{% if status %}
								<label>{{ lang['author'] }}</label>
								<select name="author" class="custom-select">
									<option value="">-
										{{ lang['all'] }}
										-</option>
									{{ authorlist|raw }}
								</select>
							{% endif %}
						</div>
					</div>
					<!--Block 4-->
					<div class="col-lg-3">
						<div class="form-group">
							<label>{{ lang['per_page'] }}</label>
							<input type="text" name="npp" value="{{ npp }}" class="form-control"/>
						</div>
						<div class="form-group mb-0 text-right">
							<button type="submit" class="btn btn-outline-primary">{{ lang['show'] }}</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- Mass actions form: BEGIN -->
<form id="delform" name="imagedelete" action="{{ php_self }}?mod=files" method="post">
	<input type="hidden" name="area" value="{{ area }}"/>
	<div class="card">
		<div class="card-header">
			<div class="row">
				<div class="col text-right">
					<button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#uploadnewModal" data-backdrop="static">{{ lang['upload_file'] }}</button>
					<button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#uploadNewByUrlModal" data-backdrop="static">{{ lang['upload_file_url'] }}</button>
					{% if status %}
						<button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#categoriesModal" data-backdrop="static" title="{{ lang['categories'] }}">
							<i class="fa fa-folder-open-o"></i>
						</button>
					{% endif %}
					<button type="button" class="btn btn-outline-primary" data-toggle="collapse" data-target="#collapseFilesFilter">
						<i class="fa fa-filter"></i>
					</button>
				</div>
			</div>
		</div>
		<div class="table-responsive">
			<table id="entries" class="table table-sm mb-0">
				<thead>
					<tr>
						<th width="5%">#</th>
						<th width="25%">{{ lang['name'] }}</th>
						<th>{{ lang['size'] }}</th>
						<th width="15%">{{ lang['category'] }}</th>
						<th width="10%">{{ lang['author'] }}</th>
						<th>{{ lang['action'] }}</th>
						<th width="5%"><input type="checkbox" name="master_box" title="{{ lang['select_all'] }}" onclick="javascript:check_uncheck_all(delform)"/></th>
					</tr>
				</thead>
				<tbody>
					{{ entries|raw }}
				</tbody>
			</table>
		</div>
		<div class="card-footer">
			<div class="row">
				<div class="col-lg-6 mb-2 mb-lg-0">{{ pagesss|raw }}</div>
				<div class="col-lg-6">
					{% if status %}
						<div class="input-group">
							<select name="subaction" class="custom-select">
								<option value="">--
									{{ lang['action'] }}
									--</option>
								<option value="delete">{{ lang['delete'] }}</option>
								<option value="move">{{ lang['move'] }}</option>
							</select>
							{{ dirlist|raw }}
							<div class="input-group-append">
								<button type="submit" class="btn btn-outline-warning">OK</button>
							</div>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</form>
<div id="uploadnewModal" class="modal fade" tabindex="-1" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 id="uploadnewModalLabel" class="modal-title">{l_uploadnew}</h5>
				<button type="button" class="close" data-dismiss="modal">
					<span>&times;</span>
				</button>
			</div>
			<form id="uploadnew_form" action="{{ php_self }}?mod=files" method="post" enctype="multipart/form-data" name="sn">
				<input type="hidden" name="subaction" value="upload"/>
				<input type="hidden" name="area" value="{{ area }}"/>
				<div class="modal-body">
					<div class="form-group row">
						<label class="col-sm-4 col-form-label">{{ lang['category'] }}</label>
						<div class="col-sm-8">{{ dirlistS|raw }}</div>
					</div>
					<div class="form-group row">
						<div class="col-sm-8 offset-4">
							<label class="col-form-label d-block"><input id="flagReplace" type="checkbox" name="replace" value="1"/>
								{{ lang['do_replace'] }}</label>
							<label class="col-form-label d-block"><input id="flagRand" type="checkbox" name="rand" value="1"/>
								{{ lang['do_rand'] }}</label>
						</div>
					</div>
					<div class="table-responsive">
						<table id="fileup" class="table table-sm">
							<tbody>
								<tr id="row">
									<td width="10">1:</td>
									<td><input id="fileUploadInput" type="file" name="userfile[0]"/></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="showRemoveAddButtoms" class="form-group text-right">
						<div class="btn-group btn-group-sm" role="group">
							<button type="button" onclick="AddFiles();return false;" class="btn btn-outline-success">{{ lang['onemore'] }}</button>
							<button type="button" onclick="RemoveFiles();return false;" class="btn btn-outline-danger">{{ lang['delone'] }}</button>
						</div>
					</div>
				</div>
				<div class="modal-footer text-right">
					<button type="submit" class="btn btn-outline-success">{{ lang['upload'] }}</button>
				</div>
			</form>
		</div>
	</div>
</div>
<div id="uploadNewByUrlModal" class="modal fade" tabindex="-1" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 id="uploadnewModalLabel" class="modal-title">{l_upload_file_url}</h5>
				<button type="button" class="close" data-dismiss="modal">
					<span>&times;</span>
				</button>
			</div>
			<form action="{{ php_self }}?mod=files" method="post" name="snup">
				<input type="hidden" name="subaction" value="uploadurl"/>
				<input type="hidden" name="area" value="{{ area }}"/>
				<div class="modal-body">
					<div class="form-group row">
						<label class="col-sm-4 col-form-label">{{ lang['category'] }}</label>
						<div class="col-sm-8">{{ dirlistS|raw }}</div>
					</div>
					<div class="form-group row">
						<div class="col-sm-8 offset-sm-4">
							<label class="col-form-label d-block"><input id="replace2" type="checkbox" name="replace" value="1"/>
								{{ lang['do_replace'] }}</label>
							<label class="col-form-label d-block"><input id="rand2" type="checkbox" name="rand" value="1"/>
								{{ lang['do_rand'] }}</label>
						</div>
					</div>
					<div class="table-responsive">
						<table id="fileup2" class="table table-sm">
							<tbody>
								<tr id="row">
									<td width="10">1:</td>
									<td><input type="text" name="userurl[0]" class="form-control"/></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="form-group text-right">
						<div class="btn-group btn-group-sm" role="group">
							<button type="button" onclick="AddFiles2();return false;" class="btn btn-outline-success">{{ lang['onemore'] }}</button>
							<button type="button" onclick="RemoveFiles2();return false;" class="btn btn-outline-danger">{{ lang['delone'] }}</button>
						</div>
					</div>
				</div>
				<div class="modal-footer text-right">
					<button type="submit" class="btn btn-outline-success">{{ lang['upload'] }}</button>
				</div>
			</form>
		</div>
	</div>
</div>
{% if status %}
	<div id="categoriesModal" class="modal fade" tabindex="-1" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 id="categoriesModalLabel" class="modal-title">{l_categories}</h5>
					<button type="button" class="close" data-dismiss="modal">
						<span>&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<form action="{{ php_self }}?mod=files" method="post" name="newcat">
						<input type="hidden" name="subaction" value="newcat"/>
						<input type="hidden" name="area" value="{{ area }}"/>
						<div class="form-group row">
							<label class="col-sm-4 col-form-label">{{ lang['addnewcat'] }}</label>
							<div class="col-sm-8">
								<div class="input-group mb-3">
									<input type="text" name="newfolder" class="form-control"/>
									<div class="input-group-append">
										<button type="submit" class="btn btn-outline-success">OK</button>
									</div>
								</div>
							</div>
						</div>
					</form>
					<form action="{{ php_self }}?mod=files" method="post" name="delcat">
						<input type="hidden" name="subaction" value="delcat"/>
						<input type="hidden" name="area" value="{{ area }}"/>
						<div class="form-group row">
							<label class="col-sm-4 col-form-label">{{ lang['delcat'] }}</label>
							<div class="col-sm-8">
								<div class="input-group mb-3">
									{{ dirlist|raw }}
									<div class="input-group-append">
										<button type="submit" class="btn btn-outline-danger">OK</button>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
{% endif %}
<script language="javascript" type="text/javascript">
	function AddFiles() {
var tbl = document.getElementById('fileup');
var lastRow = tbl.rows.length;
var iteration = lastRow + 1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span>' + iteration + ': </span>';
cellRight = row.insertCell(1);
var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'userfile[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('value', iteration);
cellRight.appendChild(el);
}
function RemoveFiles() {
var tbl = document.getElementById('fileup');
var lastRow = tbl.rows.length;
if (lastRow > 1) {
tbl.deleteRow(lastRow - 1);
}
}
function AddFiles2() {
var tbl = document.getElementById('fileup2');
var lastRow = tbl.rows.length;
var iteration = lastRow + 1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span>' + iteration + ': </span>';
cellRight = row.insertCell(1);
var el = document.createElement('input');
el.setAttribute('type', 'text');
el.setAttribute('name', 'userurl[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('class', 'form-control');
cellRight.appendChild(el);
// document.getElementById('files_number').value = iteration;
}
function RemoveFiles2() {
var tbl = document.getElementById('fileup2');
var lastRow = tbl.rows.length;
if (lastRow > 1) {
tbl.deleteRow(lastRow - 1);
// document.getElementById('files_number').value =  document.getElementById('files_number').value - 1;
}
}
</script>
<!-- BEGIN: Init UPLOADIFY engine -->
<script type="text/javascript">
	$(document).ready(function () {
$('#delform').on('input', function (event) {
$(this.elements.category).toggle('move' === $(this.elements.subaction).val());
}).trigger('input');
$('#uploadnew_form').on('submit', function (event) {
event.preventDefault();
$('#uploadnewModal').on('hidden.bs.modal', function (e) {
document.location = document.location;
});
// Prepare script data
$('#fileUploadInput').uploadifive('upload');
});
var uploader = $('#fileUploadInput').uploadifive({
auto: false,
uploadScript: '{{ admin_url }}/rpc.php?methodName=admin.files.upload',
cancelImg: '{{ skins_url }}/images/up_cancel.png',
folder: '',
fileExt: '{{ listExt }}',
fileDesc: '{{ descExt }}',
sizeLimit: '{{ maxSize }}',
multi: true,
buttonText: 'Select files ...',
width: 200,
// 'removeCompleted': true,
onInit: function () {
$('#showRemoveAddButtoms').hide();
},
onUpload: function (filesToUpload) {
uploader.data('uploadifive').settings.formData = {
ngAuthCookie: '{{ authcookie }}',
uploadType: 'file',
category: $('#categorySelect').val(),
rand: $('#flagRand').is(':checked') ? 1 : 0,
replace: $('#flagReplace').is(':checked') ? 1 : 0
};
},
onUploadComplete: function (fileObj, data) { // Response should be in JSON format
var response = JSON.parse(data);
fileObj.queueItem.find('.fileinfo').replaceWith(response.status ? '<div class="text-info">' + response.errorText + '</div>' : '<div class="text-danger">(' + response.errorCode + ') ' + response.errorText + ' ' + response.errorDescription + '</div>');
}
});
});
</script>
<!-- END: Init UPLOADIFY engine -->
