@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">REMOVER INSCRICÕES</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">REMOVER INSCRICÕES</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->


    @include('events.partials.fastaccessevents')

    
    <div class="card my-1 mx-2 mb-2">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Seleção do Voluntário:</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><!-- card-header -->
            <div class="card-body p-2">
                <form method="post" action="{{ route('events.removescaleuser') }}" class="">
                    @csrf
                    @method('post')

                    <div class="form-group col-md-6">
                        <label>Escolha o Voluntário:</label>  
                        <select name="user_id" class="form-control">
                            <option value="-1">Selecione ...</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}">
                                        {{ $user->name }}
                                    </option>
                                @endforeach
                            </select>
                    </div>
                    <button type="submit" class="btn btn-primary mb-2">Consultar</button>
                         
                </form>    
            </div>  <!-- /.card-body -->
        </div><!-- /.card -->                   
    </div>    



    @if (isset($events))    
            <div class="card my-1 mx-2 mb-2">

                <!-- Default box -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Inscrições Ativas de: <span class="text-bold text-primary">{{ $nameuser }} </span></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 >
                                            Situação da inscrição
                                    </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>  
                                                            {{ $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>  
                                                {{ $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.';
                                                $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 />
                                                    <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 class="card-footer">
                            @if($events->count() > 0)
                                <a id="event_confirm_button" href="#" class="btn btn-danger btn-sm text-center" 
                                    onclick="event.preventDefault();this.closest('form').submit();" >
                                        <i class="fas fa-clipboard-list"></i>
                                                Remover inscrições ativas
                                </a>
                            @endif
                     </div>
                </div><!-- /.card -->
            </div>
    @endif

</x-appadminlte-layout>