@extends('app')

@section('content')
    

<hilbit-modal-confirm   trigger_element="btn-restore"
                        trigger_parent_element="hilbit-backup-restore"
                        action_form="fm-backup-restore"
                        modal_title="{{ ucfirst(trans('hilbit.backup.restore.header')) }}"
                        confirm_prompt="{{ ucfirst(trans('hilbit.backup.restore.confirm')) }}"
                        modal_id="hilbit-modal-confirm-backup-restore">
</hilbit-modal-confirm>
 
<div class = "row">   
    
    <div class="col-md-8 col-md-offset-2" id="hilbit-backup-restore">
        <div class="panel panel-default">

            <div class="panel-heading">
                <h3 class="panel-title">{{ ucfirst(trans('hilbit.backup.restore.header')) }}</h3>     
            </div>
      
            <div class="panel-body" style="min-height:250px">
                       
                @include('flash::message')
                @include('partials.alert')
                @include('errors.list')
                
                {!! Form::open(['url' => 'backup/restore', 'files' => true, 'id' => 'fm-backup-restore']) !!}
                
                <div class="form-group">
                    <div id="restore-file-select" class="fileinput fileinput-new input-group" data-provides="fileinput">
                        <div class="form-control" data-trigger="fileinput">
                            <i class="glyphicon glyphicon-file fileinput-exists"></i>
                            <span class="fileinput-filename"></span>
                        </div>
                        <span class="input-group-addon btn btn-default btn-file">
                            <span class="fileinput-new">Select file</span>
                            <span class="fileinput-exists">Change</span>
                            <input type="file" name="restore_file" id="restore_file" v-on:change="setRestoreFile" required>
                        </span>
                        <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                    </div>
                </div>
                
                <button v-cloak v-show="!restore_file_empty" type="button" class="btn btn-success" id="btn-restore">
                    <span class="glyphicon glyphicon-import" aria-hidden="true"></span> {{ trans('hilbit.backup.restore.button_text') }}
                </button>
                
                {!! Form::close() !!}
            </div>
                    
        </div>
       
    </div> <!-- End col-md-12 -->
            
</div> <!-- End Row -->
    
@stop

@section('scripts')
       
<script src = "{!! asset('js/hilbit-vue.js') !!}"></script>
<script src = "{!! asset('js/hilbit-backup-restore-vue.js') !!}"></script>
    
<script>
    
    var hilbitBackupRestore = hilbitBackupRestore || {};
    
    hilbitBackupRestore = function()
    {
        var submitForm = function()
        {
            if ($('#fm-backup-restore').valid())
            {
                alert('valid');
            }
            else
            {
                alert('invalid');
            }
        };
        
        return { submitForm: submitForm}
    }();
    
    $(function ()
    {
        hilbit.ui.attachFormValidation('fm-backup-restore');
        
        $('#restore-file-select').on('clear.bs.fileinput', function(e)
        {
            backup_restore_vue.setRestoreFile(e);
        });
        
        
    });
    
</script>

@stop