{% set userAvatar = app.user.avatar ? asset(app.user.avatar) : url("app_user_avatar", {id : app.user.id }) %}

<div class="offcanvas offcanvas-end border-primary" data-user-avatar="{{ userAvatar }}" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
    <div class="offcanvas-header">
        <h5 class="text-center" id="offcanvasRightLabel">Assistant IA</h5>
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body" >
        <div class="h-75" data-simplebar>
            <ul id="kplan_ia_messages" class="conversation-list slimscroll" data-simplebar="init">
                <li class="ai-msg-li">
                    <div class="chat-day-title">
                        <span class="title">Aujourd'hui</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="row pt-3">
            <div class="col-10">
                <textarea rows="5" class="form-control mb-2" id="ia_assistance_msg" placeholder="votre message ..."></textarea>
            </div>
            <div class="col-2">
                <button class="btn btn-primary form-control rounded" id="send_ia_assistance_msg">
                    <i class="mdi mdi-send"></i>
                </button>
            </div>
        </div>
    </div>
</div>