{{> navbar path=path}}

<div style="padding-top: 56px; padding-bottom: 56px;">
<main class="container my-4">
	{{#each errors as |error|}}
		<div class="alert alert-danger" role="alert">
			{{error}}
		</div>
	{{/each}}
	{{#each successes as |success|}}
		<div class="alert alert-success" role="alert">
			{{success}}
		</div>
	{{/each}}
	<ul class="list-group">
	{{#each files}}
		<li class="list-group-item">
			<div class="custom-control custom-checkbox">
				<input type="checkbox" class="custom-control-input multi-select" data-select="{{name}}" data-select-size="{{size}}" id="check{{@index}}">
                <label class="custom-control-label d-flex align-items-start justify-content-between" for="check{{@index}}">
                    {{#if isdirectory}}
                        <a href="{{name}}/" class="name">{{name}}/</a>
                    {{else}}
                        <a href="{{name}}" class="name mr-auto">{{name}}</a>
                        <span class="badge badge-pill badge-secondary">{{size}}</span>
                    {{/if}}
                </label>
			</div>
		</li>
	{{else}}
		<li class="list-group-item">
			No files
		</li>
	{{/each}}
	</ul>
</main>
</div>

{{> toolbar}}

{{> dialogue-upload}}
{{> dialogue-mkdir}}

{{> dialogue-download}}
{{> dialogue-delete}}