availability-ui/resources/views/incomingReplications/information/infoPopoverGuest.blade.php

<div class="accordion" id="info-popover-guest">
    <div class="card card-collpase">
        <div class="card-header card-header-collapse" id="guestCus-info-1" data-parent="#info-popover-guest">
            <h2 class="mb-0">
            <button id="btn-collapse-1" class="btn btn-block text-left btn-collapse-guest collapsed" type="button" data-toggle="collapse" data-target="#generalCol" aria-expanded="false" aria-controls="generalCol">
                    <div class="row">
                        <div class="col"><i class="fas fa-chevron-down"></i></div>
                        <div class="col">General</div>
                    </div>
                </button>
            </h2>
        </div>
        <div id="generalCol" class="collapse show" aria-labelledby="guestCus-info-1" data-parent="#accordionExample">
            <ul class="list-group list-collapse">
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Guest Customization</div>
                        <div class="col">Activated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Computer Name</div>
                        <div class="col">test-policy</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Change SID</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="card card-collpase">
        <div class="card-header card-header-collapse" id="guestCus-info-2" data-parent="#info-popover-guest">
            <h2 class="mb-0">
                <button id="btn-collapse-2" class="btn btn-block text-left btn-collapse-guest collapsed" type="button" data-toggle="collapse" data-target="#passwordReset" aria-expanded="false" aria-controls="passwordReset">
                    <div class="row">
                    <div class="col"><i class="fas fa-chevron-down"></i></div>    
                    <div class="col">Password Reset</div>
                    </div>
                </button>
            </h2>
        </div>
        <div id="passwordReset" class="collapse" aria-labelledby="guestCus-info-2" data-parent="#accordionExample">
            <ul class="list-group list-collapse">
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Allow local administrator password</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Require Administrator to change password on first login</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Auto generate password</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Number of times to log on automatically</div>
                        <div class="col"></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="card card-collpase">
        <div class="card-header card-header-collapse" id="guestCus-info-3" data-parent="#info-popover-guest">
            <h2 class="mb-0">
                <button id="btn-collapse-3" class="btn btn-block text-left btn-collapse-guest collapsed" type="button" data-toggle="collapse" data-target="#joinDomain" aria-expanded="false" aria-controls="joinDomain">
                    <div class="row">
                    <div class="col"><i class="fas fa-chevron-down"></i></div>    
                    <div class="col">Join Domain (Applicable for Windows VMs)</div>
                    </div>
                </button>
            </h2>
        </div>
        <div id="joinDomain" class="collapse" aria-labelledby="guestCus-info-3" data-parent="#accordionExample">
            <ul class="list-group list-collapse">
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Join domain</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Use organization's domain</div>
                        <div class="col">Deactivated</div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Domain name</div>
                        <div class="col"></div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Domain username</div>
                        <div class="col"></div>
                    </div>
                </li>
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Account organizational unit</div>
                        <div class="col"></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="card card-collpase">
        <div class="card-header card-header-collapse" id="guestCus-info-4" data-parent="#info-popover-guest">
            <h2 class="mb-0">
                <button id="btn-collapse-4" class="btn btn-block text-left btn-collapse-guest collapsed" type="button" data-toggle="collapse" data-target="#scriptCol" aria-expanded="false" aria-controls="scriptCol">
                    <div class="row">
                    <div class="col"><i class="fas fa-chevron-down"></i></div>    
                    <div class="col">Script</div>
                    </div>
                </button>
            </h2>
        </div>
        <div id="scriptCol" class="collapse" aria-labelledby="guestCus-info-4" data-parent="#accordionExample">
            <ul class="list-group list-collapse">
                <li class="list-group-item list-group-collapse">
                    <div class="row">
                        <div class="col">Script content</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>