@extends('layouts.app')

@section('content')


@include('includes.message')

<div class="container col-md-10 col-md-offset-2">
    <div class="panel panel-default">
        <h4 class="titulo">Panel de Servicios</h4>

        <div class="btn-nuevo">
            <a href="{{ route('servicio.nuevo')}}" class="btn btn-outline-primary">
                Nuevo Servicio
            </a>
        </div>
        <br><br><br>
        <!--Si no hay servicios se muestra el mensaje-->
        @if($serv_tipos->isEmpty())
        <div class="card">
            <div class="card-header">
                <div class="data-cliente">Aún no hay servicios registrados</div>
            </div>
        </div>

        @else
        <table class="table">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Servicio</th>
                    <th>Planta</th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($serv_tipos as $serv_tipo)
                <tr>
                    <td>{!! date('d/m/Y', strtotime($serv_tipo->fecha)) !!} </td>
                    <td>{!! $serv_tipo->tipoServicio['nombre'] !!}</td>
                    <td>{!! $serv_tipo->planta['nombre'] !!}</td>
                    <td>
                        <!--link para ver el detalle del servicio-->
                        <div class="btn-nuevo">
                            <a href="{{ route('servicio.servicio', ['servicio'=>$serv_tipo->servicio])}}" 
                               class="btn btn-outline-primary">
                                ver
                            </a>
                        </div>
                        <!--link para generar el informe del servicio-->
                        <div class="btn-nuevo">
                            <a href="{{ route('controlestacion.informe', 
                            [ 'servicio_id' => $serv_tipo->id])}}" 
                               class="btn btn-outline-success">
                                Generar Informe
                            </a>
                        </div> 
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @endif

        <!-- paginacion -->
        <div class="clearfix"></div>
        {{$serv_tipos->links()}}

    </div>
</div>
@endsection