@extends('welcome')

@section('content')
    <div class="flex flex-col">
    <div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
        <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">

            <div class="flex space-x-4">
                <div class="w-3/4">
                    <div class="mt-1">
                        <select class="form-control">
                            <option>--Seleccionar--</option>
                        </select>
                    </div>
                </div>
                
                <div class="w-1/4">
                    <div class="mt-1">
                        <button class="btn btn-success">Buscar</button>
                    </div>
                </div>
               
                <div class="w-1/4">
                    <div class="mt-1">
                        <button class="btn btn-primary">Enviar Plantilla</button>
                    </div>
                </div>
            </div>

            <div class="mt-6 border-b border-gray-200 sm:rounded-lg">
                <table class="table table-sm" {{--class="min-w-full divide-y divide-gray-200"--}}>
                    <thead class="bg-gray-200">
                        <tr>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                <i class="fa fa-search" aria-hidden="true"></i> Semestre 
                            </th>
                            <th scope="col" class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                                <i class="fa fa-search" aria-hidden="true"></i> Registro
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Nombre
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                Carrera
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                <i class="fa fa-search" aria-hidden="true"></i> Teléfono
                            </th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                    @foreach($data as $item)
                        <tr>
                            <td class="px-6 py-4 whitespace-nowrap text-center text-sm font-medium text-gray-900">{{ $item->semestre }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-center text-sm text-gray-500">{{ $item->nreg }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-left text-sm text-gray-500">{{ $item->nombre }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-left text-sm text-gray-500">{{ $item->carrera }}</td>
                            <td class="px-6 py-4 whitespace-nowrap text-left text-sm text-gray-500">
                                <a class="btn btn-primary" href="{{ url('contacto/'. $item->telefono.'/'.$item->nombre) }}">{{ $item->telefono }}</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="mt-6">{!! $data->links() !!}</div>
        </div>
    </div>
</div>
@endsection