@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">SELECIONAR LÍDER DE ESCALA</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"> Selecionar Líder de Escala</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->


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

    
    
    
    <form method="post" action="{{ route('events.attributionuser') }}" class="">
        @csrf
        @method('POST') 

        <input type="hidden" name="eventos_ids" value="{{ $idsEventos }}">
    <div class="card mx-2">
                    <!-- Default box -->
                    <div class="card-header">
                        <h3 class="card-title">Cultos </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 class="text-center" >
                                        @if($events->count() > 0)
                                            Selecione o lider de escala:
                                        @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>Inicio:</label>  
                                                    {{ $event->date_formattedTime }}
                                                </div>     
                                                <br />
                                                <div class="col-sm-2">  
                                                    <label>Dia da semana:</label>  
                                                    {{ str_contains($event->name, 'Qualquer') ? '---' : $event->date_formattedWeek }}
                                                </div> 
                                                <br />

                                                    @php
                                                        $users = $event->users()->wherePivot('status', 'REALIZADA')->get();

                                                    @endphp 
                                                     
                                                     
                                                <div class="col-sm-3"> 
                                                    <label>Vagas disponíveis:</label>  
                                                    <span id="number_volunteers_available_{{ $event->id }}">{{ $event->number_volunteers - $users->count() }}</span> de  
                                                    {{ $event->number_volunteers }}
                                                </div> 
                                                <div class="col-sm-3"> 
                                                    <label>Escolha o Lider de Escala:</label>  
                                                    <select name="user_id_{{ $event->id }}" class="form-control">
                                                        <option value="-1">Selecione ...</option> 
                                                            @foreach ($users as $user)
                                                                <option value="{{ $user->id }}" 
                                                                    @if(old('user_id', $user->id ?? '') == $event->leader_id) selected @endif>
                                                                    {{ $user->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>    
                                                   
                                                </div>                                                 
                                                
                                            </div>    
                                        </td>
                                        <td style="width: 20%" class="align-middle text-center">

                                            @if ($users->count() == 0)
                                                <span style="font-size: small;" class="badge badge-primary text-center">Sem inscritos</span><br>
                                            @else
                                                @if ($event->leader_id == null)
                                                        <span style="font-size: small;" class="badge badge-danger text-center">NOK</span><br>
                                                @else
                                                        <span style="font-size: small;" class="badge badge-success text-center">{{ $event->leader->firstAndLastName() }}</span><br>
                                                @endif   
                                            @endif   
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5">Nenhuma inscrição disponível!</td>
                                    </tr>
                                @endforelse

                            </tbody>
                        </table>
                    </div><!-- /.card-body -->
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-sm-10">
                                
                            </div>
                            <div class="col-sm-2 registration_button">
                                @if($events->count() > 0)
                                    <a id="event_confirm_button" href="#" class="btn btn-success btn-sm text-center" 
                                        onclick="event.preventDefault();this.closest('form').submit();" >
                                            <i class="fas fa-clipboard-list"></i>
                                                    Enviar todas as atribuições
                                    </a>
                                @endif
                            </div>                                   
                          
                        </div>                                
                    </div> <!--card-footer --> 
    </div>
</form>
   

</x-appadminlte-layout>