<!-- Trigger the modal with a button -->
<!--button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button-->

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title"><span id="tituloModal">titulo: </span> <span id="datoModal"></span></h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
            <div id="datosPlacas" style="display: none;">
                <div>
                    <h5> <span>Marca: </span> <span id="tarjetamarca"></span> </h5>
                </div>
                <div>
                    <h5> <span>Modelo: </span> <span id="tarjetalinea"></span> </h5>
                </div>
                <div>
                    <h5> <span>Color: </span><span id="tarjetacolor"></span> </h5>
                </div>
                <div>
                <!--img src="/storage/vehiculos/placas/img_atras_1637610784.jpeg" width="95" height="95" alt=""-->
                    <h5> <span>Objetos de Valor: </span><span id="tarjetaobjvalor"></span> </h5>
                </div>
                <div>
                <img id="img1" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">
                <img id="img2" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">
                <img id="img3" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">
                <img id="img4" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">
                <img id="img5" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">
                <img id="img6" src="/storage/vehiculos/placas/thumb_dummy.png" width="95" height="95" alt="">                    
                </div>
                </div>

                <div id="divTabla" style="display: none;" >
                    <table class="table border" id="tblTickets">
                        <thead class="thead-light">
                            <tr>
                                <th>Status</th>
                                <th>Empleado</th>
                                <th>Estacionamiento</th>
                                <th>Fecha & Hora</th>
                                <th>Detalles</th>
                            </tr>
                        </thead>
                        <tbody id="tbodyModal">


                        </tbody>
                    </table>
                </div>


                <div id="divTablaReclamo" style="display: none;" >
                    <table class="table border" id="tblReclamo">
                        <thead class="thead-light">
                            <tr>
                                <th>Cliente</th>
                                <th>Empleado</th>
                                <th>Fecha & hora</th>
                                <th>Comentarios</th>                                
                            </tr>
                        </thead>
                        <tbody id="tbodyModalReclamo">


                        </tbody>
                    </table>
                </div>



                <div id="divTablaComentario" style="display: none;" >
                    <table class="table border" id="tblComentario">
                        <thead class="thead-light">
                            <tr>
                                <th>Comentarios</th>                                
                            </tr>
                        </thead>
                        <tbody id="tbodyModalComentarios">


                        </tbody>
                    </table>
                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

<style>



</style>