{% extends "base.html" %}

{% load i18n %}
{% load static from staticfiles %}

{% block headtitle %}{{item.typeName}}{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{% static 'industry/css/industry.css' %}" />
{% endblock %}




{% block main_content %}
<div class="page-header">
<h1>{{item.typeName}}</h1>
</div>
<div class="row-fluid">
  <div class="span1">
    <img src="//image.eveonline.com/Type/{{item.typeID}}_64.png" />
  </div>
  <div class="span3">
  <dl class="table">
    <dt>{% trans 'Available in catalog' %}</dt>
      <dd><input type="checkbox" id="availability_checkbox" {% if item.is_available %}checked{% endif %}/></dd>
    <dt>{% trans 'Fixed Price' %}</dt>
      <dd id="fixed_price" class="editable">{{item.fixed_price|ecm_price}}</dd>
    <dt>{% trans 'Production Cost' %}</dt>
      <dd id="production_cost" class="editable">{{item.production_cost|ecm_price}}</dd>
    <dt>{% trans 'Public Price' %}</dt>
      <dd id="public_price" class="editable">{{item.public_price|ecm_price}}</dd>
  </dl>

  </div>
</div>

<h3>{% trans 'Owned Blueprints' %}</h3>

<table class="blueprints_table">
  <thead>
    <tr>
      <th class="center"></th>
      <th class="center">{% trans 'ME' %}</th>
      <th class="center">{% trans 'PE' %}</th>
      <th class="center">{% trans 'Copy' %}</th>
      <th class="center">{% trans 'Runs' %}</th>
      <th class="center"></th>
    </tr>
  </thead>
  <tbody id="blueprints">
  {% for bp in item.blueprints.all %}
    <tr id="{{bp.id}}">
      <td><a href="{{bp.url}}" title="{% trans 'Blueprint details' %}">
        <img src="//image.eveonline.com/Type/{{bp.typeID}}_32.png"/>
      </a></td>
      <td class="me editable center" id="{{bp.id}}">{{bp.me}}</td>
      <td class="pe editable center" id="{{bp.id}}">{{bp.pe}}</td>
      <td class="center"><input class="copy" id="{{bp.id}}" type="checkbox" {% if bp.copy %}checked{% endif %}/></td>
      <td class="runs editable center" id="{{bp.id}}">{{bp.runs}}</td>
      <td>
        <a class="btn btn-danger btn-small" title="{% trans 'Delete blueprint' %}"
          onClick="deleteBlueprint({{bp.id}});"><i class="icon-trash icon-white"></i></a>
      </td>
    </tr>
  {% empty %}
    <tr id="empty"><td colspan="4" class="center">{% trans 'None' %}</td></tr>
  {% endfor %}
  </tbody>
</table>

<a class="btn btn-success"
   onClick="addBlueprint({{item.typeID}});"><i class="icon-plus icon-white"></i>
   {% trans 'Add New Blueprint' %}
</a>
{% endblock %}

{% block post_javascripts %}
<script>
NEW_BP = '<tr id="%id">' +
'<td><a href="%url" title="Blueprint details">' +
  '<img src="//image.eveonline.com/Type/%typeID_32.png" />' +
'</a></td>' +
'<td class="me editable center" id="%id">%me</td>' +
'<td class="pe editable center" id="%id">%pe</td>' +
'<td class="center"><input class="copy" id="%id" type="checkbox" %checked/></td>' +
'<td class="runs editable center" id="%id">%runs</td>' +
'<td><a class="btn btn-danger btn-small" title="Delete blueprint" ' +
       'onClick="deleteBlueprint(%id);"><i class="icon-trash icon-white"></i></a></td>' +
'</tr>';

$(document).ready(function() {
    $('#availability_checkbox').click(function () {
      var params = {
        available: $(this).is(':checked')
      };
      $.post('/industry/catalog/items/{{item.typeID}}/availability/', params)
       .error(function () {
        alert("{% trans 'Failed to change availability!' %}");
      });
    });

    $('#fixed_price').editable('/industry/catalog/items/{{item.typeID}}/fixed_price/', {
        loadurl: '/industry/catalog/items/{{item.typeID}}/fixed_price/',
        cssclass: 'edited',
        style: 'inherit',
        tooltip: "{% trans 'Click to edit' %}",
        placeholder: '',
    });

    $('#public_price').click(function () {
        var _this = $(this);
        var oldPrice = _this.html();
        _this.html('<img src="{% static 'ecm/img/throbber.gif' %}"/>');
        $.get('/industry/catalog/items/{{item.typeID}}/public_price/')
         .success(function (data) {
             _this.html(data);
         })
         .error(function (jqXHR) {
             $('#error-text').html("<strong>{% trans 'Error' %}!</strong> " + jqXHR.responseText);
             $('#error-box').show();
             _this.html(oldPrice);
         });
    });

    $('#production_cost').click(function () {
        var _this = $(this);
        var oldPrice = _this.html();
        _this.html('<img src="{% static 'ecm/img/throbber.gif' %}"/>');
        $.get('/industry/catalog/items/{{item.typeID}}/production_cost/')
         .success(function (data) {
             _this.html(data);
         })
         .error(function (jqXHR) {
             $('#error-text').html("<strong>{% trans 'Error' %}!</strong> " + jqXHR.responseText);
             $('#error-box').show();
             _this.html(oldPrice);
         });
    });

    setEditableHandlers();
});

function setEditableHandlers() {
    $('#blueprints td.me').editable('/industry/catalog/blueprints/me/', {
        cssclass: 'edited',
        style: 'inherit',
        tooltip: "{% trans 'Click to edit' %}",
        placeholder: '',
    });
    $('#blueprints td.pe').editable('/industry/catalog/blueprints/pe/', {
        cssclass: 'edited',
        style: 'inherit',
        tooltip: "{% trans 'Click to edit' %}",
        placeholder: '',
    });
    $('#blueprints input.copy').click(function () {
        var thisId = $(this).attr('id');
        var checked = $(this).is(':checked');
        $.post('/industry/catalog/blueprints/copy/', {id: thisId, value: checked})
        .error(function () {
            alert("{% trans 'Failed to change copy' %}!");
        });
    });
    $('#blueprints td.runs').editable('/industry/catalog/blueprints/runs/', {
        cssclass: 'edited',
        style: 'inherit',
        tooltip: "{% trans 'Click to edit' %}",
        placeholder: '',
    });
}


EMPTY = '<tr id="empty"><td colspan="4" class="center">{% trans 'None' %}</td></tr>';

function deleteBlueprint(blueprintID) {
    var row = $('#blueprints tr#' + blueprintID);
    if (confirm("{% trans 'Are you sure you want to delete this blueprint' %}?")) {
        $.get('/industry/catalog/blueprints/' + blueprintID + '/delete/')
            .success(function () {
                $(row).remove();
                var rows =  $('#blueprints tr');
                if (rows.length == 0) {
                    $('#blueprints').html(EMPTY);
                }
            })
            .error(function () {
                alert("{% trans 'Failed to delete blueprint' %}.");
            });
    }
}

function addBlueprint(itemID) {
    $.getJSON('/industry/catalog/items/' + itemID + '/add_blueprint/')
        .success(function(json) {
            $('#empty').remove();
            var checked;
            if (json.copy) {
                checked = 'checked';
            } else {
                checked = '';
            }
            var row = NEW_BP.replace(/%id/g, json.id)
                            .replace(/%url/g, json.url)
                            .replace(/%typeID/g, json.typeID)
                            .replace(/%me/g, json.me)
                            .replace(/%pe/g, json.pe)
                            .replace(/%checked/g, checked)
                            .replace(/%runs/g, json.runs);
            $(row).appendTo("#blueprints")
            setEditableHandlers();
        }).error(function () {
            alert("{% trans 'Failed to add blueprint.' %}");
        });
}
</script>
{% endblock %}