@extends('dashboard.admin.layout')

@section('title', 'Manual Bonuses')
@section('page_subtitle', 'Bonus history leads the page and create forms now open inside a modal.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>Bonus History</h5>
          <p>Track all manual bonus credits and launch creation from the action button.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createManualBonusModal">
          <i class="icon ion-md-add"></i> New Manual Bonus
        </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 bonuses yet.</td></tr>
        @endforelse
        </tbody>
      </table>
      {{ $entries->links() }}
    </div>
  </div>
</div>

<div class="modal fade" id="createManualBonusModal" 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 Bonus</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
      <form method="POST" action="{{ route('admin.manual-bonuses.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 }})</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>
        </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 Bonus</button></div>
      </form>
    </div>
  </div>
</div>
@endsection