@extends('layouts.app')
@section('header')
<div class="page-header">
    <h1>Detalles del producto</h1>
</div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-4">
            <table class="table">
                <tr>
                    <th>Número de serie</th>
                    <td>{{$product->series}}</td>
                </tr>
                <tr>
                    <th>Marca</th>
                    <td>{{$product->brand}}</td>
                </tr>
                <tr>
                    <th>Modelo</th>
                    <td>{{$product->model}}</td>
                </tr>
                <tr>
                    <th>Precio</th>
                    <td>{{$product->price}}</td>
                </tr>
            </table>
        </div>

        <div class="col-md-8">
            @if(count($product->events))
            <h3>Eventos del producto</h3>
            <table class="table">
                <tr>
                    <th>Tipo de evento</th>
                    <th>Comentarios</th>
                    <th>Usuario relacionado</th>
                    <th>Fecha</th>
                </tr>

                @foreach($product->events as $event)
                <tr>
                    <td>
                    {{$event->type == 'assignment'?'Asignación':'Garantía'}}
                    </td>
                    <td>{{$event->comments}}</td>
                    <td>{{$event->owner?$event->owner->worker_id . ' - ' . $event->owner->name:'-'}}</td>
                    <td>{{$event->created_at}}</td>
                </tr>
                @endforeach
            </table>
            @endif
        </div>
    </div>
    <div class="well well-sm">
        <a href="{{route('products.index')}}" class="btn btn-primary">Regresar a inventario</a>
    </div>

@endsection