@extends('layouts.app')

@section('content')
<div class="container-fuild p-5">
    <div class="row">
        <div class="col">
            <h4 class="card-title text-center h1">PROVEEDORES REGISTRADOS</h4>
            <div class="card">
                <div class="card-body">
                    <table class="table table-data2 table-hover " id="table_id" data-page-length="15">
                        <thead>
                            <tr style="background-color: black; color:white;">
                                <th style="color: white;">Nombre</th>
                                <th style="color: white;">Empresa</th>
                                <th style="color: white;">Telefono </th>
                                <th style="color: white;">Telefono Secundario</th>
                                <th style="color: white;">Articulos</th>
                                <th style="color: white;">Dias de Visita</th>
                                <th> </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $data)
                            <tr class="tr-shadow ">
                                <td>{{$data->nombre}}</td>
                                <td>{{$data->empresa}}</td>
                                <td>{{$data->telefono1}}</td>
                                <td>{{$data->telefono2}}</td>
                                <td>{{$data->articulos}}</td>
                                <td>{{$data->dias}}</td>
                                <td>
                                    <div class="table-data-feature">

                                        <a class="item btn btn-primary" href="{{route('prove.show', ['id' => $data->id])}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="Editar {{$data->nombre}}">
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                        <a class="item btn btn-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="Eliminar {{$data->nombre}}" href="{{route('prove.delete', ['id' => $data->id])}}">
                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection