@extends('layouts.app')

@section('content')
    <div class="flex flex-row gap-2 ">
        <div class="card flex-1">
            <div class="card-header ">Numero Presntatori</div>
            <div class="card-body items-center">
                <h1 class=" text-4xl text-center">{{$data['numLocali']}}</h1>
            </div>
        </div>
        <div class="card flex-1">
            <div class="card-header">Numero Locali</div>
            <div class="card-body">  <h1 class=" text-4xl text-center">{{$data['numPresentatori']}}</h1>
            </div>
        </div>
    </div>
    <div class="flex flex-col mt-4">
        <div class="card">
            <div class="card-header">Locali Attivi</div>
            <div class="card-body">

                <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
                    <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                        <tr>
                            <th scope="col" class="px-6 py-3">
                                Nome
                            </th>
                            <th scope="col" class="px-6 py-3">
                                Indirizzo
                            </th>
                            <th scope="col" class="px-6 py-3">
                                Città
                            </th>
                            <th scope="col" class="px-6 py-3">
                                Presentatori
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data['LocaliAttivi'] as $item)


                        <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                            <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                                {{$item->Nome}}
                            </th>
                            <td class="px-6 py-4">
                                {{$item->Indirizzo}}
                            </td>
                            <td class="px-6 py-4">
                                {{$item->Citta}}
                            </td>
                            <td class="px-6 py-4">
                                {{$item->presentatori->name}}
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>

            </div>
        </div>
    </div>
@endsection