{% extends 'base.html.twig' %}
{% block title %}Criar Associação Motorista-Veículo{% endblock %}
{% block body %}
<!-- Page Heading -->



                    

                        <br>
                        <center>
                            <div class="container">
                                <div class="row justify-content-center">
                                    <div class="col-md-12"> {# Defina o tamanho do card para médio (md) em telas médias e superiores #}
                                
                                        <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">
                                                
                                                
                                                {# Renderizar widget do campo Motorista personalizado #}
                                            <div class="container">
                                                <div class="row">
                                                    <!-- Conteúdo à esquerda -->
                                                    <div class="col-md-4" style="background-color:#EEEEEE;">
                                                        <h3>Dados sobre o motorista</h3>
                                                        <p>ID : {{ motorista.id }}</p>
                                                        <p>Nome : {{ motorista.nome }}</p>
                                                        <p>Data de nascimento : {{ motorista.dataNascimento|date("d-m-Y") }}</p>
                                                        <p>Gênero : {{ motorista.genero.nomeGenero }}</p>
                                                        <p>
                                                            Veiculo : 
                                                            {% if motorista.veiculo != null %}
                                                                {{ motorista.veiculo.id }} : {{ motorista.veiculo.matricula }} <a href="#" class="delete-icon" data-toggle="modal" data-target="#modalDesassociarVeiculo" data-id="{{ motorista.id }}"><i class="fa-solid fa-x"></i></a></td>
                                                            {% else %}
                                                                Atualmente sem veiculo
                                                            {% endif %}
                                                        </p>
                                                        
                                                    </div>

                                                    <!-- Conteúdo central -->
                                                    <div class="col-md-4 text-center">
                                                        <h3>Contacto</h3>
                                                                                                                <p>ID : </p>
                                                        <p>Numero de telefone : {{ motorista.nTelefone }}</p>
                                                        <p>Mail : {{ motorista.mail }}</p>
                                                        <p>Morada : {{ motorista.morada }}</p>
                                                        <p>Cidade : {{ motorista.codigoPostal }} - {{ motorista.cidade }}</p>

                                                    </div>

                                                    <!-- Conteúdo à direita -->
                                                    <div class="col-md-4 text-right" style="background-color:#EEEEEE;">
                                                        <h3>Documentos</h3>
                                                        <p>NIF : {{ motorista.nif }}</p>
                                                        <p>IBAN : {{ motorista.iban }}</p>
                                                        <p>Certificado TVDE : {{ motorista.nCertificadoTVDE }}</p>
                                                        <p>Carta de conduçao : {{ motorista.nCartaConducao }}</p>
                                                        <p>ID Bolt : {{ motorista.idBolt }}</p>
                                                        <p>Outros : {{ motorista.outros }}</p>
                                                            
                                                    </div>
                                                </div>
                                            </div>


                                                <a href="#" class="delete-icon" data-toggle="modal" data-target="#modalDesassociarVeiculo" data-id="{{ motorista.id }}"><button type="submit" class="btn btn-primary">Apagar motorista</button></a>
                                                <a href="#" class="delete-icon" data-toggle="modal" data-target="#modalDesassociarVeiculo" data-id="{{ motorista.id }}"><button type="submit" class="btn btn-primary">Desassociar veiculo</button></a>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </center>





                    {# Defina uma variável Twig que armazenará o caminho para a rota de exclusão #}
                    
                    {# 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('app_index', {'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 %}