@extends('layouts.argo')
@section('content')
<div class="col">
    <div class="card">
        <div class="card-header flex-row">
            <h3>Lista de Números Virtuais (Dids)</h3>

            <form action="{{ route('dids.search') }}" method="POST" class="navbar-search navbar-search-light form-inline mr-sm-3" id="navbar-search-main">
                @csrf
                <div class="form-group mb-0">
                    <div class="input-group input-group-alternative input-group-merge">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-search"></i></span>
                        </div>
                        <input class="form-control" placeholder="Pesquisar por número" type="text" name="search">
                    </div>
                </div>
                <button type="button" class="close" data-action="search-close" data-target="#navbar-search-main" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </form>

        </div>

        @if(isset($result))
        <div class="card-body">
            <h3>Resultado:</h3>
            <div class="flex-row">
                <p>Número Pesquisado: <b>{{ $result['pesquisa']}} </b></p>
                <p>Total de Resultados: <b>{{ $result['total'] }}</b> </p>
            </div>
            <a class="btn bg-{{ session('template')->nome }}" href="{{ route('dids.indexAdmin') }}">Visualizar Todos</a>
        </div>
        @endif
        
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Número Virtual</th>
                        <th>Cliente</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($dids as $did)
                    <tr>
                        <td>{{ $did->alias }}</td>
                        <td>{{ $did->users->name }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection