<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
        <th:block th:include="include :: header('演出详情')"/>
        <th:block th:include="include :: bootstrap-fileinput-css" />
    </head>

    <body class="white-bg">
        <div class="detail_title">演出名称：<span></span></div>
        <div class="detail_inner detail_img"><img src=""></div>
        <p>演出时间</p>
        <div class="detail_inner detail_time"></div>
        <p>演出地点</p>
        <div class="detail_inner detail_place"></div>
        <p>票提设置</p>
        <div class="detail_inner detail_option"></div>
        <p>代理票种</p>
        <div class="detail_inner detail_pur"></div>
        <p>演出详情</p>
        <div class="detail_inner detail_main"></div>
    </body>

    <th:block th:include="include :: footer"/>
    <script th:src="@{/js/jquery.tmpl.js}"></script>
    <th:block th:include="include :: bootstrap-fileinput-js" />

    <script type="text/javascript">
        var smilePrefix = ctx + "smile/show";
        var perId = window.localStorage.getItem('performancesId');
        $.ajax({
            type: 'get',
            url: smilePrefix + "/getShowById",
            data: {
                performancesId: perId
            },
            success:function(e) {
                $('.detail_title span').text(e.data.title);
                $('.detail_img img').attr('src', e.data.imgPoster);
                $('.detail_time').text(e.data.timeStart + '-' + e.data.timeEnd);
                $('.detail_place').text(e.data.fieldName);
                $('.detail_option').text(e.data.detail_option);
            }
        })
    </script>

    <style>
        .white-bg {
            padding: 50px;
        }
        .white-bg .detail_inner {
            margin-bottom: 20px;
        }
        .white-bg .detail_title {
            margin-top: 50px;
            font-weight: bold;
            font-size: 16px;
        }
        .bottomBtn {
            text-align: left;
            padding: 10px 15px 12px;
        }
    </style>

</html>