@extends('dashboard.admin.layout')

@section('title', 'Manage Deposit Addresses')
@section('page_subtitle', 'Active address table first, with address creation moved into a modal.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>Active Deposit Addresses</h5>
          <p>Configure supported deposit wallets from a modal while keeping the address table as the first view.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createAddressModal">
          <i class="icon ion-md-add"></i> Add Address
        </button>
      </div>
    </div>
    <div class="card-body pt-0">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>Asset</th>
              <th>Network</th>
              <th>Address</th>
              <th>Instructions</th>
              <th>Status</th>
              <th>Last Updated</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($addresses as $address)
              <tr>
                <td><strong>{{ $address->asset }}</strong></td>
                <td>{{ $address->network ?? '-' }}</td>
                <td>
                  <code>{{ Str::limit($address->address, 20) }}</code>
                  <button class="btn btn-sm btn-primary" type="button" onclick="navigator.clipboard.writeText('{{ $address->address }}')">Copy</button>
                </td>
                <td>{{ Str::limit($address->instructions, 50) ?? '-' }}</td>
                <td>
                  @if($address->trashed())
                    <span class="badge badge-warning">Deleted</span>
                  @else
                    <span class="badge badge-success">Active</span>
                  @endif
                </td>
                <td>{{ $address->updated_at->format('Y-m-d H:i') }}</td>
                <td>
                  @if(!$address->trashed())
                    <form method="POST" action="{{ route('admin.addresses.delete', $address) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Soft-delete this address?')">Delete</button>
                    </form>
                  @else
                    <form method="POST" action="{{ route('admin.addresses.restore', $address->id) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-success">Restore</button>
                    </form>
                  @endif
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="7" class="text-center text-muted">No deposit addresses configured yet.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
  </div>

  @if($pendingTransactions->count() > 0)
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <div>
        <h5 class="card-title">Pending Transactions</h5>
        <div class="text-muted">{{ $pendingTransactions->count() }} transactions are still awaiting review.</div>
      </div>
      <a href="{{ route('admin.transactions') }}" class="btn btn-sm btn-primary">View All Pending</a>
    </div>
    <div class="card-body pt-0">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>Reference</th>
              <th>User</th>
              <th>Type</th>
              <th>Asset</th>
              <th>Amount</th>
              <th>Status</th>
              <th>Date</th>
            </tr>
          </thead>
          <tbody>
            @foreach($pendingTransactions as $tx)
              <tr>
                <td><small>{{ $tx->reference }}</small></td>
                <td>{{ $tx->user->email }}</td>
                <td>
                  @if($tx->type === 'deposit')
                    <span class="badge badge-success">Deposit</span>
                  @else
                    <span class="badge badge-danger">Withdrawal</span>
                  @endif
                </td>
                <td>{{ $tx->asset }}</td>
                <td>{{ number_format($tx->amount, 8) }}</td>
                <td><span class="badge badge-warning">{{ ucfirst($tx->status) }}</span></td>
                <td>{{ $tx->created_at->format('Y-m-d H:i') }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
  @endif
</div>

<div class="modal fade" id="createAddressModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Add Deposit Address</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
      <form method="POST" action="{{ route('admin.addresses.save') }}" enctype="multipart/form-data">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-6 form-group">
              <label for="asset">Cryptocurrency</label>
              <input type="text" name="asset" id="asset" class="form-control" placeholder="e.g., BTC, ETH, USDT" required>
            </div>
            <div class="col-md-6 form-group">
              <label for="network">Network (Optional)</label>
              <input type="text" name="network" id="network" class="form-control" placeholder="e.g., ERC20, TRC20">
            </div>
            <div class="col-md-12 form-group">
              <label for="address">Deposit Address</label>
              <input type="text" name="address" id="address" class="form-control" placeholder="Enter wallet address" required>
            </div>
            <div class="col-md-12 form-group">
              <label for="instructions">Instructions (Optional)</label>
              <textarea name="instructions" id="instructions" class="form-control" rows="3" placeholder="Any special instructions for depositing this currency"></textarea>
            </div>
            <div class="col-md-12 form-group">
              <label for="qr_code">QR Code Image (Optional)</label>
              <input type="file" name="qr_code" id="qr_code" class="form-control" accept="image/*">
            </div>
          </div>
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button><button type="submit" class="btn btn-primary">Save Address</button></div>
      </form>
    </div>
  </div>
</div>
@endsection