{namespace pw=PwCommentsTeam\PwComments\ViewHelpers}
{namespace sp=Stratis\StratisPwcomments\ViewHelpers}
<f:layout name="Default"/>
<f:section name="main">
    <v:variable.set name="stratisVar" value="{v:variable.typoscript(path:'stratis.var')}"/>
    <v:variable.set name="stratisConfig" value="{v:variable.typoscript(path:'stratis.config')}"/>
    <v:variable.set name="stratisPages" value="{v:variable.typoscript(path:'stratis.pages')}"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <div id="{settings.writeCommentAnchor}" class="{settings.writeCommentAnchor}">
        <h3 class="comment-reply__title">
            <f:if condition="{commentToReplyTo}">
                <f:then>
                    {s:l(key:'tx_pwcomments.writeNewCommentReply')}
                </f:then>
                <f:else>
                    {s:l(key:'tx_pwcomments.writeNewComment')}
                </f:else>
            </f:if>
        </h3>
        <v:variable.set name="formAdditionalParams" value="{no_cache:'1'}"/>
        <f:if condition="{stratisVar.isPopinView}">
            <f:then>
                <v:variable.set name="popinFluidType" value="{v:variable.typoscript(path:'popinFluidType')}"/>
                <v:variable.set name="type" value="{popinFluidType.typeNum}"/>
            </f:then>
            <f:else>
                <v:variable.set name="type" value="0"/>
            </f:else>
        </f:if>
        <f:if condition="{stratisVar.isSingleView}">
            <v:variable.set name="formAdditionalParams" value="{tx_news_pi1:{news:'{f:cObject(typoscriptObjectPath:\'newsUidInUrl\')}'}}"/>
        </f:if>
        <f:form pageType="{type}" name="newComment" object="{newComment}" action="create" section="{settings.writeCommentAnchor}" addQueryString="1" noCache="1" argumentsToBeExcludedFromQueryString="{0: 'cHash'}" additionalParams="{formAdditionalParams}">
            <v:tag name="div" hideIfEmpty="true" class="infos">
                <v:tag name="div" hideIfEmpty="true" id="{settings.successfulAnchor}" class="{settings.successfulAnchor}" additionalAttributes="{aria-label:'Message :'}">
                    <f:flashMessages/>
                    <f:render partial="Comment/FormErrors/ValidationResults"/>
                </v:tag>
            </v:tag>
            <fieldset class="comment-reply__avatars">
                <legend>{s:l(key:'tx_pwcomments.newComment.avatar')}</legend>
                <v:iterator.loop count="9" iteration="avatarIterator">
                    <div class="comment-reply__avatar">
                        <f:if condition="{unregistredUserAvatar} == {avatarIterator.cycle}">
                            <f:then>
                                <v:variable.set name="checked" value="TRUE"/>
                            </f:then>
                            <f:else>
                                <f:if condition="{avatarIterator.isFirst}">
                                    <v:variable.set name="checked" value="TRUE"/>
                                </f:if>
                            </f:else>
                        </f:if>
                        <f:form.radio id="authorAvatar{avatarIterator.cycle}" property="authorAvatar" value="{avatarIterator.cycle}" checked="{checked}"/>
                        <v:variable.unset name="checked"/>
                        <label for="authorAvatar{avatarIterator.cycle}">
                            <f:render partial="Common/SvgIcons" section="Avatar{avatarIterator.cycle}" arguments="{authorAvatar:avatarIterator.cycle}"/>
                        </label>
                    </div>
                </v:iterator.loop>
                <f:comment><!-- AVATAR FOR CLIENT --></f:comment>
                <f:if condition="{stratisVar.isConnectedInBackend}">
                    <div class="comment-reply__avatar">
                        <f:form.radio id="authorAvatar99" property="authorAvatar" value="99" checked="true"/>
                        <v:variable.unset name="checked"/>
                        <label for="authorAvatar99">
                            <f:image src="{stratisConfig.logo1}" alt="Avatar {stratisConfig.siteTitle}" maxWidth="43" maxHeight="43"/>
                        </label>
                    </div>
                </f:if>
            </fieldset>
            <div class="flex-row form__field-wrapper">
                <div class="col-xs-12 col-md-3">
                    <label for="authorPseudo">
                        {s:l(key:'tx_pwcomments.newComment.pseudo')}
                        <em class="required">
                            {s:l(key:'tx_pwcomments.newComment.required')}
                        </em> </label>
                    <f:form.textfield id="authorPseudo" property="authorPseudo" value="{unregistredUserPseudo}" required="TRUE"/>
                </div>
                <div class="col-xs-12 col-md-3">
                    <label for="authorMail">
                        {s:l(key:'tx_pwcomments.newComment.mail')}
                        <em class="required">
                            {s:l(key:'tx_pwcomments.newComment.required')}
                        </em>
                    </label>
                    <f:form.textfield id="authorMail" property="authorMail" value="{unregistredUserMail}" required="TRUE"/>
                    <span class="text-help">Ex : mail@site.fr<br>{s:l(key:'tx_pwcomments.newComment.notDisplayOnSite')}</span>
                </div>
                <div class="{settings.hiddenFieldClass}">
                    <label>
                        {s:l(key:'tx_pwcomments.newComment.hiddenField')}
                    </label>
                    <f:form.textfield name="{settings.hiddenFieldName}"/>
                </div>
            </div>
            <div class="form__field-wrapper">
                <label for="commentMessage">
                    {s:l(key:'tx_pwcomments.newComment.comment')}
                    <em class="required">
                        {s:l(key:'tx_pwcomments.newComment.required')}
                    </em>
                </label>
                <f:form.textarea id="commentMessage" placeholder="Saisir votre commentaire" property="message" rows="10" cols="30"/>
            </div>
            <f:if condition="{settings.enableRepliesToComments}">
                <f:if condition="{commentToReplyTo}">
                    <f:form.hidden property="parentComment" value="{commentToReplyTo}"/>
                </f:if>
            </f:if>
            <fieldset class="checkbox">
                <div>
                    <input type="checkbox" name="cookiesSubmit" id="cookiesSubmit" value="1" required="required" >
                    <label for="cookiesSubmit">
                        {s:l(key:'tx_pwcomments.cookiesSubmit')}
                        <span class="form__reqiured">
                            {s:l(key:'tx_pwcomments.newComment.required')}
                        </span>
                    </label>
                </div>
            </fieldset>
            <div class="recaptcha">
                <s:reCaptcha/>
            </div>
            <div class="comment-reply__buttons">
                <button type="reset" class="btn" data-fa-icon="&#xf00d;">{s:l(key:'tx_pwcomments.newComment.reset')}</button>
                <button type="submit" class="btn" name="submit" data-fa-icon="&#xf00c;">{s:l(key:'common.validate')}</button>
            </div>
        </f:form>
    </div>
</f:section>