@extends('layouts.argo')

@section('content')
<div class="col">
    <div class="card">
        <div class="card-header">    
            <h3><a href="{{ route('anatel.searchArea') }}"> Encontre as áreas conurbadas </a></h3>
        </div>
        
        <div class="card-body">
            <div class="form-row flex-row align-end">
                <div class="col-md-4">
                    <label for="ddd">Escolha o DDD</label>
                    <select class="form-control" name="ddd" id="ddd">
                        <option value="">Selecione uma opção</option>
                        @foreach($ddds as $ddd)
                        <option value="{{ $ddd->codigo_nacional }}">{{ $ddd->codigo_nacional }}</option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-6" id="cidade-box">
                    <label for="cidade">Escolha a Cidade</label>
                    <select class="form-control" name="cidade" id="cidade">
                    </select>
                </div>
                <form action="{{ route('cnl.search') }}" class="col-md-2" id="button-box" method="post">
                    @csrf
                    <input type="hidden" name="ddd" value="" id="input-ddd">
                    <input type="hidden" name="cidade" value="" id="input-cidade">
                    <button id="button-send" class="btn btn-default" type="submit">Pesquisar</button>
                </form>
            </div>
            
        </div>
    </div>
    
    @isset($cidades)
    <div class="card">
        <div class="card-header">    
            <h3>Cidades Conurbadas</h3>
            <form action="{{ route('cnl.search') }}" method="post">
                @csrf
                <input type="hidden" value="{{ $data['ddd'] }}" name="ddd">
                <input type="hidden" value="{{ $data['cidade']}}" name="cidade">
                <input type="hidden" value="csv" name="csv">
                <button class="btn btn-default" type="submit">Exportar para csv</button>
            </form>
            <br>
      
            <p><b>DDD: </b> {{ $data['ddd'] }} </p>
            <p><b> Cidade: </b> {{ $data['cidade']}} </p>

        </div>
        
        <div class="card-body">
            <table class="table table-hover">
                <thead class="thead-light">
                    <tr>
                        <th>Código de Área</th>
                        <th>Nome da Localidade</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($cidades as $c)
                    <tr>
                        <td>{{$c->cod_area_local}}</td>
                        <td>{{$c->cidade}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif
    
</div>

@endsection