@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">MINHAS INSCRICÕES ATIVAS</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">Minhas Inscrições</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->


        <div class="card my-1 mx-2 mb-2">
        <div class="card-header">
            <h3 class="card-title">ACESSO RÁPIDO</h3>
        </div> <!-- /.card-header -->
        <div class="card-body">
            <a class="btn btn-app" href="{{ route('events.registration') }}"><i class="fas fa-clipboard-list"></i>
                Realizar Inscrição</a>
            <a class="btn btn-app text-wrap" href="{{ route('events.myregistrations') }}"><i class="fas fa-clipboard-check"></i>
                Minhas Inscrições</a>
        </div>
        <!-- /.card-body -->
        </div>


    <div class="card my-1 mx-2 mb-2">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Minhas Inscrições Ativas</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">
                <table class="table table-striped table-responsive">
                    <thead>
                        <tr>
                            <th >
                                Culto
                            </th>
                            <th >
                                @if ($events->count() >0)
                                    Situação da inscrição / </br>  Lider
                                @endif
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($events as $event)
                            <tr>
                                <td style="width: 80%">
                                    <div class="row">
                                    <div class="col-sm-3">    
                                    <label>
                                        <a class="font-weight-bold">
                                            {{ $event->name }}
                                        </a>
                                    </label>
                                    </div>
                                    <br />
                                    <div class="col-sm-2">  
                                        <label>Data:</label>  
                                                    {{ str_contains($event->name, 'Qualquer') ? '---' : $event->date_formatted }}
                                    </div>
                                    <br />
                                    <div class="col-sm-2">  
                                        <label>Horário de chegada:</label>  
                                        <span class="text-danger text-bold" > {{ $event->date_formattedTime }} </span>
                                    </div>     
                                    <br />
                                    <div class="col-sm-2">  
                                        <label>Dia da semana:</label>  
                                        {{ str_contains($event->name, 'Qualquer') ? '---' : $event->date_formattedWeek }}
                                    </div> 
                                    <br />
                                    <div class="col-sm-3">
                                        <label>Data/Hora inscrição:</label><br />
                                        <span class="text-bold" >{{ $event->getDateFormattedAny($event->pivot->created_at) }}</span>
                                    </div>

                                    @php
                                        // $nomeLider = $event->leader->name ?? 'Vago';
                                        $nomeLider = isset($event->leader->name) ? $event->leader->firstAndLastName() : 'A ser definido.';

                                        if ($nomeLider!="A ser definido.") {
                                            $nomefoto = is_null($event->leader->foto) ? 'UserExampleQuad.png' : $event->leader->foto;
                                        } 
                                        $users = $event->users()->wherePivot('status', 'REALIZADA')->get();
                                    @endphp
                               
                                   
                                </div>    
                                </td>
                                <td style="width: 20%" class="align-middle">
                                            <span class="badge badge-success text-center">REALIZADA</span></br></br>
                                            <label>Lider de Escala:</label><br />
                                            @if ($nomeLider!="A ser definido.")
                                                <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">
                                            @endif
                                            <span class="badge badge-primary text-center">{{ $nomeLider }}</span></br></br>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">Nenhuma inscrição ativa!</td>
                            </tr>
                        @endforelse

                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>


    @if  ($eventsLeader->count() >0)
    <div class="card my-1 mx-2 mb-2">

        <!-- Default box -->
        <div class="card card-success ">
            <div class="card-header">
                <h3 class="card-title text-bold">Culto(s) em você é lider.</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">
                <table class="table table-striped table-responsive">
                    <thead>
                        <tr>
                            <th >
                                Culto.
                            </th>
                            <th >
                                 Equipe
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($eventsLeader as $eventLeader)
                            <tr>
                                <td style="width: 55%">
                                    <div class="row">
                                    <div class="col-sm-3">    
                                    <label>
                                        <a class="font-weight-bold">
                                            {{ $eventLeader->name }}
                                        </a>
                                    </label>
                                    </div>
                                    <br />
                                    <div class="col-sm-2">  
                                        <label>Data:</label>  
                                                    {{ $eventLeader->date_formatted }}
                                    </div>
                                    <br />
                                    <div class="col-sm-2">  
                                        <label>Horário de chegada:</label>  
                                        <span class="text-danger text-bold" > {{ $eventLeader->date_formattedTime }} </span>
                                    </div>     

                                    @php
                                        // $nomeLider = $event->leader->name ?? 'Vago';
                                        $nomeLider = isset($eventLeader->leader->name) ? $eventLeader->leader->firstAndLastName() : 'A ser definido.';
                                        $users = $eventLeader->users()->where('user_id', '!=', Auth::user()->id )->wherePivot('status', 'REALIZADA')->get();
                                        $nomefotoLider = is_null($eventLeader->leader->foto) ? 'UserExampleQuad.png' : $eventLeader->leader->foto;
                                    @endphp
                                   
                                </div>    
                                </td>
                                <td style="width: 45%" class="align-middle">

                                            <label>Lider de Escala:</label> </br> 
                                            <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">
                                            <span class="badge badge-primary text-center">{{ $nomeLider }}</span></br></br>
                                            <label>Equipe:</label></br>
                                            @foreach ($users as $user)
                                                @if ($nomeLider != $user->firstAndLastName())
                                                    @php
                                                        $nomefotoliderado = is_null($user->foto) ? 'UserExampleQuad.png' : $user->foto; 
                                                    @endphp

                                                    <img src="{{ asset('storage/users/fotos/'. $nomefotoliderado) }}" style="width:35px;height: 35px;object-fit: cover;vertical-align:middle;display:inline-block;" class="img-circle elevation-2" alt="User Image">
                                                    <span class="badge badge-primary text-center">{{ $user->firstAndLastName() }}</span></br>                                                
                                                @endif
                                            @endforeach  
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">Nenhuma inscrição ativa!</td>
                            </tr>
                        @endforelse

                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
    @endif

</x-appadminlte-layout>