@extends('template.layout_admin')

@section('content')

<style>
    input[type="text"], input[type="number"], select {
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        height: 20px;
        width: 150px;
    }

    button[type="submit"] {
        width: 100px;
        background-color: #6f42c1;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        height: 20px;
    }

</style>

<div class="container">
    <h1>Resultado da Busca</h1>

    <p>Termo de Busca: {{ $search }}</p>

    <table class="table mt-3">
        <thead>
            <tr>
                <th>Account ID</th>
                <th>Nome do Personagem</th>
            </tr>
        </thead>
        <tbody>
            @foreach($duplicateAccounts as $account)
                <tr>
                    <td>{{ $account->account_id }}</td>
                    <td>{{ $account->name }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="container" style="display: flex; content-align: center">
    <form method="GET" action="{{ route('admin.duplicate-accounts.search') }}" class="row align-items-center">
        <label for="search" style="margin-left: -8px">Buscar Account ID:</label>
        <input type="text" name="search" value="{{ request('search') }}">
        <button type="submit" style="margin-left: 5px">Buscar</button>
    </form>
</div>

@endsection