@section('css')

@endsection

@section('scripts')


@endsection


<x-appadminlte-layout>

    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">VISÃO DAS EQUIPES POR CULTO</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ url('/principal') }}">Principal</a></li>
                        <li class="breadcrumb-item active">Visão das Equipes por Culto</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->


    {{-- ACESSO RÁPIDO --}}
    @include('events.partials.fastaccessevents')


        <div class="card my-1 mx-2 mb-2">
            <div class="card-header">
              <h3 class="card-title">Cultos Ativos e Voluntários inscritos</h3>
    
              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                  <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
            <div class="card-body p-0" style="display: block;">
              <table class="table table-striped projects">
                  <thead>
                      <tr>
                          <th style="width: 45%">
                             Culto
                          </th>
                          <th style="width: 55%">
                             Equipe
                          </th>
                      </tr>
                  </thead>
                  <tbody>
                    @forelse($events as $event)
                      <tr>
                          <td>
                              <a class="text-bold">
                                {{ $event->name }}
                              </a>
                              <br>
                              <small>
                                  Data: {{ str_contains($event->name, 'Qualquer') ? '---' : $event->date_formatted }}
                              </small>
                              <br>
                              <small>
                                Dia: {{ str_contains($event->name, 'Qualquer') ? '---' : $event->date_formattedWeek }}
                              </small>                                
                              <br>
                              <small>
                                Hora Chegada:  {{ $event->date_formattedTime }}
                            </small>                              
                          </td>

                          @php
                            // $nomeLider = $event->leader->name ?? 'Vago';
                            $nomeLider = isset($event->leader->name) ? $event->leader->firstAndLastName() : 'A ser definido.';
                            $users = $event->users()->wherePivot('status', 'REALIZADA')->get();
                            $quantidadeInscritos = $users->count();
                            $nomefotoLider = !isset($event->leader->foto) ? 'UserExampleQuad.png' : $event->leader->foto;
                          @endphp


                          <td>
                            <span class="text-bold">Lider:</span><br>
                            @if (isset($event->leader->name))
                            <img src="{{ asset('storage/users/fotos/'. $nomefotoLider) }}" style="width:35px;height: 35px;object-fit: cover;vertical-align:middle;display:inline-block;" class="img-circle elevation-2" alt="User Image">
                            @endif
                             {{ $nomeLider }} <br>
                             <span class="text-bold">Equipe({{$quantidadeInscritos}} de {{ $event->number_volunteers }} ):</span><br>

                            <ul class="list-inline">
                            @forelse ($users as $user)
                            @php

                                $nomefoto = is_null($user->foto) ? 'UserExampleQuad.png' : $user->foto;
                
                            @endphp
                                                         
                                
                                    <li class="list-inline-item">
                                        <img src="{{ asset('storage/users/fotos/'. $nomefoto) }}" style="width:35px;height: 35px;object-fit: cover;vertical-align:middle;display:inline-block;" class="img-circle elevation-2" alt="User Image">
                                        {{ $user->firstAndLastName() }}
                                    </li>
                                 
                            @empty
                            <li class="list-inline-item">
                              
                              {{ __('A ser definda.') }}
                          </li>
                            @endforelse
                            </ul> 
                          </td>
                      </tr>
                    @empty
                      <tr>
                          <td colspan="5">Nenhuma inscrição disponível!</td>
                      </tr>
                   @endforelse                      
                  </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>


   

</x-appadminlte-layout>