@extends('layouts.argo')

@section('content')
<div class="col">
    <div class="card">
        <div class="card-header">    
            <h3>Pesquisa por Número</h3>
        </div>
        
        <div class="card-body">
            <div class="flex-column align-end">
                <div class="" id="">
                    <label for="">Digite o Número</label>
                </div>
                <form action="{{ route('anatel.searchNum') }}" method="post">
                    @csrf
                    <input type="text" class="form-control" name="number" placeholder="Apenas números (incluindo DDD)">
                </form>
            </div>
            
        </div>
    </div>
    
    @isset($fone)
    <div class="d-flex justify-content-center">
        <div class="card w-75">
            <div class="card-header">    
                <h3>Resultado</h3>
            </div>
            
            <div class="card-body">
                <div class="d-flex flex-column">
                    <div class="flex-row justify-content-start mb-2">
                        <p class="m-0"><b class="pr-1">Número Pesquisado: </b>({{$strDDD}}) {{$strPrefixo}}-{{$strMCDU}}</p>
                    </div>
                    <div class="flex-row justify-content-start mb-2">
                        <p class="m-0"><b class="pr-1">Operadora: </b>{{$fone->nome_prestadora}}</p>
                    </div>
                    <div class="flex-row justify-content-start mb-2">
                        <p class="m-0"><b class="pr-1">Localidade: </b>{{$fone->nome_localidade}} ({{$fone->cnl}})</p>
                    </div>
                    <div class="flex-row justify-content-start mb-2">
                        <p class="m-0"><b class="pr-1">Área Local: </b>{{$fone->area_local}}</p>
                    </div>
                    <div class="flex-row justify-content-start mb-2">
                        <p class="m-0"><b class="pr-1">Código área Local: </b>{{$fone->cod_area_local}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
    
</div>

@endsection