{config_load file="$language/lang_$language.conf" section="reviews"}
{config_load file="$language/lang_$language.conf" section="newsletter"}
{config_load file="lang_`$language`.custom"}
{config_load file="lang_`$language`.section" section="reviews"}
<div class="product_reviews_write">

  <h1>{#heading_reviews_write#}</h1>

  {if $error_message}<div class="errormessage">{$error_message}</div>{/if}

  {if !isset($no_product)}
    {$FORM_ACTION}
    <div class="pr_reviews">
    
      <div class="pr_reviews_image pt_0">
        {if $PRODUCTS_IMAGE != ''}
          <div class="pr_reviews_image_box">      
            <div class="pr_reviews_image_inner">
              <div class="prod_image">      
                <img class="lazyload" data-src="{$PRODUCTS_IMAGE|replace:"info_":"thumbnail_"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
              </div>
            </div>
          </div>
        {/if}
      </div>              

      <div class="pr_reviews_content"> 
        <div class="subline">{#text_product#} {$PRODUCTS_NAME}</div>  
        <div class="field_item_1">
          <span class="field_text">{#text_rating#}</span>
          <span class="field_rating">
            <span>{#text_bad#}</span>
            {if isset($INPUT_RATING_ARRAY)}
              <span class="show_rating">{foreach name=rating item=rating from=$INPUT_RATING_ARRAY|@array_reverse}<label><span>{#text_rating#}</span>{$rating}</label>{/foreach}</span>
            {else}
              <span>&nbsp;{$INPUT_RATING}&nbsp;</span>
            {/if}
            <span>{#text_good#}</span>   
          </span>
        </div>
         
        <div class="field_item_1"><label><span class="field_text">{#text_author#}</span>{$INPUT_AUTHOR|replace:"width:235px;":""}<span class="inputRequirement">{$smarty.const.TEXT_ICON_ASTERISK}</span></label></div>
        <div class="field_item_1"><label><span class="field_text">{#text_input#}</span>{$INPUT_TEXT}<span class="inputRequirement">{$smarty.const.TEXT_ICON_ASTERISK}</span></label></div>
        <div class="font_small my_5"><strong>{#text_note#}</strong><br /><i>{#reviews_min#} {$smarty.const.REVIEW_TEXT_MIN_LENGTH} {#reviews_signs#} | <span id="review_count">0</span> {#reviews_signs#}</i></div>

        {if $VVIMG}
          <div class="field_item_1 vvcode_img"><span class="field_text">{#text_sec_code#}</span>{$VVIMG}</div>
        {/if}
        {if $INPUT_CODE}
          <div class="field_item_1 vvcode_sec"><label><span class="field_text">{#text_sec_code#}</span>{$INPUT_CODE}<span class="inputRequirement">{$smarty.const.TEXT_ICON_ASTERISK}</span></label></div>
        {/if}
    
        <div class="button_row">
          <div class="br_left">
            <div class="br_btn_1">{$BUTTON_BACK}</div>
          </div>
          <div class="br_right">
            <div class="br_btn_1">{$BUTTON_SUBMIT}</div>
          </div>
        </div>

        <script>
          var review = document.getElementById("review");
          var review_count = document.getElementById("review_count");
          
          review.addEventListener("keyup",function(){
          	var characters = review.value.split('');
            review_count.innerText = characters.length;
          });
        </script>
        
      </div>
    </div>
    {$FORM_END}
  {/if}

</div>