@extends('dashboard.admin.layout')

@section('title', 'Manual Withdrawals')
@section('page_subtitle', 'Withdrawal history sits first with new withdrawal forms launched from a modal.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>Withdrawal History</h5>
          <p>Review all manual withdrawal debits and add more from a standard modal button.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createManualWithdrawalModal">
          <i class="icon ion-md-add"></i> New Manual Withdrawal
        </button>
      </div>
    </div>
    <div class="card-body pt-0 table-responsive">
      <table class="table">
        <thead><tr><th>ID</th><th>User</th><th>Amount</th><th>Status</th><th>Date</th></tr></thead>
        <tbody>
        @forelse($entries as $entry)
          <tr>
            <td>{{ $entry->id }}</td>
            <td>{{ $entry->user->email ?? '-' }}</td>
            <td>{{ number_format($entry->amount, 8) }}</td>
            <td>{{ ucfirst($entry->status) }}</td>
            <td>{{ $entry->created_at->format('Y-m-d H:i') }}</td>
          </tr>
        @empty
          <tr><td colspan="5" class="text-center">No manual withdrawals yet.</td></tr>
        @endforelse
        </tbody>
      </table>
      {{ $entries->links() }}
    </div>
  </div>
</div>

<div class="modal fade" id="createManualWithdrawalModal" 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">Create Manual Withdrawal</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
      <form method="POST" action="{{ route('admin.manual-withdrawals.store') }}">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-4 form-group">
              <label>User</label>
              <select class="form-control" name="user_id" required>
                <option value="">Select user</option>
                @foreach($users as $user)
                  <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }}) - Balance: {{ number_format($user->balance ?? 0, 8) }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-md-3 form-group">
              <label>Amount</label>
              <input type="number" step="0.00000001" name="amount" class="form-control" required>
            </div>
            <div class="col-md-3 form-group">
              <label>Status</label>
              <select name="status" class="form-control" required>
                <option value="completed">Completed</option>
                <option value="pending">Pending</option>
                <option value="rejected">Rejected</option>
              </select>
            </div>
            <div class="col-md-12 form-group">
              <label>Note</label>
              <textarea name="note" class="form-control" rows="2"></textarea>
            </div>
            <div class="col-md-12 form-group">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="allow_overdraft" id="allow_overdraft" value="1">
                <label class="form-check-label" for="allow_overdraft">Allow overdraft (subtract even if balance is low)</label>
              </div>
            </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 Manual Withdrawal</button></div>
      </form>
    </div>
  </div>
</div>
@endsection