<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>YUNYECMS <?php echo YUNYECMS_VERSION; ?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>plugins/fontawesome-free/css/all.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>plugins/iCheck/all.css">
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>dist/css/skins/_all-skins.min.css">
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>dist/css/admin.css">
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>validator/dist/css/bootstrapValidator.css" />

  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>plugins/datepicker/datepicker3.css">
  <!-- Bootstrap time Picker -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI; ?>plugins/timepicker/bootstrap-timepicker.min.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body class="hold-transition rightbgcolor" onload="changefrmHeight()">
  <!-- Content Wrapper. Contains page content -->
  <div class="container-fluid" id="mainwrap">
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-12">
          <div class="card box-primary card-outline">
            <div class="card-header">
              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-8 pb10">
                  <h3 class="card-title">模板列表</h3> &nbsp;
                </div>
              </div>
              <!-- /.box-header -->
              <?php if (!empty($available_templates)) : ?>
                <div class="card-body">
                  <div class="moban" id="moban0" style="display: block;">
                    <ul>
                      <?php foreach ($available_templates as $key => $vo) : ?>
                        <li>
                          <div class="moban_info"><img src="<?php echo $vo['preview']; ?>">
                            <a target="_blank" href="<?php echo $vo['uri']; ?>">
                              <div class="moban_over"><span><i class="icon-magnifier"></i></span><em><?php echo $vo['desc']; ?><br>编号：<?php echo $vo['id']; ?></em></div>
                            </a>
                          </div>
                          <h2 class="text-center"><a href="<?php echo $vo['uri']; ?>" target="_blank"><?php echo $vo['name']; ?></a></h2>
                          <p>版本：<?php echo $vo['version']; ?>
                            <?php if ($vo['status'] == 1) : ?>
                              <br /><span class="badge bg-danger"><i class="fa fa-check"></i> 当前模板</span><?php endif; ?>
                          </p>
                          <div class="row">
                            <span class="col-md-12">
                              <p class="mt-card-desc font-grey-mint">
                                <a href="<?php echo $vo['uri']; ?>" target="_blank" class="btn bg-green  btn-flat  " style="margin-left: 5px;"> <i class="fa fa-search"> </i> 预 览 </a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <?php if ($vo['status'] == 0) : ?>
                                  <a href="javascript:void(0);" class="btn bg-blue btn-flat" onClick="javsacript:ConfirmDel('infoid','<?php echo url_admin('apply', 'template', array("theme" => $vo["code"], "yyact" => 'switch_tpl')); ?>','确认使用','您确定要使用模板<?php echo $vo["name"]; ?>吗?','delmodal','modal');"><i class="fa fa-check"></i>使用</a>
                                <?php endif; ?>
                              </p>
                            </span>
                          </div>
                        </li>
                      <?php endforeach; ?>
                    </ul>
                  </div>


                  <?php echo $this->hashurl['svp']; ?>
                </div>
                <!-- /.box-body -->
                <div class="card-footer clearfix">

                </div>
                <div class="modal" id="delmodal">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h4 class="modal-title">删除确认</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span></button>

                      </div>
                      <div class="modal-body">
                        <p>您确定要删除该信息吗？</p>
                      </div>
                      <div class="modal-footer  justify-content-between">

                        <button type="button" class="btn btn-default  pull-left" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" onClick="javsacript:CloseAndJump('infoid');">确定</button>
                      </div>
                    </div>
                    <!-- /.modal-content -->
                  </div>
                  <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <div class="modal modal-warning" id="delallmodal">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h4 class="modal-title">删除确认</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span></button>

                      </div>
                      <div class="modal-body">
                        <p>您确定要删除该用户吗？</p>
                      </div>
                      <div class="modal-footer  justify-content-between">
                        <button type="button" class="btn btn-outline-light" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-outline-light" onClick="javsacript:CloseAndSubmit('infoid','delallmodal','form_infolist');">确认</button>
                      </div>
                    </div>
                    <!-- /.modal-content -->
                  </div>
                  <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <div class="modal" id="alertmodal">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h4 class="modal-title">提示信息</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">×</span></button>

                      </div>
                      <div class="modal-body">
                        <p>您至少要选定一条记录！</p>
                      </div>
                      <div class="modal-footer  justify-content-between">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                      </div>
                    </div>
                    <!-- /.modal-content -->
                  </div>
                  <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
              <?php else : ?>
                <div class="container">
                  <div class="callout callout-info">
                    <h4><i class="icon fa fa-info"></i> 提示信息：</h4>
                    暂时没有任何模板信息<br />
                  </div>
                </div>
              <?php endif; ?>
            </div>
            <!-- /.box -->
          </div>
          <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <?php require tpl_adm('foot'); ?>
  <!-- jQuery 2.2.3 -->
  <script src="<?php echo YUNYECMS_UI; ?>plugins/jQuery/jquery-3.6.1.min.js"></script>
  <!-- Bootstrap 3.3.6 -->
  <script src="<?php echo YUNYECMS_UI; ?>bootstrap/js/bootstrap.min.js"></script>
  <!-- FastClick -->
  <script src="<?php echo YUNYECMS_UI; ?>plugins/fastclick/fastclick.js"></script>
  <!-- AdminLTE for demo purposes -->
  <script src="<?php echo YUNYECMS_UI; ?>dist/js/admin.js"></script>
  <script src="<?php echo YUNYECMS_UI; ?>dist/js/modal.js"></script>
  <script src="<?php echo YUNYECMS_UI; ?>plugins/iCheck/icheck.min.js"></script>
  <!-- date-range-picker -->
  <script src="<?php echo YUNYECMS_UI; ?>plugins/moment/moment.min.js"></script>
  <script src="<?php echo YUNYECMS_UI; ?>plugins/daterangepicker/daterangepicker.js"></script>
  <!-- bootstrap datepicker -->
  <script src="<?php echo YUNYECMS_UI; ?>plugins/datepicker/bootstrap-datepicker.js"></script>
  <!-- bootstrap time picker -->
  <script src="<?php echo YUNYECMS_UI; ?>plugins/timepicker/bootstrap-timepicker.min.js"></script>
  <script>
    $(function() {
      //iCheck for checkbox and radio inputs
      $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue'
      });
      //Red color scheme for iCheck
      $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
        checkboxClass: 'icheckbox_minimal-red',
        radioClass: 'iradio_minimal-red'
      });
      //Flat red color scheme for iCheck
      $('input[type="checkbox"].flat-blue, input[type="radio"].flat-blue').iCheck({
        checkboxClass: 'icheckbox_flat-blue',
        radioClass: 'iradio_flat-blue'
      });
      $('input[type="checkbox"].minimal-blue, input[type="radio"].minimal-blue').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue'
      });
    });

    /*$(document).ready(function(){
    //使用ON绑定事件
        var checkAll = $('#selectall');
    	var checkboxes = $('#loginlist input');
    	checkAll.on('ifChecked ifUnchecked', function(event) {
    		if (event.type == 'ifChecked') {
    			checkboxes.iCheck('check');
    		} else {
    			checkboxes.iCheck('uncheck');
    		}
    	});
    });
      */
  </script>
  <script type="text/javascript">
    $(document).ready(function() {
      //使用ON绑定事件
      var checkAll = $('#selectall');
      var checkboxes = $('#catlist input');
      checkAll.on('ifChecked ifUnchecked', function(event) {
        if (event.type == 'ifChecked') {
          checkboxes.iCheck('check');
        } else {
          checkboxes.iCheck('uncheck');
        }
      });
      var checkAll_foot = $('#selectall_foot');
      checkAll_foot.on('ifChecked ifUnchecked', function(event) {
        if (event.type == 'ifChecked') {
          checkboxes.iCheck('check');
        } else {
          checkboxes.iCheck('uncheck');
        }
      });

    });


    $(document).ready(function() {
      $('#batchdel').click(function() {
        if ($("input[name='id[]']").is(':checked')) {
          $("#form_infolist").attr("action", "<?php echo url_admin('finaldelete'); ?>");
          ConfirmDel('infoid', '', '删除确认', '您确定要删除所选模板吗,删除后该模板将不能恢复！', 'delallmodal');
        } else {
          AlertModal('提示信息', '您至少应该选择一条记录！');
          return false;
        }
        //alert($("input[name='cat_id']:checked").val());
      });

    });
  </script>


  <script language="javascript" type="text/javascript">
    $(function() {
      var navudinfo = "<?php echo $parnav; ?>";
      $('.breadcrumb', window.parent.document).children('#homeitem').nextAll().remove();
      $('.breadcrumb', window.parent.document).children('#homeitem').after(navudinfo);
    });
  </script>

</body>

</html>