@extends('backend.layout.exposcale')

@section('page_title', 'Settings')

@section('content')
<div class="page-body">
  @if(session('success'))
    <div class="alert alert-success" style="margin-bottom: 20px; padding: 15px; border: 1px solid #c3e6cb; background-color: #d4edda; color: #155724; border-radius: 4px;">
      {{ session('success') }}
    </div>
  @endif

  <div class="panel" style="margin-bottom: 24px;">
    <div style="padding: 24px; display: flex; justify-content: space-around; gap: 16px;">
      <form action="{{ route('exposcale.settings.sync-gradyn') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-primary" style="background-color: #4263eb; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 500;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px; vertical-align: text-bottom;"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg>
          Sync Gradyn Accounts
        </button>
      </form>

      <form action="{{ route('exposcale.settings.sync-rockads') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-primary" style="background-color: #4263eb; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 500;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px; vertical-align: text-bottom;"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg>
          Sync Rockads Accounts
        </button>
      </form>

      <form action="{{ route('exposcale.settings.sync-rockads-wallets') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-primary" style="background-color: #4263eb; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 500;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px; vertical-align: text-bottom;"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg>
          Sync Rockads Wallets
        </button>
      </form>

      <form action="{{ route('exposcale.settings.sync-gradyn-transactions') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-primary" style="background-color: #4263eb; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 500;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px; vertical-align: text-bottom;"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg>
          Sync Gradyn Transactions
        </button>
      </form>

      <form action="{{ route('exposcale.settings.sync-rockads-transactions') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-primary" style="background-color: #4263eb; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 500;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px; vertical-align: text-bottom;"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg>
          Sync Rockads Transactions
        </button>
      </form>
    </div>
  </div>
  <div class="panel">
    <div style="color:var(--muted);font-size:13px;padding:24px;text-align:center;">
      Settings coming soon.
    </div>
  </div>
</div>
@endsection