Cacher is the code snippet organizer for pro developers

 <div class="side-editor">
            <div class="header-editor">
                CONTENU
            </div>
            <div class="side-body-editor">
                <div class="choose-content">
                    <h4>En-tête de lettre</h4>
                    <ul>
                        <li>
                            <div class="icon">
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/le-logo-icon.svg" alt="">
                            </div>
                            <div class="input-checkbox">
                                <label>
                                    <input type="checkbox"
                                        :checked="currentDocument.visible_logo"
                                        v-on:change="checkLogo"
                                    >
                                    <span>Le logo</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/le-logo-slogan.svg" alt="">
                            </div>
                            <div class="input-checkbox">
                                <label>
                                    <input type="checkbox"
                                        :checked="currentDocument.visible_business_slogan"
                                        v-on:change="checkSlogan"
                                    >
                                    <span>Le slogan</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/ladresse-icon.svg" alt="">
                            </div>
                            <div class="input-checkbox">
                                <label>
                                    <input type="checkbox"
                                        :checked="currentDocument.visible_address"
                                        v-on:change="checkAddress">
                                    <span>L'adresse</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/les-info-juridique-icon.svg" alt="">
                            </div>
                            <div class="input-checkbox">
                                <label>
                                    <input type="checkbox"
                                        :checked="currentDocument.visible_legal_info"
                                        v-on:change="checkLegalInfo">
                                    <span>Les infos juridiques</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/qr-code-icon.png" alt="">
                            </div>
                            <div class="input-checkbox">
                                <label>
                                    <input type="checkbox"
                                        :checked="currentDocument.visible_qrcode"
                                        v-on:change="checkQrcode">
                                    <span>QR Code</span>
                                </label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="choose-paper">
                    <h4>TAILLE</h4>
                    <ul>
                        <li>
                            <label>
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/a4-icon.svg" alt="">
                                <input type="radio" name="paper-size"
                                value="A4"
                                :checked="currentDocument.paper_size === 'A4'"
                                v-on:change="setPaper">
                                <span>Format A4</span>
                            </label>
                        </li>
                        <li>
                            <label>
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/a5-icon.svg" class="A5">
                                <input type="radio" name="paper-size"
                                value="A5"
                                :checked="currentDocument.paper_size === 'A5'"
                                v-on:change="setPaper">
                                <span>Format A5</span>
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="choose-alignment">
                    <h4>ALIGNMENT</h4>
                    <ul>
                        <li>
                            <label>
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/left-icon.svg" alt="">
                                <input type="radio" name="align"
                                value="left"
                                :checked="currentDocument.alignment === 'left'"
                                v-on:change="setAlignment">
                                <span>Left</span>
                            </label>
                        </li>
                        <li>
                            <label>
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/center-icon.svg" alt="">
                                <input type="radio" name="align"
                                    value="center"
                                    :checked="currentDocument.alignment === 'center'"
                                    v-on:change="setAlignment">
                                <span>Center</span>
                            </label>
                        </li>
                        <li>
                            <label>
                                <img src="http://localhost/artiwiz/assets/assets/icon-editor/right-icon.svg" alt="">
                                <input type="radio" name="align"
                                    value="right"
                                    :checked="currentDocument.alignment === 'right'"
                                    v-on:change="setAlignment">
                                <span>Right</span>
                            </label>
                        </li>
                    </ul>
                </div>
                <!-- <div class="choose-background">
                    <h4>FAITES VOTRE CHOIX</h4>
                    <ul>
                        <li>
                            <label>
                                <img src="" alt="">
                                <input type="radio" name="background"
                                value="image"
                                v-on:change="setBackground"
                                :checked="currentDocument.background_type === 'image'">
                                <span>Images</span>
                            </label>
                        </li>
                        <li>
                            <label>
                                <img src="" alt="">
                                <input type="radio" name="background"
                                value="illustration"
                                v-on:change="setBackground"
                                :checked="currentDocument.background_type === 'illustration'">
                                <span>Illustrations</span>
                            </label>
                        </li>
                        <li>
                            <label>
                                <img src="" alt="">
                                <input type="radio" name="background"
                                value="motif"
                                v-on:change="setBackground"
                                :checked="currentDocument.background_type === 'motif'">
                                <span>Motifs</span>
                            </label>
                        </li>
                    </ul>
                </div> -->
            </div>