@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
	@endpush
		<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
				<!-- begin panel-heading -->
				<div class="panel-heading gadmin-pagesidebar-width-1-heading">
					<h4 class="panel-title">{{__('admin.modules_modulesoptions')}}</h4>
				</div>
				<!-- end panel-heading -->
				<div class="gadmin-pagesidebar-body">
					<div class="gadmin-pagesidebar-main">
						<ul class="nav gadmin-pagesidebar-ul">
							<li><a href="{{url('admin/modules/install')}}" class="">{{__('install_module')}}</a></li>
							<li><a href="{{url('admin/modules/show')}}" class="">{{__('installed_modules')}}</a></li>
							<li><hr></li>
							<li><a class=" active">{{__('backup')}}</a></li>
							<li><a href="{{url('admin/utility/restore')}}" class="">{{__('restore')}}</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<div class="panel panel-default " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{$title}}
			</h4>
		</div>
		<div id="info-alert" class="alert" style="display:none">
			<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
			<div class="alert-container"></div>
		</div>
		<div class="panel-body">
			<div class="row">
				<!-- begin col-+1 -->
				<div class="col-md-8">
					<!-- begin panel -->
					<div class="panel panel-white">
						<div class="panel-heading">
							<h4 class="panel-title">Backup Website & Progress Console</h4>
						</div>
						<div class="panel-body panel-form">
							<h2 class="text-center">Backup Everything</h2>
							<p class="text-center">
								Backup your files and database in one go that will be stored on your hosting account. <br>We recommend you create regular backups here if your hosting provider does not offer regular backups of your website account.
							</p>
							<div id="zone_progressbar" class="hidden">
								<div id="status_message" class="text-center"></div>