{% extends "polls_base.html" %}

{%block addnew%}

<a id="yop-poll-add-new-template" class="add-new-h2"   href="{{ esc_url( add_query_arg( { 'action' : 'add-new-template'  } ),'yop-poll-templates-add-edit-action', 'yop-poll-templates-add-edit-name' ) | raw }}">{{ __("Add New") }}  </a>

{%endblock addnew%}

{% block message %}

{%if message.error!= ""%}

<div id="message" class="error">{{ message.error}}</div>

{% else %}

{%if message.succes != "" %}

<div id="message" class="updated">{{ message.succes}}</div>

{% endif %}

{% endif%}

{%endblock message%}

{% block content%}

<div>

    <form action="" method="get">

        {{ wp_nonce_field( 'yop-poll-templates-add-edit-action', 'yop-poll-templates-add-edit-name', false, false ) | raw }}

        <input type="hidden" name="order" value="{{order}}"/>

        <input type="hidden" name="orderby" value=" {{orderby}}"/>

        <input type="hidden" name="page" value="yop-polls-templates"/>







        <br class="clear">



        <div style="position: relative">

            {% from "form_macros.html" import yop_poll_general_options_label as label  %}
            <div class="postbox stuffbox">

                <div title='{{ __("Click to toggle") }}' class="handlediv"> </div>

                <h3 class="hndle" style="border-bottom: 1px solid #AAAAAA; height: 30px; padding-top:3px">

                    <span style="padding-left: 10px">{{ __("Poll Templates") }}</span>

                </h3>

                <div class="inside yop-poll-slider" style="margin: 0 auto;" >

                    <div class="yop-poll-slider-container" style="width:90%; margin-left: 42px;border-width: 0px " >




                        <input type="hidden" id="yop-poll-page-template"

                               name="yop_poll_options[template]"

                               value="{{ current_poll.template }}">

                        <div class="yop-poll-page-slider" id="yop-poll-page-template-slider" style="margin-left: 50px; width: 94%; border-style: none solid; border-width: 1px;border-color: #e5e5e5">

                            <ul>
                                {% if count( templates ) > 0 %}

                                {% set i = 0 %}

                                {% for template in templates %}

                                <li id="yop-poll-page-template-{{template.id}}" style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop-poll-page-template-li {% if current_poll.template == template.id %} yop-poll-page-template-selected {% endif%}'

                                        >


                                    <p>{{template.name|e}}</p> <br>
                                    <div style="font-size:14px;font: bold;text-align: center" >
                                        {% if ( current_user_can( 'edit_own_polls_templates') and template.poll_author == current_user.ID ) or ( current_user_can( 'edit_yop_polls' ) )  %}
                                                <span  class="edit"><a
                                                        href="{{ esc_url( add_query_arg( { 'action' : 'edit', 'id' : template.id } ) ) | raw }}">
                                                    {{__( "Edit")}}</a>
													| </span>
                                        {%endif%}
                                        {% if ( current_user_can( 'delete_own_polls_templates') and template.poll_author == current_user.ID ) or ( current_user_can( 'delete_yop_polls' ) )  %}
                                                <span class="delete"><a
                                                         <a	onclick="return confirm( '{{ __( "You are about to delete this template" ) }}: {{ template.name }} \n{{ __( "Cancel" ) }} {{ __( "to stop" ) }}, {{ __( "OK" ) }} {{ __( "to delete" ) }}' )"
                                                        href="{{ wp_nonce_url( add_query_arg( { 'action' : 'delete', 'id' : template.id } ) ,'yop-poll-templates-add-edit-action', 'yop-poll-templates-add-edit-name') | raw }}"
                                                        class="submitdelete">{{__( "Delete")}}</a> | </span>
                                        {%endif%}
                                        {% if ( current_user_can( 'clone_own_polls_templates') and template.poll_author == current_user.ID ) or ( current_user_can( 'delete_yop_polls' ) )  %}
                                                <span class="clone"><a
                                                         <a	onclick="return confirm( '{{ __( "You are about to clone this.template" ) }}: {{ template.name }} \n{{ __( "Cancel" ) }} {{ __( "to stop" ) }}, {{ __( "OK" ) }} {{ __( "to clone" ) }}' )"
                                                        href="{{ wp_nonce_url( add_query_arg( { 'action' : 'clone', 'id' : template.id } ),'yop-poll-templates-add-edit-action', 'yop-poll-templates-add-edit-name' ) | raw }}"
                                                        class="submitclone">{{__( "Clone" )}}</a></span>
                                        {%endif%}
                                    </div>  <br>

                                    {{template.preview|raw}} <br>



                                </li>

                                {% set i = i+1 %}

                                {% endfor %}

                                {% endif %}
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li  >
                                    <p>
                                        {{ __('Green v4 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/green_pro_4.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li ' >
                                    <p>
                                        {{ __('Red Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/red_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li'>
                                    <p>
                                        {{ __('Green v1 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/green_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Orange v1 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/orange_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Dark Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/dark_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Grey v3 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/grey_prov2.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Grey v2 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/grey_pro_v1.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Grey v1 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/grey_prov1.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Grey Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/grey_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Blue v3 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/blue_v3_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Blue v2 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/blue2.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li '>
                                    <p>
                                        {{ __('Blue v1 Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/blue_pro.jpg"/>
                                </li>
                                <li id="yop-poll-1"style="cursor: pointer;margin-left:2px;margin-right:2px"

                                    class='yop_poll_tooltip-buy_pro yop-poll-page-template-li ' >
                                    <p>
                                        {{ __('White Pro')}}
                                    </p><br>
                                    <img src="{{poll_url}}images/white_pro.jpg"/>
                                </li>



                            </ul>

                        </div>

                        <!-- Prev/next controls -->

                        <a href="javascript:void(0)"

                           class="yop-poll-page-slider-control-prev" style="padding:5px; margin-left:-16px ">&lsaquo;</a>

                        <a href="javascript:void(0)"

                           class="yop-poll-page-slider-control-next"  style="padding:5px; margin-right:-52px ">&rsaquo;</a>

                        <!-- Pagination -->

                        <p class="yop-poll-page-slider-pagination"></p>

                    </div>


                </div>

            </div>

            <div style="position:absolute;">

            </div>

    </form>

</div>

{%endblock content%}