@extends("template.master")

@section("section_content")

<!-- Main content -->
<section class="content">
	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<i class="fa fa-database"></i>

			<h3 class="box-title">Backup</h3>
		</div>
		<div class="box-body">
			<h3>Database Backups</h3>
    <div class="row">
        <div class="col-xs-12 clearfix">
            <a id="create-new-backup-button" href="{{ url('backup/create') }}" class="btn btn-primary pull-right"
               style="margin-bottom:2em;"><i
                    class="fa fa-plus"></i> Create New Backup
            </a>
        </div>
        <div class="col-xs-12">
            @if (count($backups))

                <table class="table table-striped table-bordered">
                    <thead>
                  <tr bgcolor="#3c8dbc">
                        <th><font color="white">File<</font></th>
                        <th><font color="white">Size</font></th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($backups as $key => $backup)
                        <tr>
                            <td>{{ $backup['file_name'] }}</td>
                            <td>
                            {{ number_format($backup['file_size']/1024) }} Kb</td>
                            <td class="text-right">
                                <a class="btn btn-xs btn-default"
                                   href="{{ url('backup/download/'.$backup['file_name']) }}"><i
                                        class="fa fa-cloud-download"></i> Download</a>
                                <a class="btn btn-xs btn-danger" data-button-type="delete"
                                   href="{{ url('backup/delete/'.$backup['file_name']) }}"><i class="fa fa-trash-o"></i>
                                    Delete</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <div class="well">
                    <h4>There are no backups</h4>
                </div>
            @endif
        </div>
    </div>

		</div><!-- /.box-body -->
	</div><!-- /.box -->

</section><!-- /.content -->
@endsection