<!-- Modal -->
<div class="modal" id="detailsModal" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content border-primary">
            <div class="modal-header bg-primary">
                <h5 class="modal-title text-white">Details</h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-12 col-lg-12" id="detailsSection"></div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-lg-12 text-right">
                        <button type="button" class="btn btn-secondary edit-btn" id="detail-edit-btn" data-dismiss="modal"><i
                                class="fa fa-edit fa-lg"></i> Edit
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
