@extends('layouts.app')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <h2 class="text-2xl font-bold">Agents</h2>
    </div>

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Create New Agent</h3>

            @if (session('status'))
                <div class="alert alert-success mb-4">
                    {{ session('status') }}
                </div>
            @endif

            <form method="POST" action="{{ route('admin.agents.store') }}" class="grid grid-cols-1 md:grid-cols-4 gap-3">
                @csrf

                <div>
                    <input name="name" value="{{ old('name') }}" class="input input-bordered w-full" placeholder="Name" required>
                    @error('name')
                        <p class="text-error text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <input name="email" type="email" value="{{ old('email') }}" class="input input-bordered w-full" placeholder="Email" required>
                    @error('email')
                        <p class="text-error text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <input name="password" type="password" class="input input-bordered w-full" placeholder="Password" required>
                    @error('password')
                        <p class="text-error text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <input name="password_confirmation" type="password" class="input input-bordered w-full" placeholder="Confirm Password" required>
                </div>

                <div class="md:col-span-4 flex justify-end">
                    <button class="btn btn-primary">
                        Create Agent
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="card bg-base-100 shadow overflow-x-auto">
        <div class="card-body">
            <h3 class="font-semibold mb-4">Existing Agents</h3>

            <table class="table table-zebra">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Status</th>
                        <th>Created At</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($agents as $agent)
                        <tr>
                            <td>{{ $agent->name }}</td>
                            <td>{{ $agent->email }}</td>
                            <td>
                                <span class="badge {{ $agent->is_active ? 'badge-success' : 'badge-ghost' }}">
                                    {{ $agent->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td>{{ $agent->created_at->format('M d, Y H:i') }}</td>
                            <td class="flex gap-2">
                                <a href="{{ route('admin.agents.edit', $agent->id) }}" class="btn btn-xs btn-outline">
                                    Edit
                                </a>
                                <form method="POST" action="{{ route('admin.agents.toggle', $agent->id) }}">
                                    @csrf
                                    <button class="btn btn-xs {{ $agent->is_active ? 'btn-warning' : 'btn-success' }}">
                                        {{ $agent->is_active ? 'Deactivate' : 'Activate' }}
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-gray-500">
                                No agents created yet.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection