<div class="">

    <div class=" m-3 row ">
        <div class="">
            <table>
                <tbody>
                    <tr>
                        <td style="width:5%;" class="bg-primary">
                            <p class="text-center h4" style="width:100%">Y</p>
                            <p class="" style=" width:100%"> Aymen Hamadi</p>
                        </td>
                        <td class="ticketbox  bg-danger" style="height: 100%">
                            {{ ticket.ticket_component}}
                        </td>
                        <td class="center-align bg-danger" style="width: 5%; padding: 10px;">
                            <button type="submit" class="mb-1 btn btn-primary">Mark as solved</button>
                            <button type="submit" class=" mb-1 btn btn-primary">Reply</button>
                            <button type="submit" class="btn btn-primary">Reply</button>
                        </td>

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

    </div>