@extends('layouts.app')

@section('header')
    <div class="page-header clearfix">
        <h1>
            <i class="glyphicon glyphicon-align-justify"></i> Reporte de movimientos
        </h1>
    </div>
    <div class="btn-toolbar text-right">
        <a href="{{route('refrigerators.show', $id)}}" class="btn btn-primary">Ver refrigerador</a>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if($movements->count())
            <table class="table table-condensed table-striped">
                <thead>
                    <tr>
                        <th></th>
                        <th>Descripción</th>
                        <th>Nueva lectura</th>
                        <th>Charola</th>
                        <th>Carril</th>
                        <th>Tiempo desde último cambio</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($movements as $movement)
                    <tr>
                        <td>
                            @if($movement->type == 'add')
                            <i class="glyphicon glyphicon-chevron-up"></i>
                            @endif
                            @if($movement->type == 'remove')
                            <i class="glyphicon glyphicon-chevron-down"></i>
                            @endif
                        </td>
                        <td>{{$movement->description}}</td>
                        <td>{{$movement->value}}</td>
                        <td>{{$movement->row + 1}}</td>
                        <td>{{$movement->column + 1}}</td>
                        <td>{{$movement->time_from_last}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            {!! $movements->render() !!}
            @else
            <h3 class="text-center alert alert-info">No hay movimientos registrados en este refrigerador</h3>
            @endif

        </div>
    </div>

@endsection