{{-- CONTAINER PARA EXIBIR AS RESPOSTAS --}}
<div id="load-replies" class="load-area p-40 d-none">
    <div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div> </div>
</div>
<div class="container-fluid mt-3 p-40 container-list-replies d-none" id="container-list-replies">
   
    <div class="d-flex align-items-baseline justify-content-between mb-3 row">
        <div class="col-lg-10 col-md-10">
            <h1 class="mt-2">Respostas ao comentário de <span><b id="owner-comment-reply">Fulano</b></span></h1>
            <em>Video: <a href="" id="video-comment-reply"> 130 A History Of The World According To Getty Images</a></em>
            <p id="comment-text-reply">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id quidem illum natus hic! Ipsam qui in suscipit, laborum, sint non iste molestiae atque assumenda doloremque tempora quaerat. Eligendi, modi officiis!</p>
        </div>
        <div class="col-lg-2 col-md-2">
            <button type="button" class="close" id="close-replies">
                <span aria-hidden="true">⨉</span>
            </button>   
        </div>
        <div class="col-lg-10 col-md-10" id="button-container">
            <button class="btn btn-sm btn-primary mr-2 d-flex align-items-baseline" id="btn-new-reply" data-main-comment="0">
                <i class="fa-solid fa-pen-to-square mr-2"></i>Nova resposta
            </button>
        </div>
    </div>
    <div id="replies-container">
          
    </div>
</div>

{{-- MODAL PARA INSERÇÃO DE NOVAS RESPOSTAS --}}

<div class="modal fade" id="replyModal" tabindex="-1" role="dialog" aria-labelledby="commentModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="commentModalLabel"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body modal-body-reply">
                <div class="container line_reply" id="modal-content-reply">
                   
                </div>
            </div> 
        </div>
    </div>
</div>