<script src="{{asset('assets/js/app.js')}}"></script>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
  <div class="modal-content">
    <form>
      <div class="modal-header">
        <h6 class="modal-title" id="staticBackdropLabel">{{__('app.backup')}}
        </h6>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{__('app.close')}}"></button>
      </div>
      <div class="modal-body">
        <div class="box-body">
          <div class="row pt-3">
            <label class="form-label col-md-4"><input class="form-check-input" type="checkbox" name="backup_db" value="db" checked="checked"> {{ __('app.database') }}</label>
            <label class="form-label col-md-4"><input class="form-check-input" type="checkbox" name="backup_files" value="files" checked="checked"> {{ __('app.files') }}</label>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('app.close')}}</button>
        <button type="button" id="backup" class="btn btn-primary btn-loading" onclick="backupFilesDB(this.form)"> <i class=""></i> 
          {{ __('app.backup') }}
        </button>
      </div>
    </form>
  </div>
</div>
<span id="msg-backup" data-value="{{ __('app.msg_backup') }}"></span>