{template "mheader.html"}

<div class="mt-element-step">
    <div class="row step-thin">

        <div class="col-md-4 bg-grey mt-step-col ">
            <div class="mt-step-number bg-white font-grey">1</div>
            <div class="mt-step-title uppercase font-grey-cascade">选择媒体资源</div>
        </div>
        <div class="col-md-4 bg-grey mt-step-col active">
            <div class="mt-step-number bg-white font-grey">2</div>
            <div class="mt-step-title uppercase font-grey-cascade">填写订单信息</div>
        </div>
        <div class="col-md-4 bg-grey mt-step-col ">
            <div class="mt-step-number bg-white font-grey">3</div>
            <div class="mt-step-title uppercase font-grey-cascade">执行订单</div>
        </div>
    </div>
</div>

<form action="" style="margin-top: 12px;" class="form-horizontal" method="post" name="myform" id="myform">
    {dr_form_hidden()}
    <div class="row myfbody ">
        <div class="col-md-12">

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject font-green sbold ">填写活动内容</span>
                    </div>

                </div>
                <div class="portlet-body">
                    <div class="form-body">

                        <div class="form-group">
                            <label class="col-md-2 control-label">投放平台</label>
                            <div class="col-md-9">
                                <p class="form-control-static"> {$rw_name} </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">活动名称</label>
                            <div class="col-md-9">
                                <label><input type="text" class="form-control input-large" value="" name="order[title]"></label>
                            </div>
                        </div>
                        {load "$rw_field_file"}
                        <div class="form-group">
                            <label class="col-md-2 control-label">执行时间</label>
                            <div class="col-md-9">
                                <div class="input-group input-large date-picker input-daterange" data-date="{date('Y-m-d')}" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control" name="order[stime]">
                                    <span class="input-group-addon"> 到 </span>
                                    <input type="text" class="form-control" name="order[etime]">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">活动备注</label>
                            <div class="col-md-9">
                                <textarea class="form-control" name="order[note]" rows="4" placeholder="请填写备注信息，媒介主会根据自己的意愿执行，该备注不会影响计费，请不要填写网址链接"></textarea>
                            </div>
                        </div>


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


            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject font-green sbold ">投放媒体资源</span>
                    </div>

                </div>
                <div class="portlet-body">
                    <div class="form-body">

                        <table class="table table-striped table-bordered table-hover table-checkable dataTable ">
                            <tbody>
                            <?php $total_price = 0;?>
                            {loop $rw_zy_list $t}
                            <tr class="list-item">
                                <td width="90"><img class="rw_thumb" src="{dr_thumb($t.thumb, 100, 100)}"></td>
                                <td width="200"><a href="{dr_rw_show_url($rw_id, $t.id)}" target="_blank">{$t.title}</a></td>
                                <td width="200">{$t.sku_name}</td>
                                <td class="res-name">￥{dr_price_value($t.price)}元</td>
                            </tr>
                            <?php $total_price+=$t.price;?>
                            {/loop}
                            </tbody>
                        </table>

                    </div>

                    <div class="row">
                        <div class="col-md-6"> </div>
                        <div class="col-md-6">
                            <div class="well">
                                <div class="row static-info align-reverse">
                                    <div class="col-md-8 name"> 投放数量: </div>
                                    <div class="col-md-3 value"> {count($rw_zy_list)} 个</div>
                                </div>
                                <div class="row static-info align-reverse">
                                    <div class="col-md-8 name"> 订单总价: </div>
                                    <div class="col-md-3 value"> ￥{dr_price_value($total_price)}  元</div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>

    </div>



    <div class="portlet-body form myfooter">
        <div class="form-actions text-center">

            <label><button type="button" onclick="dr_ajax_submit('{dr_now_url()}', 'myform', '2000')" class="btn green"> 提交订单 </button></label>

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


<link href="{THEME_PATH}assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<link href="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
<link href="{THEME_PATH}assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<link href="{THEME_PATH}assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script src="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.finecms.js" type="text/javascript"></script>

<script type="text/javascript">
    if (App.isAngularJsApp() === false) {
        jQuery(document).ready(function() {
            if (jQuery().datepicker) {
                $('.date-picker').datepicker({
                    rtl: App.isRTL(),
                    orientation: "left",
                    autoclose: true
                });
            }
        });
    }
</script>

{template "mfooter.html"}