@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 Técnicos</h4>

        <div class="btn-nuevo">
            <a href="{{ route('tecnicos.create') }}" class="btn btn-outline-primary">
                Nuevo Técnico
            </a>
        </div>
        <br><br><br>

        @if($tecnicos->isEmpty())
        <div class="card">
            <div class="card-header">
                <div class="data-cliente">Aún no hay Técnicos registrados</div>
            </div>
        </div>

        @else
        <table class="table">
            <thead>
                <tr>
                    <th>Nombre</th>
                    <th>E-mail</th>
                    <th>Teléfono</th>
                    <th>Trabajos actuales</th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($tecnicos as $tecnico)
                <tr>
                    <td><a href="{{ route('tecnicos.edit', ['tecnico' => $tecnico]) }}">{!! $tecnico->name !!} {!! $tecnico->surname !!}  </a></td>
                    <td>{!! $tecnico->email !!}</td>
                    <td>{!! $tecnico->telefono !!}</td>
                    <td>{!! $tecnico->trabajosActivos->count() !!}</td>
                    <td>
                        <!--link para ver el detalle del servicio-->
                        <div class="btn-nuevo">
                            <a href="{{ route('tecnicos.trabajo', [ 'tecnico' => $tecnico])}}"
                               class="btn btn-outline-primary">
                                Asignar Trabajo
                            </a>
                        </div>
                        <!--link para generar el informe del servicio-->
                        <div class="btn-nuevo">
                            <a href="{{ route('trabajos.tecnico',
                            [ 'tecnico_id' => $tecnico->id])}}"
                               class="btn btn-outline-success">
                                Ver Trabajos
                            </a>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @endif

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

    </div>
</div>
@endsection