{% extends 'TopxiaWebBundle:CourseManage:layout.html.twig' %}

{% block title %}课程图片 - {{ parent() }}{% endblock %}

{% set side_nav = 'picture' %}
{% set script_controller = 'course-manage/picture-crop' %}
{% block main %}

<div class="panel panel-default panel-col">
  <div class="panel-heading">
    课程图片
  </div>

  <div class="panel-body">
    <form id="course-picture-crop-form" method="post" enctype="multipart/form-data">
      {{ web_macro.flash_messages() }}

      <div class="form-group clearfix">
        <div class="col-md-offset-2 col-md-8 controls">
          <img src="{{ pictureUrl }}" id="course-picture-crop" width="{{scaledSize.width}}" height="{{scaledSize.height}}" data-natural-width="{{ naturalSize.width }}" data-natural-height="{{ naturalSize.height }}" />
          <div class="help-block">提示：请选择图片裁剪区域。</div>
        </div>
      </div>

      <div class="form-group clearfix">
        <div class="col-md-offset-2 col-md-8 controls">
          <input type="hidden" name="x">
          <input type="hidden" name="y">
          <input type="hidden" name="width">
          <input type="hidden" name="height">
          <button class="btn btn-fat btn-primary" id="upload-picture-btn" type="submit" {% if course.parentId and not course.structureChanged %}onclick="return confirm('保存后，本课程的所有内容将不再从公有课程中同步更新，确定要继续编辑吗？');"{% endif %}>保存</button>
          <a href="javascript:;" class="go-back btn btn-link">重新选择图片</a>
        </div>
      </div>

      <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">
      
    </form>

  </div>
</div>

{% endblock %}

