{% extends 'base.html.twig' %}
{% block title %}Lista de motoristas{% endblock %}
{% block body %}
<!-- Page Heading -->
                    {# Defina uma variável Twig que armazenará o caminho para a rota de exclusão #}
                    
                    <h1 class="h3 mb-2 text-gray-800">Tables</h1>
                    <p class="mb-4">DataTables is a third party plugin that is used to generate the demo table below.
                        For more information about DataTables, please visit the <a target="_blank"
                            href="https://datatables.net">official DataTables documentation</a>.</p>

                    <!-- DataTales Example -->
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">DataTables Example</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Nome</th>
                                            <th>Data de nascimento</th>
                                            <th>Genero</th>
                                            <th>Numero de telefone</th>
                                            <th>Mail</th>
                                            <!--<th>Morada</th>
                                            <th>Cidade</th>
                                            <th>Codigo postal</th>
                                            <th>NIF</th>
                                            <th>IBAN</th>
                                            <th>Carta de Conduçao</th>
                                            <th>Certificado TVDE</th>
                                            <th>ID Bolt</th>-->
                                            <th>Carro Atual</th>
                                            <th>Outros</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for motorista in motoristas %}
                                        <tr>    
                                            <td>{{ motorista.id }}</td>
                                            <td><a href="{{ path("info_motorista",{ "id":motorista.id }) }}">{{ motorista.nome }}</td>
                                            <td>{{ motorista.dataNascimento|date("d-m-Y") }}</td>
                                            <td>{{ motorista.genero.nomeGenero }}</td>
                                            <td>{{ motorista.nTelefone }}</td>
                                            <td>{{ motorista.mail }}</td>
                                        <!--<td>{{ motorista.morada }}</td>
                                            <td>{{ motorista.cidade }}</td>
                                            <td>{{ motorista.codigoPostal }}</td>
                                            <td>{{ motorista.nif }}</td>
                                            <td>{{ motorista.iban }}</td>
                                            <td>{{ motorista.nCartaConducao }}</td>
                                            <td>{{ motorista.nCertificadoTVDE }}</td>
                                            <td>{{ motorista.idBolt }}</td>-->
                                            {% if motorista.veiculosAtuais != null %}
                                                <td>
                                                {% for vehList in motorista.veiculosAtuais %}
                                                {{ vehList.veiculo.matricula }}<a href="#" class="delete-icon" data-toggle="modal" data-target="#modalDesassociarVeiculo" data-id="{{ vehList.id }}"><i class="fa-solid fa-x"></i></a></br>
                                                {% endfor %}
                                                </td>
                                            {% else %}
                                                <td></td>
                                            {% endif %}
                                            <td>{{ motorista.outros }}</td>
                                            <!-- Seu template Symfony -->
                                            <td><a href="#" class="delete-icon" data-toggle="modal" data-target="#modalDeleteMotorista" data-id="{{ motorista.id }}"><i class="fa-solid fa-trash"></i></a></td>

                                            
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                    {# Renderiza o modal #}
                    {% include 'util/modalWindowTemplate.html.twig' with {
                        "modalId":"modalDeleteMotorista",
                        "modalTitle":"Apagar Motorista",
                        "modalMessage":"deseja apagar este motorista?",
                        "buttonId":"btnApagarMotorista",
                        "textoDoBotao":"Apagar Motorista"
                    } %}
                    {% include 'util/modalWindowTemplate.html.twig' with {
                        "modalId":"modalDesassociarVeiculo",
                        "modalTitle":"Desassociar Veiculo",
                        "modalMessage":"deseja desassociar este veiculo deste motorista?",
                        "buttonId":"btnDesassociarVeiculo",
                        "textoDoBotao":"Desassociar Veiculo"
                    } %}
                    

                    
                    {% endblock %}
                    
                    {% block script %}
                        <!-- Page level plugins -->
                            <script src="{{ asset("vendor/datatables/jquery.dataTables.min.js") }}"></script>
                            <script src="{{ asset("vendor/datatables/dataTables.bootstrap4.min.js") }}"></script>
                            <script>// Call the dataTables jQuery plugin
                                $(document).ready(function() {
                                $('#dataTable').DataTable();
                                });
                            </script>
                            <script>
                                $(document).ready(function() {
                                    // Atualiza o ID da entidade quando o modal é mostrado
                                    
                                    $('#modalDeleteMotorista').on('show.bs.modal', function (event) {
                                        var button = $(event.relatedTarget);
                                        var entityId = button.data('id');
                                        $('#entityId').text(entityId);

                                        // Assuming you have a route named 'app_index' in Symfony
                                        var url = "{{ path('delete_motorista', {'id': 'PLACEHOLDER'}) }}";
                                        url = url.replace('PLACEHOLDER', entityId);
                                        $('#btnApagarMotorista').attr('href', url);
                                    });
                                });
                            </script>
                            <script>
                                $(document).ready(function() {
                                    // Atualiza o ID da entidade quando o modal é mostrado
                                    
                                    $('#modalDesassociarVeiculo').on('show.bs.modal', function (event) {
                                        var button = $(event.relatedTarget);
                                        var entityId = button.data('id');
                                        $('#entityId').text(entityId);

                                        // Assuming you have a route named 'app_index' in Symfony
                                        var url = "{{ path('desassociar_motoristas_veiculo', {'id': 'PLACEHOLDER'}) }}";
                                        url = url.replace('PLACEHOLDER', entityId);
                                        $('#btnDesassociarVeiculo').attr('href', url);
                                    });
                                });
                            </script>
                            
                    {% endblock %}