@layout('layouts.main')

@section('content')
<h2>Import/Export data from another Ferdium server</h2>
@if(success === true)
    <div class="alert" style="background-color:#28C76F;">
        Sucessfully imported your account data
    </div>
@endif

<h3>Import data</h3>
<div>
  <label>Account data</label>
  <div>
    <input type="file" name="file" id="file" value="" accept=".json,.ferdium-data,.ferdi-data" required>
  </div>
</div>

<form action="/transfer" method="POST">
    <input type="hidden" name="file" id="fileoutput" value="">
    <div>
        <button style="background-color:#28C76F;margin-bottom:1rem;" id="submit" disabled>Import data</button>
    </div>
</form>

<h3>Export data</h3>
<a class="button" style="background-color:#28C76F;margin-bottom:1rem;" href="/export">Export data</a>

</div>
<script src="/js/transfer.js"></script>

@endsection