{% load staticfiles %}

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="format-detection" content="telephone=no,email=no,address=no">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
        <title>照片详情</title>
        <style>
            body {position:absolute;top:0;right:0;bottom:0;left:0;margin:0;font-family:"Microsoft YaHei","sans-serif","Microsoft Sans Serif","Microsoft JhengHei UI";background:#fff6e6;color:gray}
            img {width:100%}

            /* For Download Section */
            .download_section {position:fixed;right:0;bottom:0;left:0;height:55px;padding:5px;background:#f0f0f0;box-sizing:border-box}
            .pai2_icon {width:45px;height:45px;float:left}
            .pai2_icon>img {width:100%;height:100%}
            .pai2_desc {height:45px;padding:5px 0 0 5px;float:left}
            .pai2_name {padding-top:2px;font-size:14px;text-align:left}
            .pai2_des {padding-top:2px;font-size:12px;line-height:23px;color:#8f8f8f;text-align:left}
            .pai2_download {position:relative;top:5px;width:100px;height:35px;line-height:35px;text-align:center;background:#d13621;color:#fff;border-radius:5px;float:right}
            /* For PC */
            body, .download_section {
                max-width: 414px !important;
                margin: 0 auto !important;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <article class="text-center">
                {% for photo in photos %}
                <div><img src="{{ photo.p_photo_url }}"></div>
                {% endfor %}
            </article>
        </div>

        <div id="download_section" class="download_section">
            <div class="pai2_icon">
                <img src="{% static 'pai2/img/paiai_96_96.png' %}">
            </div>
            <div class="pai2_desc">
                <div class="pai2_name">拍爱</div>
                <div class="pai2_des">即拍即分享</div>
            </div>
            <div id="pai2_download" class="pai2_download">立即下载</div>
        </div>

        <script type="text/javascript" src="http://cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>
        <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script type="text/javascript" src="{% static 'pai2/js/jswe.js' %}?v=1"></script>
        <script>
            V.initWxData({
                imgUrl: "http://pai.ai/static/pai2/img/paiai_96_96.png",
                link: window.location.href,
                desc: "我使用拍爱分享了一张美图,你也快来试试吧",
                title: "拍爱",
                timeLine: ""
            }, true);
        </script>
    </body>
</html>
