<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="<?php echo mvc::$cfg['SELF_URI'];?>"></a>
        <h1 class="mui-title">车架号<span class="red2">【<?php echo $Params['keyword'];?>】</span></h1>
        <a href="#top-more-menu" class="more-btn stxt mui-pull-right"><span class="mui-icon mui-icon-more"></span></a>
    </header>

<?php if($code == 1){ ?>
    <?php include_once(mvc::$cfg['PATH_TPL'].'item/checkCode.php');?>
<?php }else{ ?>
    <style>
        #preview-mask{display: none;height: 100%;width: 100%; position: absolute;z-index: 99999999;left: 0;top: 0;background-color: #000;}
        .mui-preview-header {height: 44px; top: 0;color: #eee;}
        #preview-image {display: none;z-index: 999;position: relative;top: 20%;right: 0;left: 0;width: 100%;}
        #preview-image img{width: 100%;}
        .table {width: 100%;max-width: 100%;}
        .table {margin-bottom: 0px;}
        .table-bordered {border: 1px solid #ddd;}
        .table { width: 100%;max-width: 100%;}
        table th {background: #eee;white-space: nowrap;}
        .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th, .table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid #ddd;}
        .table>tbody>tr>td,.table>tbody>tr>th{padding: 4px;line-height: 1.4;border-top: 1px solid #ddd;font-size: 15px; word-wrap:break-word;word-break: break-all;}
    </style>
    <div class="mui-content" id="vinPage" style="overflow-x: auto;">
        <?php if(!$maxVin){?>
            <?php if(!empty($modelArr['model'])){?>
               
                <?php if($modelArr['from']=='ypc'){ ?>
                <ul class="mui-table-view" style="margin-top:0px">
                    <?php foreach($modelArr['model'] as $v){?>
                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=model&mod3_id=<?php echo $v['mod3_id'];?><?= empty($v['vin_year'])? '&vinyear=' .LibFc::formatViewYear($v['mod3_start_year'], $v['mod3_end_year'], 2, 1): '&vinyear=' .$v['vin_year'];?>">
                                <div class="mui-table-view-cell-title"><?php echo $v['make_name'].' '.$v['mod2_name'].' '.$v['mod3_name']?><span class="gray"><?php echo empty($v['vin_year'])? LibFc::formatViewYear($v['mod3_start_year'], $v['mod3_end_year'], 2, 1): '【'.$v['vin_year'].'】';?></span></div>
                                <?php if(!empty($v['mod3_engine'])){?>
                                    <div class="mui-table-view-cell-info">
                                        <span class="marr10"><?php echo $v['mod3_engine'];?></span>
                                        <?php if(!empty($v['mod3_kw'])) echo '<span class="marr10">'.$v['mod3_kw'].'kw</span>';?>
                                        <?php if(!empty($v['mod3_cc'])) echo '<span class="marr10">'.$v['mod3_cc'].'cc</span>';?>
                                        <?php if(!empty($v['mod3_transmission'])) echo '<span class="marr10">'.$v['mod3_transmission'].'</span>';?>
                                        <?php if(!empty($v['mod3_drive'])) echo '<span class="marr10">'.$v['mod3_drive'].'</span>';?>
                                        <?php if(!empty($v['mod3_fuel'])) echo '<span class="marr10">'.$v['mod3_fuel'].'</span>';?>
                                        <div>
                                            <?php if(!empty($v['mod3_body'])) echo '<span class="marr10">'.$v['mod3_body'].'</span>';?>
                                            <?php if(!empty($v['mod3_parking_brake'])) echo '<span class="marr10">'.$v['mod3_parking_brake'].'</span>';?>
                                            <?php if(!empty($v['mod3_front_brake']) && !empty($v['mod3_rear_brake']))
												echo '<span class="marr10">前后制动: '.$v['mod3_front_brake'].'/'.$v['mod3_rear_brake'].'</span>';
												else if(!empty($v['mod3_front_brake']))
													echo '<span class="marr10">前制动: '.$v['mod3_front_brake'].'</span>';
												else if(!empty($v['mod3_rear_brake'])) 
													echo '<span class="marr10">后制动: '.$v['mod3_rear_brake'].'</span>';
										    ?>
                                        </div>
                                    </div>
                                <?php }?>
                            </a>
                        </li>
                    <?php }?>
                </ul>
                <?php }elseif($modelArr['from']=='bigcar'){ ?>
                    <table class="table table-bordered">
                        <tbody>
                            <?php if($hasImg){?>
                                <tr>
                                    <th width="90px">车型图</th>
                                    <?php foreach ($modelArr['model'] as $key => $item) { ?>
                                        <td style="min-width: 142px;">
                                            <div class="virewer-img">
                                                <?php if(!empty($item['pic'])){?>
                                                    <img style="width: 100px;vertical-align: middle;" class="previewImageStyle" onclick="previewImage('<?php echo $item['pic'][0];?>')" src="<?php echo $item['pic'][0];?>">
                                                <?php }?>
                                            </div>
                                        </td>
                                    <?php } ?>            
                                </tr>
                            <?php }?>
                            <?php foreach ($modelArr['label'] as $lk => $lv) { ?>
                                <tr>
                                    <th width="90px" scope="row"><?php echo $lv;?></th>
                                    <?php foreach ($modelArr['model'] as $key => $item) { ?>
                                        <?php if(!empty($item[$lk])){?>
                                            <td style="min-width: 142px;"><?php echo $item[$lk]; ?></td>
                                        <?php }?>
                                    <?php } ?>
                                </tr>
                            <?php } ?> 
                        </tbody>
                    </table>
                <?php }elseif(!empty($modelArr['label'])){ ?>
                    <table class="table table-bordered">
                        <tbody>
                            <?php if($hasImg){?>
                                <tr>
                                    <th width="90px">车型图</th>
                                    <?php foreach ($modelArr['model'] as $key => $item) { ?>
                                        <td style="min-width: 142px;">
                                            <div class="virewer-img">
                                                <?php if(!empty($item['pic'])){?>
                                                   <img style="width: 100px;vertical-align: middle;" onclick="previewImage('<?php echo $item['pic'][0];?>')" src="<?php echo $item['pic'][0];?>">
                                                <?php }?>
                                            </div>
                                        </td>
                                    <?php } ?>            
                                </tr>
                            <?php }?>
                            <?php foreach ($modelArr['label'] as $key => $lv) { ?>
                                <tr>
                                    <th width="90px" scope="row"><?php echo $lv;?></th>
                                    <?php foreach ($modelArr['model'] as $key => $item) { ?>
                                        <td style="min-width: 142px;"><?php echo $item[$lv]; ?></td>
                                    <?php } ?>
                                </tr>
                            <?php } ?>
                        </tbody>
                    </table>  
                <?php }?>
                <form id="jiucuoImgForm" name="jiucuoImgForm" action="" enctype="multipart/form-data" style="display:none">
                    <input type="file" name="jiucuoFile" id="jiucuoFile"/>
                    <input type="hidden" name="jiucuoImg" id="jiucuoImg"/>
                </form>
              <div style="margin: 10px auto;text-align: center;"><span style="font-size: 14px;color: #138c81;margin-right: 10px;" onclick="addJiuCuo()" class="BtnJiuCuos"><span class="mui-icon mui-icon mui-icon-compose"></span>车架号纠错</span></div>
            
              <?php }else{ ?>
                <div class="nodata"><?php if(!empty($errMsg)) echo $errMsg; else echo '抱歉，未找到对应的车型信息。';?></div>
            <?php }?>
        <?php }else{ ?>
            <div class="warn mar10">今天的车架号查询次数已用完！</div>
        <?php }?>
        <div class="shop-logo">
        <div id="slider" class="mui-slider" >
            <?php if(!empty($banner)){?>
            <?php if(count($banner)>1){?>
            <div class="mui-slider-group mui-slider-loop">
                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a data-href="<?php echo end($banner)['url'];?>">
                        
                        <img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',end($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
                        
                    </a>
                </div>
                <?php foreach($banner as $v){?>
                <!-- 第一张 -->
                <div class="mui-slider-item">
                    <a data-href="<?php echo $v['url'];?>">
                        <img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',$v['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
                    </a>
                </div>
                <?php }?>
                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a data-href="<?php echo reset($banner)['url'];?>">
                        
                        <img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',reset($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
                    
                    </a>
                </div>
            </div>
            <div class="mui-slider-indicator">
                <?php foreach($banner as $k=> $v){?>
                <div class="mui-indicator <?php if($k==0){?> mui-active <?php }?>"></div>
                <?php }?>
            </div>
            <?php }else{?>
                <a data-href="<?php echo current($banner)['url'];?>">
                    <img width="100%" src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',current($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
                </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
    </div>

    <div id="jiucuo-box" class="mui-popover">
        <span class="close-btn mui-icon mui-icon-closeempty"></span>
        <div class="jc-title"></div>
        <textarea placeholder="请输入纠错信息（至少5个字符）" rows="5" id="jc_txt"></textarea>
        <div class="mui-input-row">
                <label>图片</label>
                <ul id="files" style="text-align:left;">
                    <li class="">
                        <img id="headimg" src="<?php echo mvc::$cfg['SYS_URL'].'static/images/bf.png';?>" height="80"  width="80">
                    </li>
                </ul>
                <input style="display: none" id="imgSrc" type="text">
                <span id="deletes" style="display:none;position: absolute;left: 55%;top: 10%;" onclick="deleteImg('<?php echo mvc::$cfg['SYS_URL'].'static/images/bf.png';?>')" class="mui-icon mui-icon-closeempty"></span>
                <div style="position: absolute;right: 0;border: 0;left: 43%;top: 25%;" class="jiucuo-camera" id="jiucuo-camera" ><span id="mui-icon-camera" class="mui-icon mui-icon-camera"></span></div>
            </div>
            <div class="mui-input-row imgcode">
            <label>验证码</label>
            <input type="text" id="imgcode" class="imgcode" placeholder="图片验证码">
            <img  src="<?php echo mvc::$cfg['SELF_URI'];?>user/imgcode?type=txt&t=<?php echo microtime(true);?>" class="imgcode" id="jc_imgcode" onclick="IMGCODE.change('jc_imgcode', 'txt')">
        </div>

        <div class="mui-button-row">
            <button onclick="addCjh()" type="button" class="mui-btn mui-btn-primary">提交纠错</button>
        </div>
    </div>
    <div id="top-more-menu" class="mui-popover">
        <div class="mui-popover-arrow"></div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>index/index"><span class="mui-icon mui-icon-home"></span>首页</a></li>
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>item/index"><span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>分类</a></li>
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>cart/index"><span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>购物车</a></li>
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>user/index"><span class="mui-icon mui-icon-contact"></span>个人中心</a></li>
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>user/history"><span class="mui-icon mui-icon-extra mui-icon-extra-order"></span>浏览历史</a></li>
            <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>user/searchHistory"><span class="mui-icon mui-icon-extra mui-icon-extra-topic"></span>查询历史</a></li>
        </ul>
    </div>
    <div id="preview-mask">
        <div class="mui-preview-header"><span class="close-btn mui-icon mui-icon-closeempty" style="font-size: 40px;"></span></div>
        <div id="preview-image" style="display: block;">
            <div class="mui-slider">
                <div class="mui-slider-group" id="previewImagecont">
                    
                </div>
            </div>
        </div>
    </div>
    
<?php } ?>


<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
    $(document).ready(function(){
        jiucuoInitEvent();
        var slider = mui("#slider");
        slider.slider({
            interval: 2000
        });
    })
    function previewImage(imgurl ){
        //获取图片
        var html = '';
        html +=  '<div class="mui-slider-item"><img src="'+imgurl+'" /></div>';
        $("#previewImagecont").html(html);
        $("#preview-image").addClass('mui-active');
        $("#preview-mask").show();
    }
    $("#preview-mask .mui-icon-closeempty").click(function(){
        $("#preview-mask").hide();
        $("#preview-image").removeClass('mui-active');
    })
</script>
