{% extends "landingpages/_base.html" %}

{% load static %}
{% load placeholder %}

{% block title %}
{{ personalinfo.name }} |
{% endblock title %}


<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:site” content=”” />
<meta name=”twitter:title” content=”Your Title” />
<meta name=”twitter:description” content=”Your description.” />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />


{% block layout_stylesheet %}
<link rel="stylesheet" href="{% static "css/layout_consumer.css" %}?v=0721" media="screen"/>
  <script src="https://www.paypal.com/sdk/js?client-id=AQub4IYGVgglhkpHYcXu5autYspIjCX7VV0GR-gFPekz7Kf0ugVtwx2xK119g3LZdVbNd1EvEbNzvelP&currency=EUR&components=buttons&disable-funding=credit,card,giropay,sepa,sofort&commit=false&intent=authorize"></script>
{% endblock layout_stylesheet %}

{% block content %}


<div class="tappedto layout layout-consumer theme {{ personalinfo.theme.getclass }}"
     data-themeclass="{{ personalinfo.theme.getclass }}">

    <div class="container">
        {% if messages %}
            {% for message in messages %}
                <div class="chipmessage messages {{ message.tags }}">
                    {{ message }}
                </div>
            {% endfor %}
        {% endif %}
    <div class="reflinkcopymessage messages success">
        Your invitation link for your friends has been copied.
    </div>


        <div class="row flex-center header">
            <div class="col-12 no-padding layout-consumer-bars">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        <div class="row flex-center header">

            <div class="inlineheader">
                <div>
                    <div class="license">
                        {% if user.is_authenticated %}
                        <div class="tappedtolicense">
                            <a target="_blank">Invite your friends</a>
                        </div>
                        {% else %}
                         <div class="tappedtolicense">
                            <a target="_blank" href="https://tapped.to/">Get your tapped.to</a>
                        </div>
                        {% endif %}

                    </div>
                    <div class="menu">
                        {% if user.is_authenticated %}
                        <button class="wpO6b " type="button" data-notifications="2">
                            {% else %}
                            <button class="wpO6b " type="button">
                                {% endif %}
                                <div class="QBdPU ">
                                    <svg aria-label="Optionen" class="_8-yf5 " height="24" viewBox="0 0 48 48" width="24">
                                        <circle clip-rule="evenodd" cx="8" cy="24" fill-rule="evenodd" r="4.5"></circle>
                                        <circle clip-rule="evenodd" cx="24" cy="24" fill-rule="evenodd" r="4.5"></circle>
                                        <circle clip-rule="evenodd" cx="40" cy="24" fill-rule="evenodd" r="4.5"></circle>
                                    </svg>
                                </div>
                            </button>
                    </div>
                </div>
            </div>

            <div class="col-12 flex align-center">

                <div class="avatar">
                    <div class="avatar-image">
                        {% if personalinfo.avatar %}


                        <span class="imageless hasimage"
                              style="background-image:url( {% if personalinfo.avatar %}/userfiles/{{ personalinfo.avatar }}{% else %}https://thumbs.dreamstime.com/b/default-avatar-profile-vector-user-profile-default-avatar-profile-vector-user-profile-profile-179376714.jpg{% endif %} )">
                </span>
                        {% elif personalinfo.name %}
                        <span class="imageless">
                        {{ personalinfo.name|make_list|first }}
                        </span>

                        {% else %}
                        <img src="
                {% if consumer.avatar_url %}
                    {{ consumer.avatar_url }}
                {% else %}
                    https://thumbs.dreamstime.com/b/default-avatar-profile-vector-user-profile-default-avatar-profile-vector-user-profile-profile-179376714.jpg
                {% endif %}"/>
                        {% endif %}

                        <div title="Number of taps" class="tapped-count">
                            <span>{{ page.viewsformat }}</span>
                        </div>
                    </div>
                </div>

                <div>
                    {% if personalinfo.name %}
                    <h1 class="name">{{ personalinfo.name }}</h1>
                    {% endif %}
                    {% if personalinfo.atname %}
                    <small class="handle">@{{ personalinfo.atname }}</small>
                    {% endif %}
                    {% if personalinfo.slogan %}
                    <p class="slogan">{{ personalinfo.slogan }}</p>
                    {% endif %}
                </div>
            </div>

            {% if requestuser == pageowner %}
            <div class="col-12 flex align-center profileeditlinks">
                <div class="editprofile">
                    <button class="button">Edit Profile</button>
                </div>

                <div class="addlink">
                    <button class="button">+ Add Link</button>
                </div>
            </div>
            {% endif %}

        </div>
    </div>

    <div class="container modules">
        {% if ad == True %}
        <div class="row flex-center">
            <div class="col-12">
                <div class="module showad {{ adclass }}">
                    <div class="link">
                        <div class="content">
                            <span class="icon2"></span>

                            <span class="linktext">{{ adlinktext }}</span>

                            <a target="_blank" href="{{ adlink }}"></a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
            <div {% if requestuser == pageowner %}id="draggable" {% endif %}>

        {% for element in LinkList %}
        {% if element.value != '' %}
        <div class="row flex-center" data-linkid="{{ element.id }}" data-sortvalue="{{ element.sort }}">
            <div class="col-12">
                <div class="module {{ element.type.getclass }}">
                    <div class="link">
                        <div class="content">
                            <span class="icon"></span>

                            {% if element.title %}
                            <span class="linktext">{{ element.title }}</span>
                            {% else %}
                            <span class="linktext">{{ element.getprefix }}</span>
                            {% endif %}

                            <a target="_blank" href="{{ element.geturl }}"></a>

                        </div>
                        <div class="edit">
                            {% if requestuser == pageowner %}
                            <form method="POST" class="removelink">
                                {% csrf_token %}
                                <input type="hidden" name="removelink" value="{{ element.id }}"/>
                                <button type="submit" class="remove" name="remove">Remove</button>
                            </form>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
        {% endfor %}
    </div>
    </div>

    <div class="addchip fullscreenview">
        <div class="container">
            <div class="row flex-center">
                <div class="col-12">

                    <div class="body">
                        <div class="bodycontent">
                            <p>Do you want to claim this NFC Chip to your account?</p>
                            <ul>
                                <li>
                                    <a class="register" id="claim">Claim</a>
                                </li>
                                <li>
                                    <a href="#" class="cancel">Cancel</a>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="adminmenutoggle fullscreenview">
        <div class="container">
            <div class="row flex-center">
                <div class="col-12">

                    <div class="body">
                        <div class="bodycontent">

                            <ul>



                                {% if user.is_authenticated %}
                                {% if requestuser != pageowner %}
                                <li>
                                    <a href="/" class="register">My page</a>
                                </li>
                                {% endif %}
                                <li>
                                    <a href="#" id="copyreflink">Invite friends to Tapped.to</a>
                                </li>
                                <li>
                                    <a href="#" class="shop" data-notifications="2">Shop</a>
                                </li>

                                <li>
                                    <a href="{% url 'logout' %}" class="logout">Logout</a>
                                </li>
                                <li>
                                    <a href="#" class="cancel">Cancel</a>
                                </li>
                                {% else %}
                                <li>
                                    <a href="/" class="register">Sign up for free</a>
                                </li>
                                <li>
                                    <a href="/">Login</a>
                                </li>
                                <li>
                                    <a href="#" class="cancel">Cancel</a>
                                </li>
                                {% endif %}
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>






    {% if requestuser == pageowner %}
    {% comment %}
    <div class="countrycodetoggle fullscreenview">
        <div class="container">
            <div class="row flex-center">
                <form class="col-12" method="POST" enctype="multipart/form-data">
                    <div class="head">
                        <div class="negative">
                            <div class="editprofile">
                                <span class="buttoninsta">Close</span>
                            </div>
                        </div>

                    </div>

                    <div class="body">
                        <div class="bodycontent">

                            <div class="countrycodeselect">
                                <div class="search">
                                    <div>
                                        <input id="countrycodesearch" type="text"
                                               placeholder="Country name or code"/>
                                    </div>
                                </div>

                                <div class="countrycoderesults">
                                    <div>
                                        <ul>
                                            <li>
                                                <button name="countrycode" value="DE +49">
                                                    <div class="countrycodename">Deutschland</div>
                                                    <div class="countrycode">+49</div>
                                                </button>
                                            </li>
                                            <li>
                                                <button name="countrycode" value="AF +49">
                                                    <div class="countrycodename">Afghanistan</div>
                                                    <div class="countrycode">+93</div>
                                                </button>
                                            </li>
                                            <li>
                                                <button name="countrycode" value="BG +359">
                                                    <div class="countrycodename">Bulgarien</div>
                                                    <div class="countrycode">+359</div>
                                                </button>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {% endcomment %}
    {% endif %}





    {% if requestuser == pageowner %}
    <div class="editprofiletoggle fullscreenview">
        <div class="container">
            <div class="row flex-center">
                <form class="col-12" method="POST" enctype="multipart/form-data">
                    <div class="head">
                        <div class="negative">
                            <div class="editprofile">
                                <span class="buttoninsta">Cancel</span>
                            </div>
                        </div>

                        <div class="positive">
                            <button type="submit" name="personalinfo">Save</button>
                        </div>
                    </div>

                    <div class="body">
                        <div class="bodycontent">
                            {% csrf_token %}

                            <label for="{{ personalinfoform.name.id_for_label }}">Full name</label>
                            {{ personalinfoform.name | placeholder:'Full name' }}<br/><br/>

                            <label for="{{ personalinfoform.slogan.id_for_label }}">Slogan</label>
                            {{ personalinfoform.slogan | placeholder:'Slogan' }}<br/><br/>

                            <label for="id_avatar">Profile picture</label>
                            <input type="file" name="avatar" id="id_avatar"><br/>

                            <hr/>

                            <label for="avatar-clear_id">Delete Picture</label>
                            <input type="checkbox" name="avatar-clear" id="avatar-clear_id"><br/>
                            <hr/>
                            <label>Theme</label>
                            <div class="themes">
                                {% for temp in theme %}
                                    {% for choice in temp %}
                                <div class="radioselect" data-previewthemeclass="{{ choice.choice_label }}">
                                    {{ choice.tag }}
                                    <label for="{{ choice.id_for_label }}">
                                        <div class="bars">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                        </div>
                                    </label>
                                </div>
                                {% endfor %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="addchipform fullscreenview">
        <div class="container">
            <div class="row flex-center">
                <form class="col-12" method="POST" enctype="multipart/form-data">
                    <div class="head">
                        <div class="negative">
                            <div class="editprofile">
                                <span class="buttoninsta">Cancel</span>
                            </div>
                        </div>

                        <div class="positive">
                            <button type="submit" name="addnewchip">Save</button>
                        </div>
                    </div>

                    <div class="body">
                        <div class="bodycontent">
                            {% csrf_token %}

                            <label for="{{ personalinfoform.name.id_for_label }}">NFC Chip ID</label>
                            <input type="text" name="name" value="" maxlength="200" id="chip_uuid" disabled><br/><br/>

                            <label for="{{ personalinfoform.slogan.id_for_label }}">Individual Name</label>
                            {{ addchipform.customname | placeholder:'Choose an individual name for this chip' }}<br/><br/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {% endif %}



    {% if requestuser == pageowner %}
    <div class="slidetoggle ajax fullscreenview">

        <!-- prototype -->
        <form class="slide step" data-step="0" method="POST">
            <div class="container">
                <div class="row flex-center">
                    <div class="col-12 inside">

                    </div>
                </div>
            </div>
        </form>
    </div>

    {% endif %}




    {% if requestuser == pageowner %}
    <div class="addlinktoggle fullscreenview">
        <form class="addlinkstep2 widget-vcard" method="POST">
            <div class="container">
                <div class="row flex-center">
                    <div class="col-12">
                        <div class="head">
                            <div class="negative">
                                <div class="addlink">
                                        <span class="buttoninsta back">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12pt" height="12.000001pt" viewBox="0 0 30 30.000001" version="1.2" style="padding-top: 7px;">
                                                <defs>
                                                    <clipPath id="clip1">
                                                        <path d="M 6 0.738281 L 23.964844 0.738281 L 23.964844 28.316406 L 6 28.316406 Z M 6 0.738281 "></path>
                                                    </clipPath>
                                                </defs>
                                                <g id="surface1">
                                                    <g clip-path="url(#clip1)" clip-rule="nonzero">
                                                        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(59.999084%,59.999084%,59.999084%);fill-opacity:1;" d="M 13.15625 14.640625 L 23.445312 4.222656 L 20.070312 0.800781 L 6.402344 14.640625 L 20.070312 28.480469 L 23.445312 25.058594 Z M 13.15625 14.640625 "></path>
                                                    </g>
                                                </g>
                                            </svg>
                                        &nbsp;Back</span>
                                </div>
                            </div>

                            <div class="positive">
                                <button type="submit" name="addnewvcard">Save</button>
                            </div>
                        </div>

                        <div class="body">
                            <div class="bodycontent">
                                {% csrf_token %}

                                <div class="customtitle">
                                    <label for="{{ addnewlink.title.id_for_label }}">Custom link title</label>
                                    {{ addnewlink.title | placeholder:'Custom link title' }}
                                </div>

                                <fieldset>
                                    <legend>Personal info</legend>
                                    <div class="section">
                                        <div>
                                            <label for="{{ addnewlink.vcard_title.id_for_label }}">Title</label>
                                            {{ vcardform.vcard_title | placeholder:'Title' }}
                                        </div>

                                        <div class="row">

                                            <div class="col-6">
                                                <label for="{{ addnewlink.first_name.id_for_label }}">First name</label>
                                                {{ vcardform.first_name | placeholder:'First name' }}
                                            </div>
                                            <div class="col-6">
                                                <label for="{{ addnewlink.last_name.id_for_label }}">Last name</label>
                                                {{ vcardform.last_name | placeholder:'Last name' }}
                                            </div>
                                        </div>
                                        <div>
                                            <label for="{{ addnewlink.display_name.id_for_label }}">Display name</label>
                                            {{ vcardform.display_name | placeholder:'Display name' }}
                                        </div>
                                    </div>
                                    <div class="section">
                                        <span class="legend">Private contact</span>
                                        <div>
                                            <label for="{{ addnewlink.private_website.id_for_label }}">Website</label>
                                            {{ vcardform.private_website | placeholder:'Website' }}
                                        </div>
                                        <div>
                                            <label for="{{ addnewlink.private_phonenumber.id_for_label }}">Phone</label>
                                            {{ vcardform.private_phonenumber | placeholder:'Phone' }}
                                        </div>
                                    </div>

                                    <div class="section">
                                        <span class="legend">Private address</span>
                                        <div>
                                            <label for="{{ addnewlink.private_street.id_for_label }}">Street</label>
                                            {{ vcardform.private_street | placeholder:'Street' }}
                                        </div>

                                        <div class="row">
                                            <div class="col-4">
                                                <label for="{{ addnewlink.private_plz.id_for_label }}">ZIP code)</label>
                                                {{ vcardform.private_plz | placeholder:'ZIP code' }}
                                            </div>
                                            <div class="col-8">
                                                <label for="{{ addnewlink.private_city.id_for_label }}">City</label>
                                                {{ vcardform.private_city | placeholder:'City' }}
                                            </div>
                                        </div>

                                        <div>
                                            <label for="{{ addnewlink.private_country.id_for_label }}">Country</label>
                                            <select id="private_country" name="private_country">
                                                <option value="">Select...</option>
                                                <option value="Germany">Germany</option>
                                                <option value="Afganistan">Afghanistan</option>
                                                <option value="Albania">Albania</option>
                                                <option value="Algeria">Algeria</option>
                                                <option value="American Samoa">American Samoa</option>
                                                <option value="Andorra">Andorra</option>
                                                <option value="Angola">Angola</option>
                                                <option value="Anguilla">Anguilla</option>
                                                <option value="Antigua & Barbuda">Antigua & Barbuda</option>
                                                <option value="Argentina">Argentina</option>
                                                <option value="Armenia">Armenia</option>
                                                <option value="Aruba">Aruba</option>
                                                <option value="Australia">Australia</option>
                                                <option value="Austria">Austria</option>
                                                <option value="Azerbaijan">Azerbaijan</option>
                                                <option value="Bahamas">Bahamas</option>
                                                <option value="Bahrain">Bahrain</option>
                                                <option value="Bangladesh">Bangladesh</option>
                                                <option value="Barbados">Barbados</option>
                                                <option value="Belarus">Belarus</option>
                                                <option value="Belgium">Belgium</option>
                                                <option value="Belize">Belize</option>
                                                <option value="Benin">Benin</option>
                                                <option value="Bermuda">Bermuda</option>
                                                <option value="Bhutan">Bhutan</option>
                                                <option value="Bolivia">Bolivia</option>
                                                <option value="Bonaire">Bonaire</option>
                                                <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
                                                <option value="Botswana">Botswana</option>
                                                <option value="Brazil">Brazil</option>
                                                <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
                                                <option value="Brunei">Brunei</option>
                                                <option value="Bulgaria">Bulgaria</option>
                                                <option value="Burkina Faso">Burkina Faso</option>
                                                <option value="Burundi">Burundi</option>
                                                <option value="Cambodia">Cambodia</option>
                                                <option value="Cameroon">Cameroon</option>
                                                <option value="Canada">Canada</option>
                                                <option value="Canary Islands">Canary Islands</option>
                                                <option value="Cape Verde">Cape Verde</option>
                                                <option value="Cayman Islands">Cayman Islands</option>
                                                <option value="Central African Republic">Central African Republic</option>
                                                <option value="Chad">Chad</option>
                                                <option value="Channel Islands">Channel Islands</option>
                                                <option value="Chile">Chile</option>
                                                <option value="China">China</option>
                                                <option value="Christmas Island">Christmas Island</option>
                                                <option value="Cocos Island">Cocos Island</option>
                                                <option value="Colombia">Colombia</option>
                                                <option value="Comoros">Comoros</option>
                                                <option value="Congo">Congo</option>
                                                <option value="Cook Islands">Cook Islands</option>
                                                <option value="Costa Rica">Costa Rica</option>
                                                <option value="Cote DIvoire">Cote DIvoire</option>
                                                <option value="Croatia">Croatia</option>
                                                <option value="Cuba">Cuba</option>
                                                <option value="Curaco">Curacao</option>
                                                <option value="Cyprus">Cyprus</option>
                                                <option value="Czech Republic">Czech Republic</option>
                                                <option value="Denmark">Denmark</option>
                                                <option value="Djibouti">Djibouti</option>
                                                <option value="Dominica">Dominica</option>
                                                <option value="Dominican Republic">Dominican Republic</option>
                                                <option value="East Timor">East Timor</option>
                                                <option value="Ecuador">Ecuador</option>
                                                <option value="Egypt">Egypt</option>
                                                <option value="El Salvador">El Salvador</option>
                                                <option value="Equatorial Guinea">Equatorial Guinea</option>
                                                <option value="Eritrea">Eritrea</option>
                                                <option value="Estonia">Estonia</option>
                                                <option value="Ethiopia">Ethiopia</option>
                                                <option value="Falkland Islands">Falkland Islands</option>
                                                <option value="Faroe Islands">Faroe Islands</option>
                                                <option value="Fiji">Fiji</option>
                                                <option value="Finland">Finland</option>
                                                <option value="France">France</option>
                                                <option value="French Guiana">French Guiana</option>
                                                <option value="French Polynesia">French Polynesia</option>
                                                <option value="French Southern Ter">French Southern Ter</option>
                                                <option value="Gabon">Gabon</option>
                                                <option value="Gambia">Gambia</option>
                                                <option value="Georgia">Georgia</option>
                                                <option value="Germany">Germany</option>
                                                <option value="Ghana">Ghana</option>
                                                <option value="Gibraltar">Gibraltar</option>
                                                <option value="Great Britain">Great Britain</option>
                                                <option value="Greece">Greece</option>
                                                <option value="Greenland">Greenland</option>
                                                <option value="Grenada">Grenada</option>
                                                <option value="Guadeloupe">Guadeloupe</option>
                                                <option value="Guam">Guam</option>
                                                <option value="Guatemala">Guatemala</option>
                                                <option value="Guinea">Guinea</option>
                                                <option value="Guyana">Guyana</option>
                                                <option value="Haiti">Haiti</option>
                                                <option value="Hawaii">Hawaii</option>
                                                <option value="Honduras">Honduras</option>
                                                <option value="Hong Kong">Hong Kong</option>
                                                <option value="Hungary">Hungary</option>
                                                <option value="Iceland">Iceland</option>
                                                <option value="Indonesia">Indonesia</option>
                                                <option value="India">India</option>
                                                <option value="Iran">Iran</option>
                                                <option value="Iraq">Iraq</option>
                                                <option value="Ireland">Ireland</option>
                                                <option value="Isle of Man">Isle of Man</option>
                                                <option value="Israel">Israel</option>
                                                <option value="Italy">Italy</option>
                                                <option value="Jamaica">Jamaica</option>
                                                <option value="Japan">Japan</option>
                                                <option value="Jordan">Jordan</option>
                                                <option value="Kazakhstan">Kazakhstan</option>
                                                <option value="Kenya">Kenya</option>
                                                <option value="Kiribati">Kiribati</option>
                                                <option value="Korea North">Korea North</option>
                                                <option value="Korea Sout">Korea South</option>
                                                <option value="Kuwait">Kuwait</option>
                                                <option value="Kyrgyzstan">Kyrgyzstan</option>
                                                <option value="Laos">Laos</option>
                                                <option value="Latvia">Latvia</option>
                                                <option value="Lebanon">Lebanon</option>
                                                <option value="Lesotho">Lesotho</option>
                                                <option value="Liberia">Liberia</option>
                                                <option value="Libya">Libya</option>
                                                <option value="Liechtenstein">Liechtenstein</option>
                                                <option value="Lithuania">Lithuania</option>
                                                <option value="Luxembourg">Luxembourg</option>
                                                <option value="Macau">Macau</option>
                                                <option value="Macedonia">Macedonia</option>
                                                <option value="Madagascar">Madagascar</option>
                                                <option value="Malaysia">Malaysia</option>
                                                <option value="Malawi">Malawi</option>
                                                <option value="Maldives">Maldives</option>
                                                <option value="Mali">Mali</option>
                                                <option value="Malta">Malta</option>
                                                <option value="Marshall Islands">Marshall Islands</option>
                                                <option value="Martinique">Martinique</option>
                                                <option value="Mauritania">Mauritania</option>
                                                <option value="Mauritius">Mauritius</option>
                                                <option value="Mayotte">Mayotte</option>
                                                <option value="Mexico">Mexico</option>
                                                <option value="Midway Islands">Midway Islands</option>
                                                <option value="Moldova">Moldova</option>
                                                <option value="Monaco">Monaco</option>
                                                <option value="Mongolia">Mongolia</option>
                                                <option value="Montserrat">Montserrat</option>
                                                <option value="Morocco">Morocco</option>
                                                <option value="Mozambique">Mozambique</option>
                                                <option value="Myanmar">Myanmar</option>
                                                <option value="Nambia">Nambia</option>
                                                <option value="Nauru">Nauru</option>
                                                <option value="Nepal">Nepal</option>
                                                <option value="Netherland Antilles">Netherland Antilles</option>
                                                <option value="Netherlands">Netherlands (Holland, Europe)</option>
                                                <option value="Nevis">Nevis</option>
                                                <option value="New Caledonia">New Caledonia</option>
                                                <option value="New Zealand">New Zealand</option>
                                                <option value="Nicaragua">Nicaragua</option>
                                                <option value="Niger">Niger</option>
                                                <option value="Nigeria">Nigeria</option>
                                                <option value="Niue">Niue</option>
                                                <option value="Norfolk Island">Norfolk Island</option>
                                                <option value="Norway">Norway</option>
                                                <option value="Oman">Oman</option>
                                                <option value="Pakistan">Pakistan</option>
                                                <option value="Palau Island">Palau Island</option>
                                                <option value="Palestine">Palestine</option>
                                                <option value="Panama">Panama</option>
                                                <option value="Papua New Guinea">Papua New Guinea</option>
                                                <option value="Paraguay">Paraguay</option>
                                                <option value="Peru">Peru</option>
                                                <option value="Phillipines">Philippines</option>
                                                <option value="Pitcairn Island">Pitcairn Island</option>
                                                <option value="Poland">Poland</option>
                                                <option value="Portugal">Portugal</option>
                                                <option value="Puerto Rico">Puerto Rico</option>
                                                <option value="Qatar">Qatar</option>
                                                <option value="Republic of Montenegro">Republic of Montenegro</option>
                                                <option value="Republic of Serbia">Republic of Serbia</option>
                                                <option value="Reunion">Reunion</option>
                                                <option value="Romania">Romania</option>
                                                <option value="Russia">Russia</option>
                                                <option value="Rwanda">Rwanda</option>
                                                <option value="St Barthelemy">St Barthelemy</option>
                                                <option value="St Eustatius">St Eustatius</option>
                                                <option value="St Helena">St Helena</option>
                                                <option value="St Kitts-Nevis">St Kitts-Nevis</option>
                                                <option value="St Lucia">St Lucia</option>
                                                <option value="St Maarten">St Maarten</option>
                                                <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
                                                <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
                                                <option value="Saipan">Saipan</option>
                                                <option value="Samoa">Samoa</option>
                                                <option value="Samoa American">Samoa American</option>
                                                <option value="San Marino">San Marino</option>
                                                <option value="Sao Tome & Principe">Sao Tome & Principe</option>
                                                <option value="Saudi Arabia">Saudi Arabia</option>
                                                <option value="Senegal">Senegal</option>
                                                <option value="Seychelles">Seychelles</option>
                                                <option value="Sierra Leone">Sierra Leone</option>
                                                <option value="Singapore">Singapore</option>
                                                <option value="Slovakia">Slovakia</option>
                                                <option value="Slovenia">Slovenia</option>
                                                <option value="Solomon Islands">Solomon Islands</option>
                                                <option value="Somalia">Somalia</option>
                                                <option value="South Africa">South Africa</option>
                                                <option value="Spain">Spain</option>
                                                <option value="Sri Lanka">Sri Lanka</option>
                                                <option value="Sudan">Sudan</option>
                                                <option value="Suriname">Suriname</option>
                                                <option value="Swaziland">Swaziland</option>
                                                <option value="Sweden">Sweden</option>
                                                <option value="Switzerland">Switzerland</option>
                                                <option value="Syria">Syria</option>
                                                <option value="Tahiti">Tahiti</option>
                                                <option value="Taiwan">Taiwan</option>
                                                <option value="Tajikistan">Tajikistan</option>
                                                <option value="Tanzania">Tanzania</option>
                                                <option value="Thailand">Thailand</option>
                                                <option value="Togo">Togo</option>
                                                <option value="Tokelau">Tokelau</option>
                                                <option value="Tonga">Tonga</option>
                                                <option value="Trinidad & Tobago">Trinidad & Tobago</option>
                                                <option value="Tunisia">Tunisia</option>
                                                <option value="Turkey">Turkey</option>
                                                <option value="Turkmenistan">Turkmenistan</option>
                                                <option value="Turks & Caicos Is">Turks & Caicos Is</option>
                                                <option value="Tuvalu">Tuvalu</option>
                                                <option value="Uganda">Uganda</option>
                                                <option value="United Kingdom">United Kingdom</option>
                                                <option value="Ukraine">Ukraine</option>
                                                <option value="United Arab Erimates">United Arab Emirates</option>
                                                <option value="United States of America">United States of America</option>
                                                <option value="Uraguay">Uruguay</option>
                                                <option value="Uzbekistan">Uzbekistan</option>
                                                <option value="Vanuatu">Vanuatu</option>
                                                <option value="Vatican City State">Vatican City State</option>
                                                <option value="Venezuela">Venezuela</option>
                                                <option value="Vietnam">Vietnam</option>
                                                <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
                                                <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
                                                <option value="Wake Island">Wake Island</option>
                                                <option value="Wallis & Futana Is">Wallis & Futana Is</option>
                                                <option value="Yemen">Yemen</option>
                                                <option value="Zaire">Zaire</option>
                                                <option value="Zambia">Zambia</option>
                                                <option value="Zimbabwe">Zimbabwe</option>
                                            </select>
                                        </div>
                                    </div>
                                </fieldset>

                                <fieldset>
                                    <legend>Company info</legend>

                                    <div class="section">
                                        <div>
                                            <label for="{{ addnewlink.companyname.id_for_label }}">Company name</label>
                                            {{ vcardform.companyname | placeholder:'Company name' }}
                                        </div>

                                        <div class="row">
                                            <div class="col-6">
                                                <label for="{{ addnewlink.job.id_for_label }}">Job</label>
                                                {{ vcardform.job | placeholder:'Job' }}
                                            </div>
                                            <div class="col-6">
                                                <label for="{{ addnewlink.position.id_for_label }}">Position</label>
                                                {{ vcardform.position | placeholder:'Position' }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="section">
                                        <span class="legend">Company contact</span>
                                        <div>
                                            <label for="{{ addnewlink.email.id_for_label }}">Email</label>
                                            {{ vcardform.email | placeholder:'Email' }}
                                        </div>
                                        <div>
                                            <label for="{{ addnewlink.company_website.id_for_label }}">Website</label>
                                            {{ vcardform.company_website | placeholder:'Website' }}
                                        </div>
                                        {{ phonecountryform }}
                                        <div>
                                            <label for="{{ addnewlink.company_phonenumber.id_for_label }}">Phone</label>
                                            {{ vcardform.company_phonenumber | placeholder:'Phone' }}
                                        </div>
                                        <div>
                                            <label for="{{ addnewlink.company_mobilenumber.id_for_label }}">Mobile</label>
                                            {{ vcardform.company_mobilenumber | placeholder:'Mobile' }}
                                        </div>
                                    </div>

                                    <div class="section">
                                        <span class="legend">Company address</span>
                                        <div>
                                            <label for="{{ addnewlink.company_street.id_for_label }}">Street</label>
                                            {{ vcardform.company_street | placeholder:'Street' }}
                                        </div>
                                        <div class="row">
                                            <div class="col-4">
                                                <label for="{{ addnewlink.company_plz.id_for_label }}">ZIP code</label>
                                                {{ vcardform.company_plz | placeholder:'ZIP code' }}
                                            </div>
                                            <div class="col-8">
                                                <label for="{{ addnewlink.company_city.id_for_label }}">City</label>
                                                {{ vcardform.company_city | placeholder:'City' }}
                                            </div>
                                        </div>
                                        <div>
                                            <label for="{{ addnewlink.company_country.id_for_label }}">Country</label>

                                            <select id="company_country" name="company_country">
                                                <option value="">Select...</option>
                                                <option value="Germany">Germany</option>
                                                <option value="Afganistan">Afghanistan</option>
                                                <option value="Albania">Albania</option>
                                                <option value="Algeria">Algeria</option>
                                                <option value="American Samoa">American Samoa</option>
                                                <option value="Andorra">Andorra</option>
                                                <option value="Angola">Angola</option>
                                                <option value="Anguilla">Anguilla</option>
                                                <option value="Antigua & Barbuda">Antigua & Barbuda</option>
                                                <option value="Argentina">Argentina</option>
                                                <option value="Armenia">Armenia</option>
                                                <option value="Aruba">Aruba</option>
                                                <option value="Australia">Australia</option>
                                                <option value="Austria">Austria</option>
                                                <option value="Azerbaijan">Azerbaijan</option>
                                                <option value="Bahamas">Bahamas</option>
                                                <option value="Bahrain">Bahrain</option>
                                                <option value="Bangladesh">Bangladesh</option>
                                                <option value="Barbados">Barbados</option>
                                                <option value="Belarus">Belarus</option>
                                                <option value="Belgium">Belgium</option>
                                                <option value="Belize">Belize</option>
                                                <option value="Benin">Benin</option>
                                                <option value="Bermuda">Bermuda</option>
                                                <option value="Bhutan">Bhutan</option>
                                                <option value="Bolivia">Bolivia</option>
                                                <option value="Bonaire">Bonaire</option>
                                                <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
                                                <option value="Botswana">Botswana</option>
                                                <option value="Brazil">Brazil</option>
                                                <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
                                                <option value="Brunei">Brunei</option>
                                                <option value="Bulgaria">Bulgaria</option>
                                                <option value="Burkina Faso">Burkina Faso</option>
                                                <option value="Burundi">Burundi</option>
                                                <option value="Cambodia">Cambodia</option>
                                                <option value="Cameroon">Cameroon</option>
                                                <option value="Canada">Canada</option>
                                                <option value="Canary Islands">Canary Islands</option>
                                                <option value="Cape Verde">Cape Verde</option>
                                                <option value="Cayman Islands">Cayman Islands</option>
                                                <option value="Central African Republic">Central African Republic</option>
                                                <option value="Chad">Chad</option>
                                                <option value="Channel Islands">Channel Islands</option>
                                                <option value="Chile">Chile</option>
                                                <option value="China">China</option>
                                                <option value="Christmas Island">Christmas Island</option>
                                                <option value="Cocos Island">Cocos Island</option>
                                                <option value="Colombia">Colombia</option>
                                                <option value="Comoros">Comoros</option>
                                                <option value="Congo">Congo</option>
                                                <option value="Cook Islands">Cook Islands</option>
                                                <option value="Costa Rica">Costa Rica</option>
                                                <option value="Cote DIvoire">Cote DIvoire</option>
                                                <option value="Croatia">Croatia</option>
                                                <option value="Cuba">Cuba</option>
                                                <option value="Curaco">Curacao</option>
                                                <option value="Cyprus">Cyprus</option>
                                                <option value="Czech Republic">Czech Republic</option>
                                                <option value="Denmark">Denmark</option>
                                                <option value="Djibouti">Djibouti</option>
                                                <option value="Dominica">Dominica</option>
                                                <option value="Dominican Republic">Dominican Republic</option>
                                                <option value="East Timor">East Timor</option>
                                                <option value="Ecuador">Ecuador</option>
                                                <option value="Egypt">Egypt</option>
                                                <option value="El Salvador">El Salvador</option>
                                                <option value="Equatorial Guinea">Equatorial Guinea</option>
                                                <option value="Eritrea">Eritrea</option>
                                                <option value="Estonia">Estonia</option>
                                                <option value="Ethiopia">Ethiopia</option>
                                                <option value="Falkland Islands">Falkland Islands</option>
                                                <option value="Faroe Islands">Faroe Islands</option>
                                                <option value="Fiji">Fiji</option>
                                                <option value="Finland">Finland</option>
                                                <option value="France">France</option>
                                                <option value="French Guiana">French Guiana</option>
                                                <option value="French Polynesia">French Polynesia</option>
                                                <option value="French Southern Ter">French Southern Ter</option>
                                                <option value="Gabon">Gabon</option>
                                                <option value="Gambia">Gambia</option>
                                                <option value="Georgia">Georgia</option>
                                                <option value="Germany">Germany</option>
                                                <option value="Ghana">Ghana</option>
                                                <option value="Gibraltar">Gibraltar</option>
                                                <option value="Great Britain">Great Britain</option>
                                                <option value="Greece">Greece</option>
                                                <option value="Greenland">Greenland</option>
                                                <option value="Grenada">Grenada</option>
                                                <option value="Guadeloupe">Guadeloupe</option>
                                                <option value="Guam">Guam</option>
                                                <option value="Guatemala">Guatemala</option>
                                                <option value="Guinea">Guinea</option>
                                                <option value="Guyana">Guyana</option>
                                                <option value="Haiti">Haiti</option>
                                                <option value="Hawaii">Hawaii</option>
                                                <option value="Honduras">Honduras</option>
                                                <option value="Hong Kong">Hong Kong</option>
                                                <option value="Hungary">Hungary</option>
                                                <option value="Iceland">Iceland</option>
                                                <option value="Indonesia">Indonesia</option>
                                                <option value="India">India</option>
                                                <option value="Iran">Iran</option>
                                                <option value="Iraq">Iraq</option>
                                                <option value="Ireland">Ireland</option>
                                                <option value="Isle of Man">Isle of Man</option>
                                                <option value="Israel">Israel</option>
                                                <option value="Italy">Italy</option>
                                                <option value="Jamaica">Jamaica</option>
                                                <option value="Japan">Japan</option>
                                                <option value="Jordan">Jordan</option>
                                                <option value="Kazakhstan">Kazakhstan</option>
                                                <option value="Kenya">Kenya</option>
                                                <option value="Kiribati">Kiribati</option>
                                                <option value="Korea North">Korea North</option>
                                                <option value="Korea Sout">Korea South</option>
                                                <option value="Kuwait">Kuwait</option>
                                                <option value="Kyrgyzstan">Kyrgyzstan</option>
                                                <option value="Laos">Laos</option>
                                                <option value="Latvia">Latvia</option>
                                                <option value="Lebanon">Lebanon</option>
                                                <option value="Lesotho">Lesotho</option>
                                                <option value="Liberia">Liberia</option>
                                                <option value="Libya">Libya</option>
                                                <option value="Liechtenstein">Liechtenstein</option>
                                                <option value="Lithuania">Lithuania</option>
                                                <option value="Luxembourg">Luxembourg</option>
                                                <option value="Macau">Macau</option>
                                                <option value="Macedonia">Macedonia</option>
                                                <option value="Madagascar">Madagascar</option>
                                                <option value="Malaysia">Malaysia</option>
                                                <option value="Malawi">Malawi</option>
                                                <option value="Maldives">Maldives</option>
                                                <option value="Mali">Mali</option>
                                                <option value="Malta">Malta</option>
                                                <option value="Marshall Islands">Marshall Islands</option>
                                                <option value="Martinique">Martinique</option>
                                                <option value="Mauritania">Mauritania</option>
                                                <option value="Mauritius">Mauritius</option>
                                                <option value="Mayotte">Mayotte</option>
                                                <option value="Mexico">Mexico</option>
                                                <option value="Midway Islands">Midway Islands</option>
                                                <option value="Moldova">Moldova</option>
                                                <option value="Monaco">Monaco</option>
                                                <option value="Mongolia">Mongolia</option>
                                                <option value="Montserrat">Montserrat</option>
                                                <option value="Morocco">Morocco</option>
                                                <option value="Mozambique">Mozambique</option>
                                                <option value="Myanmar">Myanmar</option>
                                                <option value="Nambia">Nambia</option>
                                                <option value="Nauru">Nauru</option>
                                                <option value="Nepal">Nepal</option>
                                                <option value="Netherland Antilles">Netherland Antilles</option>
                                                <option value="Netherlands">Netherlands (Holland, Europe)</option>
                                                <option value="Nevis">Nevis</option>
                                                <option value="New Caledonia">New Caledonia</option>
                                                <option value="New Zealand">New Zealand</option>
                                                <option value="Nicaragua">Nicaragua</option>
                                                <option value="Niger">Niger</option>
                                                <option value="Nigeria">Nigeria</option>
                                                <option value="Niue">Niue</option>
                                                <option value="Norfolk Island">Norfolk Island</option>
                                                <option value="Norway">Norway</option>
                                                <option value="Oman">Oman</option>
                                                <option value="Pakistan">Pakistan</option>
                                                <option value="Palau Island">Palau Island</option>
                                                <option value="Palestine">Palestine</option>
                                                <option value="Panama">Panama</option>
                                                <option value="Papua New Guinea">Papua New Guinea</option>
                                                <option value="Paraguay">Paraguay</option>
                                                <option value="Peru">Peru</option>
                                                <option value="Phillipines">Philippines</option>
                                                <option value="Pitcairn Island">Pitcairn Island</option>
                                                <option value="Poland">Poland</option>
                                                <option value="Portugal">Portugal</option>
                                                <option value="Puerto Rico">Puerto Rico</option>
                                                <option value="Qatar">Qatar</option>
                                                <option value="Republic of Montenegro">Republic of Montenegro</option>
                                                <option value="Republic of Serbia">Republic of Serbia</option>
                                                <option value="Reunion">Reunion</option>
                                                <option value="Romania">Romania</option>
                                                <option value="Russia">Russia</option>
                                                <option value="Rwanda">Rwanda</option>
                                                <option value="St Barthelemy">St Barthelemy</option>
                                                <option value="St Eustatius">St Eustatius</option>
                                                <option value="St Helena">St Helena</option>
                                                <option value="St Kitts-Nevis">St Kitts-Nevis</option>
                                                <option value="St Lucia">St Lucia</option>
                                                <option value="St Maarten">St Maarten</option>
                                                <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
                                                <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
                                                <option value="Saipan">Saipan</option>
                                                <option value="Samoa">Samoa</option>
                                                <option value="Samoa American">Samoa American</option>
                                                <option value="San Marino">San Marino</option>
                                                <option value="Sao Tome & Principe">Sao Tome & Principe</option>
                                                <option value="Saudi Arabia">Saudi Arabia</option>
                                                <option value="Senegal">Senegal</option>
                                                <option value="Seychelles">Seychelles</option>
                                                <option value="Sierra Leone">Sierra Leone</option>
                                                <option value="Singapore">Singapore</option>
                                                <option value="Slovakia">Slovakia</option>
                                                <option value="Slovenia">Slovenia</option>
                                                <option value="Solomon Islands">Solomon Islands</option>
                                                <option value="Somalia">Somalia</option>
                                                <option value="South Africa">South Africa</option>
                                                <option value="Spain">Spain</option>
                                                <option value="Sri Lanka">Sri Lanka</option>
                                                <option value="Sudan">Sudan</option>
                                                <option value="Suriname">Suriname</option>
                                                <option value="Swaziland">Swaziland</option>
                                                <option value="Sweden">Sweden</option>
                                                <option value="Switzerland">Switzerland</option>
                                                <option value="Syria">Syria</option>
                                                <option value="Tahiti">Tahiti</option>
                                                <option value="Taiwan">Taiwan</option>
                                                <option value="Tajikistan">Tajikistan</option>
                                                <option value="Tanzania">Tanzania</option>
                                                <option value="Thailand">Thailand</option>
                                                <option value="Togo">Togo</option>
                                                <option value="Tokelau">Tokelau</option>
                                                <option value="Tonga">Tonga</option>
                                                <option value="Trinidad & Tobago">Trinidad & Tobago</option>
                                                <option value="Tunisia">Tunisia</option>
                                                <option value="Turkey">Turkey</option>
                                                <option value="Turkmenistan">Turkmenistan</option>
                                                <option value="Turks & Caicos Is">Turks & Caicos Is</option>
                                                <option value="Tuvalu">Tuvalu</option>
                                                <option value="Uganda">Uganda</option>
                                                <option value="United Kingdom">United Kingdom</option>
                                                <option value="Ukraine">Ukraine</option>
                                                <option value="United Arab Erimates">United Arab Emirates</option>
                                                <option value="United States of America">United States of America</option>
                                                <option value="Uraguay">Uruguay</option>
                                                <option value="Uzbekistan">Uzbekistan</option>
                                                <option value="Vanuatu">Vanuatu</option>
                                                <option value="Vatican City State">Vatican City State</option>
                                                <option value="Venezuela">Venezuela</option>
                                                <option value="Vietnam">Vietnam</option>
                                                <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
                                                <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
                                                <option value="Wake Island">Wake Island</option>
                                                <option value="Wallis & Futana Is">Wallis & Futana Is</option>
                                                <option value="Yemen">Yemen</option>
                                                <option value="Zaire">Zaire</option>
                                                <option value="Zambia">Zambia</option>
                                                <option value="Zimbabwe">Zimbabwe</option>
                                            </select>
                                        </div>
                                    </div>
                                </fieldset>
                                <input class="objecttype" type="hidden" name="objecttype" value="1"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <form class="addlinkstep2 widget-link" method="POST">
            <div class="container">
                <div class="row flex-center">
                    <div class="col-12">
                        <div class="head">
                            <div class="negative">
                                <div class="addlink">
                                    <span class="buttoninsta back">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12pt" height="12.000001pt" viewBox="0 0 30 30.000001" version="1.2" style="padding-top: 7px;">
                                        <defs>
                                            <clipPath id="clip1">
                                                <path d="M 6 0.738281 L 23.964844 0.738281 L 23.964844 28.316406 L 6 28.316406 Z M 6 0.738281 "></path>
                                            </clipPath>
                                        </defs>
                                        <g id="surface1">
                                            <g clip-path="url(#clip1)" clip-rule="nonzero">
                                                <path style=" stroke:none;fill-rule:nonzero;fill:rgb(59.999084%,59.999084%,59.999084%);fill-opacity:1;" d="M 13.15625 14.640625 L 23.445312 4.222656 L 20.070312 0.800781 L 6.402344 14.640625 L 20.070312 28.480469 L 23.445312 25.058594 Z M 13.15625 14.640625 "></path>
                                            </g>
                                        </g>
                                    </svg> Back</span>
                                </div>
                            </div>

                            <div class="positive">
                                <button type="submit" name="addnewlink">Save</button>
                            </div>
                        </div>

                        <div class="body">
                            <div class="bodycontent">
                                {% csrf_token %}
                                <label for="{{ addnewlink.value.id_for_label }}">Link</label>

                                {{ addnewlink.value | placeholder:'Link or Username' }}
                                <p id="placeholderdescription"></p>

                                <label for="{{ addnewlink.title.id_for_label }}">Custom title</label>

                                {{ addnewlink.title | placeholder:'Custom title' }}

                                <input class="objecttype" type="hidden" name="objecttype" value="1"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <form class="addlinkstep1" method="POST">
            <div class="container">

                <div class="row flex-center">
                    <div class="col-12">

                        <div class="head">
                            <div class="negative">
                                <div class="addlink">
                                    <span class="buttoninsta">Cancel</span>
                                </div>
                            </div>

                            <div class="positive">
                                <span class="buttoninsta submit">Next</span>
                            </div>
                        </div>

                        <div class="body">
                            <div class="bodycontent">
                                {% csrf_token %}

                                <div class="radioselects">
                                    {% for choice in linktype.type %}
                                    <div class="radioselect {{ choice.choice_label }}"
                                         data-placeholder="{{ choice.placeholder }}"
                                         data-placeholderdescription="{{ placeholder.description }}">
                                        {{ choice.tag }}
                                        <label for="{{ choice.id_for_label }}">{{ choice.choice_label }}</label>
                                    </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    {% endif %}
</div>

{% comment %}
{% if messages %}
{% for message in messages %}
<div id="messages" class="row flex-center">
    <div class="col-6">
        <p>{{ message }}</p>
    </div>
</div>
{% endfor %}
{% endif %}
{% endcomment %}
    <div id="refcopyTarget" style="visibility:hidden;position: absolute;top:0;left:0;left:0;height:0;width:0;z-index: -10;">https://tapped.to/t/{{ page.pageid }}</div>

<script>
    var placeholders = Array();

    {% for placeholder in placeholders %}



    placeholders.push({0: "{{ placeholder.placeholder }}", 1: "{{ placeholder.description }}"});

    {% endfor %}
    
    
    var phonecountryprefix = '{% spaceless %}{{ form_countrys.phoneprefix }}{% endspaceless %}';

</script>


<script src="{% static "js/jquery-3.5.1.min.js" %}"></script>

{% if requestuser == pageowner %}
<script>

    //console.log("hallo");
    
    function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
        var end = document.cookie.indexOf(";", begin);
        if (end == -1) {
        end = dc.length;
        }
    }
    // because unescape has been deprecated, replaced with decodeURI
    //return unescape(dc.substring(begin + prefix.length, end));
    return decodeURI(dc.substring(begin + prefix.length, end));
}

    var registersite = getCookie("registersite");

	if ( $( ".layout-consumer" ).length ) {
		if (registersite != null) {
        $(".addchip").addClass("active");
        $("html").addClass("fullscreenviewactive adminmenuactive");
        $("#chip_uuid").val(registersite);
    }
	}


    $("#claim").click(function() {
    	$("html").addClass("fullscreenviewactive");
    	$(".addchipform").addClass("active");
	});

    $(".addchipform .buttoninsta").click(function() {
    	$("html").removeClass("fullscreenviewactive");
    	$(".addchipform").removeClass("active");
    	delete_cookie('registersite');
	});

	setTimeout(function () {
		$(".chipmessage").fadeOut();
	}, 3000);

    $( "#copyreflink" ).click(function() {
        copyToClipboard('#refcopyTarget');
        $(".reflinkcopymessage").fadeIn();
        	setTimeout(function () {
		$(".reflinkcopymessage").fadeOut();
	}, 3000);
    });

        $( ".tappedtolicense" ).click(function() {
        copyToClipboard('#refcopyTarget');
        $(".reflinkcopymessage").fadeIn();
        	setTimeout(function () {
		$(".reflinkcopymessage").fadeOut();
	}, 3000);
    });


</script>
{% endif %}


{% endblock %}