@extends('dashboard.admin.layout')
@section('title', 'Email Center')
@section('content')
<div class="admin-inner">
  <div class="admin-card">
    <div class="admin-card__header">Direct Email</div>
    <div class="admin-card__body">
      <form method="POST" action="{{ route('admin.emails.user.send') }}" style="display:grid;gap:12px;max-width:760px;">
        @csrf
        <div>
          <label>User</label>
          <select name="user_id" class="form-control" required>
            <option value="">Select user</option>
            @foreach($users as $user)
              <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }})</option>
            @endforeach
          </select>
        </div>
        <div>
          <label>Subject</label>
          <input type="text" name="subject" class="form-control" maxlength="255" required>
        </div>
        <div>
          <label>Message</label>
          <textarea name="message" class="form-control" rows="6" required></textarea>
        </div>
        <div>
          <button type="submit" class="btn btn-primary">Send User Email</button>
        </div>
      </form>
    </div>
  </div>

  <div class="admin-card">
    <div class="admin-card__header">Bulk Email</div>
    <div class="admin-card__body">
      <form method="POST" action="{{ route('admin.emails.bulk.send') }}" style="display:grid;gap:12px;max-width:760px;">
        @csrf
        <div>
          <label>Target Segment</label>
          <select name="segment" class="form-control" required>
            <option value="has_trades">Users with trades ({{ $segmentCounts['has_trades'] }})</option>
            <option value="balance_only">Users with balance only ({{ $segmentCounts['balance_only'] }})</option>
            <option value="inactive">Inactive users ({{ $segmentCounts['inactive'] }})</option>
          </select>
        </div>
        <div>
          <label>Subject</label>
          <input type="text" name="subject" class="form-control" maxlength="255" required>
        </div>
        <div>
          <label>Message</label>
          <textarea name="message" class="form-control" rows="6" required></textarea>
        </div>
        <div>
          <button type="submit" class="btn btn-primary">Send Bulk Email</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection