@extends('layouts.app')
@section('title','Consulta DXCC')
@section('content')

<h2 style="margin-bottom:1.25rem">🌍 Consulta DXCC</h2>

<form method="GET" action="{{ route('dxcc.lookup') }}"
      style="display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;max-width:500px">
    <input type="text"
           name="callsign"
           value="{{ $callsign ?? '' }}"
           placeholder="Digite o indicativo (ex: PY6MV)"
           autofocus
           style="flex:1;padding:.5rem .85rem;border:1px solid #ddd;border-radius:var(--radius);
                  font-size:1rem;text-transform:uppercase;letter-spacing:.05em"
           oninput="this.value=this.value.toUpperCase()">
    <button type="submit" class="btn btn-primary" style="padding:.5rem 1.25rem">
        🔍 Consultar
    </button>
</form>

@if(!empty($erro))
    <div class="alert alert-danger">❌ {{ $erro }}</div>
@endif

@if(isset($result) && $result)
<div style="background:#fff;border-radius:var(--radius);box-shadow:0 2px 12px rgba(0,0,0,.08);
            padding:1.5rem 2rem;max-width:600px">
    <h3 style="margin:0 0 1rem;color:var(--blue)">
        {{ $callsign }}
        <span style="font-weight:normal;font-size:.9rem;color:var(--muted)">— resultado DXCC</span>
    </h3>
    <table style="width:100%;border-collapse:collapse;font-size:.9rem">
        @php
            $campos = [
                'country'   => '🏳️ País',
                'continent' => '🌎 Continente',
                'cq_zone'   => '📡 Zona CQ',
                'itu_zone'  => '📻 Zona ITU',
                'latitude'  => '🗺️ Latitude',
                'longitude' => '🗺️ Longitude',
                'gmt'       => '🕐 GMT',
                'principal' => '🔤 Prefixo Principal',
                'prefix'    => '✅ Prefixo Correspondente',
            ];
        @endphp
        @foreach($campos as $key => $label)
        <tr style="{{ $loop->odd ? 'background:#f8f9fa' : '' }}">
            <td style="padding:.5rem .75rem;font-weight:600;color:#555;width:220px">{{ $label }}</td>
            <td style="padding:.5rem .75rem;font-weight:{{ in_array($key,['country','continent']) ? 'bold' : 'normal' }}">
                {{ $result[$key] ?? '—' }}
            </td>
        </tr>
        @endforeach
    </table>
</div>
@elseif(isset($callsign) && $callsign && empty($erro))
<div class="alert alert-warning" style="max-width:500px">
    ⚠️ Indicativo <strong>{{ $callsign }}</strong> não encontrado no arquivo DXCC (cty.dat).
</div>
@endif

@endsection