@extends('layouts.argo')
@section('content')

<div class="col">
    @foreach($charts as $key => $value)
    <div class="card">
        <div class="card-header">
            <h2 class="flex-row">Pergunta: <span>{{ $key }}</span></h2>
        </div>
        <div class=" card-body flex-row" >
            <div style="width: 30%;">
                <div class="info alert alert-{{ $resultado[$key]['classe'] }}">
                    <h3 class="text-center"><span>Resultado </span> {{ $resultado[$key]['nota'] }}</h3>
                    <p class="text-center"> {{ $resultado[$key]['tipo'] }}</p>
                </div>
                
                <a class="btn btn-default" href="{{ route('satisfacao.exportar', $resultado[$key]['id']) }}">Exportar resultado para CSV</a>
            </div>
            
            <div style="width: 60%;">
                <div>
                    {!! $value->container() !!}
                    {!! $value->script() !!}
                </div>
            </div>
        </div>
    </div>
    @endforeach
    <div class="card">
        <div class="card-footer">
            <a class="btn btn-warning" href="{{ route('satisfacao.index') }}"> Voltar </a>
        </div>
    </div>
</div>
@endsection