{% load i18n %}

<!-- // adjust time -->
<p class="aa-timezones-adjust-time text-right">
    <button id="btnadjust" class="btn btn-info btn-sm hidden" onclick="showAdjust();">{% translate "Adjust Time" %}</button>
    <button id="btnclear" class="btn btn-danger btn-sm hidden" onclick="reloadBasePage();">{% translate "Remove" %}</button>
    <button id="btnshowcurrent" class="btn btn-primary btn-sm hidden" onclick="switchto(0);">{% translate "Switch to current time" %}</button>
    <button id="btnshowfixed" class="btn btn-primary btn-sm hidden" onclick="switchto(1);">{% translate "Switch to adjusted time" %}</button>
</p>

<div id="adjust" class="hidden eve-online-time-zones-time-adjust">
    <hr>
    <span class="pull-right text-right">
        <form class="form-inline">
            <div class="form-group">
                <label>{% translate "in" %}</label>
                <div class="input-group input-group-sm">
                    <select class="form-control" id="tind">
                        <option>0</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                    </select>
                    <div class="input-group-addon">{% translate "Days" %}</div>
                </div>

                <div class="input-group input-group-sm">
                    <select class="form-control" id="tinh">
                        <option>0</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                    </select>
                    <div class="input-group-addon">{% translate "Hours" %}</div>
                </div>

                <div class="input-group input-group-sm">
                    <select class="form-control" id="tinm">
                        <option>0</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                        <option>32</option>
                        <option>33</option>
                        <option>34</option>
                        <option>35</option>
                        <option>36</option>
                        <option>37</option>
                        <option>38</option>
                        <option>39</option>
                        <option>40</option>
                        <option>41</option>
                        <option>42</option>
                        <option>43</option>
                        <option>44</option>
                        <option>45</option>
                        <option>46</option>
                        <option>47</option>
                        <option>48</option>
                        <option>49</option>
                        <option>50</option>
                        <option>51</option>
                        <option>52</option>
                        <option>53</option>
                        <option>54</option>
                        <option>55</option>
                        <option>56</option>
                        <option>57</option>
                        <option>58</option>
                        <option>59</option>
                    </select>
                    <div class="input-group-addon">{% translate "Minutes" %}</div>
                </div>

{#                <button class="btn btn-info btn-sm" onclick="window.location.hash = (parseInt(new Date().getTime() / 1000) + jQuery('#tind').val() * 24 * 60 * 60 + jQuery('#tinh').val() * 60 * 60 + jQuery('#tinm').val() * 60);">{% translate "Set Time" %}</button>#}
                <button class="btn btn-info btn-sm" onclick="reloadToTimestamp(); return false;">{% translate "Set Time" %}</button>
            </div>
        </form>

        <form class="form-inline">
            <div class="form-group">
                <label>{% translate "at" %}</label>
                <div class="input-group input-group-sm">
                    <select class="form-control" id="tathour">
                        <option>00</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                    </select>
                    <div class="input-group-addon">:</div>
                    <select class="form-control" id="tatminute">
                        <option>00</option>
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                        <option>32</option>
                        <option>33</option>
                        <option>34</option>
                        <option>35</option>
                        <option>36</option>
                        <option>37</option>
                        <option>38</option>
                        <option>39</option>
                        <option>40</option>
                        <option>41</option>
                        <option>42</option>
                        <option>43</option>
                        <option>44</option>
                        <option>45</option>
                        <option>46</option>
                        <option>47</option>
                        <option>48</option>
                        <option>49</option>
                        <option>50</option>
                        <option>51</option>
                        <option>52</option>
                        <option>53</option>
                        <option>54</option>
                        <option>55</option>
                        <option>56</option>
                        <option>57</option>
                        <option>58</option>
                        <option>59</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <select class="form-control" id="tatzone">
                        <option value="">{% translate "Local Time" %}</option>
                        <option value="Etc/UTC" selected>{% translate "EVE Time" %}</option>
                        {% for timezone in timezones %}
                            <option value="{{ timezone.timezone.timezone_name }}">{{ timezone.panel_name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <label>{% translate "on" %}</label>
                <div class="input-group input-group-sm">
                    <select class="form-control" id="tatyear">
                    </select>
                    <div class="input-group-addon">-</div>
                    <select class="form-control" id="tatmonth">
                        <option value="01">{% translate "January" %}</option>
                        <option value="02">{% translate "February" %}</option>
                        <option value="04">{% translate "March" %}</option>
                        <option value="04">{% translate "April" %}</option>
                        <option value="05">{% translate "May" %}</option>
                        <option value="06">{% translate "June" %}</option>
                        <option value="07">{% translate "July" %}</option>
                        <option value="08">{% translate "August" %}</option>
                        <option value="09">{% translate "September" %}</option>
                        <option value="10">{% translate "October" %}</option>
                        <option value="11">{% translate "November" %}</option>
                        <option value="12">{% translate "December" %}</option>
                    </select>
                    <div class="input-group-addon">-</div>
                    <select class="form-control" id="tatday">
                        <option>01</option>
                        <option>02</option>
                        <option>03</option>
                        <option>04</option>
                        <option>05</option>
                        <option>06</option>
                        <option>07</option>
                        <option>08</option>
                        <option>09</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                    </select>
                </div>
                <button class="btn btn-info btn-sm" onclick="setdate(jQuery('#tatyear').val() + '-' + jQuery('#tatmonth').val() + '-' + jQuery('#tatday').val() + ' ' + jQuery('#tathour').val() + ':' + jQuery('#tatminute').val(), jQuery('#tatzone').val()); return false;">{% translate "Set Time" %}</button>
            </div>
        </form>
    </span>
</div>