<div class="modal fade" id="verPlatoModal" tabindex="-1" role="dialog" aria-labelledby="verPlatoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title" id="verPlatoModalLabel">Detalles del Plato</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="text-center mb-3">
                    <img id="ver-imagen" src="" class="img-fluid rounded" style="max-height: 300px;" alt="">
                </div>
                
                <div class="row">
                    <div class="col-md-6">
                        <h6>Información Básica</h6>
                        <table class="table table-sm">
                            <tr>
                                <th>Carta:</th>
                                <td id="ver-carta"></td>
                            </tr>
                            <tr>
                                <th>Subcarta:</th>
                                <td id="ver-subcarta"></td>
                            </tr>
                            <tr>
                                <th>Precio:</th>
                                <td id="ver-precio"></td>
                            </tr>
                            <tr>
                                <th>Orden:</th>
                                <td id="ver-orden"></td>
                            </tr>
                            <tr>
                                <th>Estado:</th>
                                <td id="ver-activo"></td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <h6>Alérgenos</h6>
                        <div id="ver-alergenos" class="d-flex flex-wrap"></div>
                    </div>
                </div>

                <h6>Traducciones</h6>
                <div id="ver-traducciones" class="row"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>