@extends("layouts.1_column")

@section("centralContent")
    <div class="card">

        <div class="card-header ">
            <div class="row">
                <div class="col-lg-12 d-flex align-items-center">
                   KPIs
                </div>
                
            </div>

        </div>
        <div class="card-body">
            
                <table  class="table table-bordered table-hover table-campaigns">
                    <thead class="thead-light">
                        <tr>
                            <th>Chiave</th>
                            <th>Descrizione</th>
                            <th>Brands</th>
                            <th></th>
                        </tr>
                    </thead>
                    @foreach ($kpis as $kpi)
                        <tr>
                            <td>
                                {{ $kpi->key }}
                            </td>
                            <td>
                                {{ $kpi->description }}
                            </td>
                            <td>
                                @if($kpi->brandsKpi->count() > 0)
                                    @foreach ($kpi->brandsKpi as $brandKpi)
                                        {{ $brandKpi->brand->name }}
                                        @if(!$loop->last)
                                            -
                                        @endif
                                    @endforeach
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                @if($kpi->is_standard == 0 && count(\App\Services\AuthService::getBrands()) == 0 && $kpi->key != 'template_implementation')
                                    <a title="Gestisci opzioni" @click="$refs.kpis_manage.openModal({{ $kpi->id }})"  class="pointer">
                                        <i class="fa fa-list icon-small"></i>
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </table>
        </div>
    </div>
    <kpis-manage-value ref="kpis_manage"></kpis-manage-value>
@endsection