@extends("layouts.1_column")

@section("centralContent")
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-lg-9 d-flex align-items-center">
                            Statistiche
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div style="background: #f0f0f0; margin-bottom:1rem; border-radius:5px; font-size:24px; text-align:center; padding:30px">
                        Questa sessione ha coinvolto <span class="primary">{{ $session->campaign->domains->count() }}</span> siti
                        per <span class="primary">{{ $totalUrls }}</span> url.
                    </div>
                    <div class="clearfix"></div>
                    <form>
                        <table class="table table-bordered table-hover table-campaigns mt-2">
                            <tr>
                                <th width="25%">
                                    Nome
                                  
                                </th>
                                <th class="text-center">
                                    KPI Compliant
                                
                                @foreach ($table_header as $th)
                                    <th class="text-center">
                                        {{ $th['label'] }}
                                       
                                    </th>
                                @endforeach
                                <th>
                                    <a href="{{ route('campaigns.session_stats',['id' => $session->id]) }}" class="btn btn-secondary btn-default">Reset</a> 

                                </th>
                            </tr>
                            <tr>
                                <th>
                                    <input value="{{request()->get('website_name')}}" type="text" class="" name="website_name" />
                                </th>
                                <th>
                                    <input value="{{request()->get('perc_kpi_compliant')}}" type="text" class="" name="perc_kpi_compliant" />
                                </th>
                                @foreach ($table_header as $th)
                                    <th class="text-center">
                                        <input value="{{request()->get($th['search_key'])}}" type="text" class="" name="{{ $th['search_key'] }}" />
                                    </th>
                                @endforeach
                                <th>
                                    <button class="btn btn-secondary btn-default" type="submit">Filtra</button> 
                                </th>
                            </tr>
                            @foreach ($rows as $row)
                                <tr>
                                    
                                    <td>{{ $row['name'] }}<br />
                                        {!! $row['kpis_domain'] !!}    
                                    </td>
                                    <td class="text-center" style="border-right:1px solid #dee2e6">{{ $row['perc_kpi_compliant'] }} %</td>
                                    @foreach($row['kpis'] as $kpi)
                                        <td class="text-center">
                                            {{ $kpi->kpi_yes }}
                                        </td>
                                        <td class="text-center">
                                            {{ $kpi->kpi_no }}
                                        </td>
                                        <td class="text-center" style="border-right:1px solid #dee2e6">
                                            {{ $kpi->kpi_nd }}
                                        </td>
                                    @endforeach
                                    <td></td>
                                </tr>
                            @endforeach
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection