@extends('layouts.app')
@section('content')
<div class="grid md:grid-cols-3 gap-6">
  <div class="md:col-span-2 space-y-4">
    <div class="bg-white rounded-2xl shadow p-5">
      <div class="flex items-center justify-between mb-3">
        <h2 class="text-lg font-semibold">Connected Google Ads Accounts</h2>
        <a href="{{ route('oauth.google.start') }}" class="px-3 py-2 rounded-xl bg-indigo-600 text-white text-sm">Connect via Google</a>
      </div>
      <table class="w-full text-sm">
        <thead class="text-left text-slate-500">
          <tr><th class="py-2">Label</th><th>Customer ID</th><th>Currency</th><th></th></tr>
        </thead>
        <tbody>
        @forelse($accounts as $a)
          <tr class="border-t">
            <td class="py-2">{{ $a->label }}</td>
            <td>{{ $a->customer_id }}</td>
            <td>{{ $a->currency_code }}</td>
            <td class="text-right">
              <form method="POST" action="{{ route('accounts.destroy',$a->id) }}">@csrf @method('DELETE')
                <button class="text-red-600">Remove</button>
              </form>
            </td>
          </tr>
        @empty
          <tr><td colspan="4" class="py-6 text-center text-slate-500">No accounts yet.</td></tr>
        @endforelse
        </tbody>
      </table>
    </div>
  </div>

  <div class="space-y-4">
    <div class="bg-white rounded-2xl shadow p-5">
      <h3 class="font-semibold mb-2">Add Account</h3>
      <form method="POST" action="{{ route('accounts.store') }}" class="space-y-3">
        @csrf
        <label class="block">
          <span class="text-sm">Label</span>
          <input name="label" class="mt-1 w-full border rounded-xl p-2" required />
        </label>
        <label class="block">
          <span class="text-sm">Customer ID (no dashes)</span>
          <input name="customer_id" class="mt-1 w-full border rounded-xl p-2" required />
        </label>
        <label class="block">
          <span class="text-sm">Login Customer ID (MCC, optional)</span>
          <input name="login_customer_id" class="mt-1 w-full border rounded-xl p-2" />
        </label>
        <label class="block">
          <span class="text-sm">Refresh Token</span>
          <input name="refresh_token" value="{{ $oauth_refresh_token }}" class="mt-1 w-full border rounded-xl p-2" required />
        </label>
        <button class="w-full bg-slate-900 text-white rounded-xl py-2">Save</button>
      </form>
    </div>
  </div>
</div>
@endsection