<?php

final class AphrontFormCropControl extends AphrontFormControl {

  private $width = 50;
  private $height = 50;

  public function setHeight($height) {
    $this->height = $height;
    return $this;
  }
  public function getHeight() {
    return $this->height;
  }

  public function setWidth($width) {
    $this->width = $width;
    return $this;
  }
  public function getWidth() {
    return $this->width;
  }

  protected function getCustomControlClass() {
    return 'aphront-form-crop';
  }

  protected function renderInput() {
    $file = $this->getValue();

    if ($file === null) {
      return phutil_tag(
        'img',
        array(
          'src' => PhabricatorUser::getDefaultProfileImageURI()
        ),
        '');
    }

    $c_id = celerity_generate_unique_node_id();
    $metadata = $file->getMetadata();
    $scale = PhabricatorImageTransformer::getScaleForCrop(
      $file,
      $this->getWidth(),
      $this->getHeight());

    Javelin::initBehavior(
      'aphront-crop',
      array(
        'cropBoxID' => $c_id,
        'width' => $this->getWidth(),
        'height' => $this->getHeight(),
        'scale' => $scale,
        'imageH' => $metadata[PhabricatorFile::METADATA_IMAGE_HEIGHT],
        'imageW' => $metadata[PhabricatorFile::METADATA_IMAGE_WIDTH],
      ));

    return javelin_tag(
      'div',
      array(
        'id' => $c_id,
        'sigil' => 'crop-box',
        'mustcapture' => true,
        'class' => 'crop-box'
      ),
      array(
        javelin_tag(
          'img',
          array(
            'src' => $file->getBestURI(),
            'class' => 'crop-image',
            'sigil' => 'crop-image'
          ),
          ''),
        javelin_tag(
          'input',
          array(
            'type' => 'hidden',
            'name' => 'image_x',
            'sigil' => 'crop-x',
          ),
          ''),
        javelin_tag(
          'input',
          array(
            'type' => 'hidden',
            'name' => 'image_y',
            'sigil' => 'crop-y',
          ),
          ''),
      ));
  }

}