@section('title', $titleContent)
@include('admin/includes/header')
    <link href="/assets-manager/css/sweetalert2.min.css" rel="stylesheet">
@section('head')
@endsection

<main class="flex-shrink-0 mt-3">
    <div class="container">

        <div class="row align-items-center mb-3">
        <div class="col-md-12 d-flex justify-content-between align-items-center">
        
        <div>
            <h4 class="mb-2">{{ $titleContent }}</h4>
            <hr class="mt-0 mb-2">

            @if($type == '2')
            <div class="btn-group me-3">
                <a href="{{ route('admin.contents', [$type]) }}" class="btn btn-sm btn-secondary">Todos</a>
                <a href="{{ route('admin.contents', array_merge([$type], ['period' => 1])) }}"class="btn btn-sm btn-secondary">Seg à Sex</a>
                <a href="{{ route('admin.contents', array_merge([$type], ['period' => 2])) }}"class="btn btn-sm btn-secondary">Sáb e Dom</a>

            </div>
            @endif
            
            @isset($s)
            <div class="mt-2">
                    <h5 class="mb-0">Buscando por: {{ $s }}</h5>
            </div>
            @endif
        </div>
        

        <div class="ms-auto" style="max-width: 250px;">
            <div class="input-group">
                <input type="text" class="form-control" id="pSea"
                    placeholder="Buscar por nome..."
                    autocomplete="off">
                <button class="btn btn-outline-secondary" type="button" id="sea">Buscar</button>
            </div>
        </div>
        
        </div>
        </div>

        {{-- <button type="button" class="btn btn-secondary updSel disabled">Atualizar selecionados</button> --}}
        {{-- <button type="button" class="btn btn-info updAll">Atualizar tudo</button> --}}

        <div class="row mt-3">
            <div class="col-xl-12 col-lg-12 col-md-12 col-12 mb-6">
                        <table class="table table-hover align-middle">
                            <thead>
                                <tr>
                                    <th>Nome</th>
                                    @if($type == '2')
                                    <th>Período de Att.</th>
                                    @endif
                                    <th>Ult. atualização</th>
                                    <th class="text-end">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach($allContents as $content)
                            {{-- <tr class="eachContent" style="cursor: pointer"> --}}
                            <tr>
                                {{-- <td><input class="form-check-input" type="checkbox" name="contents[]" value="{{ $content->id }}"></td> --}}
                                <td>{{ $content->name }}</td>
                                @if($type == '2')
                                <td>
                                  {{ $content->period == '1' 
                                      ? 'Seg à Sex' 
                                      : ($content->period == '2' 
                                      ? 'Sáb e Dom' 
                                      : 'Sem informação') 
                                  }}
                                </td>
                                @endif
                                <td>{{ date('d/m/Y H:i',strtotime($content->last_update)) }}</td>
                                <td class="pe-1 text-end">
                                    <a href="{{ route('admin.contentEdit',$content->id) }}" class="btn btn-secondary btn-sm btnAct"><i class="bi bi-pencil-square align-top"></i></a>
                                    {{-- <button type="button" class="btn btn-danger btn-sm btnAct"><i class="bi bi-x align-top"></i></button> --}}
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>

            </div>
            {{ $allContents->links('vendor.pagination.default') }}
        </div>
    </div>
</main>

@include('admin/includes/footer')


<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" /></script>
<script src="/assets-manager/js/sweetalert2.all.js"></script>
<script>
    $('.eachContent').on('click',function(e){
        if(!e.target.closest('.btnAct')){
            var thisCheckB = $(this).find('input[type="checkbox"]');
            if(thisCheckB.is(':checked'))
            {
                $(this).removeClass('table-secondary');
                thisCheckB.prop("checked", false);
            }else
            {
                $(this).addClass('table-secondary');
                thisCheckB.prop("checked", true);
            }
            validChecks();
        }
    });

    $('.updSel').on('click',function(){
        Sweetalert2.fire({
            title: 'Deseja atualizar os conteúdos selecionados?',
            showDenyButton: true,
            showCancelButton: false,
            confirmButtonText: 'Sim, continuar',
            denyButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                var arrayCheckeds = []
                var checkboxes = document.querySelectorAll('input[type=checkbox]:checked')
                for (var i = 0; i < checkboxes.length; i++) {
                    arrayCheckeds.push(checkboxes[i].value)
                }
            }else{
                $('.eachContent').removeClass('table-secondary');
                $('input:checkbox').removeAttr('checked');
            }
        });
    });

    function validChecks(){
        var totalChecks = $('input[name="contents[]"]:checked').length;
        if(totalChecks == 0){
            $('.updSel').addClass('disabled');
        }else{
            $('.updSel').removeClass('disabled');
        }
    }

    $("#pSea").on('keyup', function (e) {
        if (e.key === 'Enter' || e.keyCode === 13) {
            var searchValue = encodeURIComponent(this.value); // codifica caracteres especiais
            var url = "{{ route('admin.contents', [$type]) }}" + "?search=" + searchValue;
            window.location.href = url;
        }
    });


    $('#sea').on('click', function() {
        var searchValue = encodeURIComponent($('#pSea').val());
        var url = "{{ route('admin.contents', [$type]) }}" + "?search=" + searchValue;
        window.location.href = url;
    });

</script>