@extends('layouts.master')
@section('title',trans('prices'))
@section('main')
    <section id="dashboard-analytics">
        <div class="row">
            <div class="col-12">
                @foreach($prices as $price)
                    <div class="card">
                        <div class="card-header">
                            <h4 class="mb-0">{{$price->first()->name}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="table-responsive mt-1">
                                <table class="table table-hover-animation mb-0">
                                    <thead>
                                    <tr>
                                        <th>{{trans('provider')}}</th>
                                        <th>{{trans('price')}}</th>
                                        <th>{{trans('diff in 24h')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($price as $item)
                                        <tr>
                                            <td>{{$item->provider}}</td>
                                            <td>{{$item->price}}</td>
                                            <td>
                                                <span
                                                    class="badge badge-{{$item->average == 0 ? 'light' :( $item->average < 0 ? 'danger' : 'success')}}">
                                                    <i class="fa fa-angle-{{$item->average == 0 ? '' :( $item->average < 0 ? 'done' : 'up')}}"></i>
                                                    {{$item->average}}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection