@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col">
        <h4 class="card-title text-center display-4"> <br>Servicios Activos</h4>
        <div class="card">
            <div class="card-body">
                <table class="table table-hover" id="table_id" data-page-length="15">
                    <thead>
                        <tr>
                            <th>Cliente</th>
                            <th>Articulo</th>
                            <th>Total</th>
                            <th>Abonado</th>
                            <th>Pendiente</th>
                            <th>Fecha Entrega</th>
                            <th>Fecha de Recivido</th>
                            <th>Ver Datoss</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($servicio as $servi)
                        <tr>
                            <td class="text-capitalize">{{$servi->nombre}}</td>
                            <td>{{$servi->articulo}}</td>
                            <td>{{$servi->total}}</td>
                            <td>{{$servi->anticipo}}</td>
                            <td>{{$servi->pendiente}}</td>
                            <td>{{$servi->fecha_ent}}</td>
                            <td>{{$servi->fecha_rev}}</td>
                            <td>
                                <a class="btn btn-sm btn-primary" href="{{route('servi.edit', ['id' => $servi->id])}}"><i class="fa fa-eye" aria-hidden="true"></i> Ver Datos</a>
                            </td>

                        </tr>
                        @endforeach
                    </tbody>
                </table>






            </div>
        </div>
    </div>
</div>
@endsection