@extends('layouts.admin')

@section('content')

    @include('admin._partials.breadcrumb')

    <div class="wrapper-content">
        <div class="ibox-content">
            <h2 class="center">Projetos disponíveis para <strong>{{ $iobraftrab->NOME }}</strong> </h2>
          
            @include('admin.includes.alerts')   
                 
            <div class="table-responsive">
                <form action="{{ route('frente-de-trabalho.permissoes.anexar', $iobraftrab->CODFTRAB) }}" method="POST">
                    @csrf 
                    <table class="table">    
                        <tr >
                            <td>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa fa-link"></i>  Vincular
                                </button> 
                                {{-- Botão para selecionar/desmarcar todos --}}
                                <button type="button" class="btn btn-secondary" id="select-all-btn">
                                    Selecionar Todos
                                </button>
                            </td> 
                        </tr>
                    </table>
                    <table class="table table-bordered table-hover" id="dataTables"  class="display" style="width:100%">   
                        <thead>
                            <tr>                       
                                <th>Opções</th>
                                <th>Projetos</th>                              
                            </tr>
                        </thead>
                        <tbody>                             
                            @foreach ($permissoes as $permissao)
                                <tr >
                                    <td class="td-width-90">
                                        
                                        {{-- <input type="checkbox" name="permissoes[]" value="{{ $permissao }}"> --}}
                                        <input type="checkbox"  name="permissoes[]" value="{{ $permissao->CODCCUSTO }}"> 
                                        {{-- <input type="radio"  name="permissoes[]" value="{{ $permissao->CODCCUSTO }}"> --}}
                                        {{-- <input type="hidden" name="codcoligada[]" value="{{$permissao->CODCOLIGADA}}">                                        --}}
                                        {{-- <input type="checkbox" name="teste[]" value="{{ $permissao->IDPRJ }}"> --}}
                                        {{-- <input type="checkbox" name="permissoes[]" value="{{ $permissao->CODCCUSTO }}, {{$permissao->CODCOLIGADA}}"> --}}
                                    </td>
                                    <td >
                                        {{ $permissao->CODCCUSTO }}
                                    </td>  
                                    {{-- <td >
                                        {{ $permissao->CODCOLIGADA }}
                                    </td> --}}
                                </tr>                                           
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Opções</th>
                                <th>Projetos</th>   
                            </tr>
                        </tfoot>
                    </table>  
                </form>                                    
            </div>        
        </div>
    </div>

    {{-- Script para selecionar/desmarcar todos os checkboxes --}}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const btn = document.getElementById('select-all-btn');
            btn.addEventListener('click', function() {
                let checkboxes = document.querySelectorAll('input[type="checkbox"][name="permissoes[]"]');
                let allChecked = Array.from(checkboxes).every(cb => cb.checked);
                checkboxes.forEach(cb => cb.checked = !allChecked);
            });
        });
    </script>
@endsection