<div>
    <form action="{{ path('prod_baskets_basket_update', { 'basket' : basket.getId()}) }}" method="POST" id="basket-rename-box"  name="basket-rename-box">
        <label style="margin:5px 0 0 0;">{{ 'panier:: nom' | trans }}</label>
        <input type="text" name="name" value="{{ basket.getName() }}" style="width:98%;" />
        <label style="margin:5px 0 0 0;">{{ 'panier:: description' | trans }}</label>
        <textarea style="width:98%;height:120px;" name="description">{{ basket.getDescription() }}</textarea>
        <button type='button' class="btn btn-inverse" style="margin: 5px 40%;">{{ 'boutton::valider' | trans }}</button>
    </form>
    <script type="text/javascript">
      $(document).ready(function(){
          $('form[name="basket-rename-box"]').on('submit', function(event){
              event.preventDefault();
              onSubmitRenameForm(event);
          });

          $('#basket-rename-box button').on('click', function(event){
              event.preventDefault();
              onSubmitRenameForm(event);
          });

          var onSubmitRenameForm = function(event) {
              var $form = $(event.currentTarget).closest('form');
              $.ajax({
                  type: $form.attr('method'),
                  url: $form.attr('action'),
                  dataType: 'json',
                  data: $form.serializeArray(),
                  beforeSend:function(){

                  },
                  success: function(data){
                      $dialog = p4.Dialog.get(1).Close();
                      if(data.success) {
                          humane.info(data.message);
                          return p4.WorkZone.refresh(data.basket.id);
                      } else {
                          humane.error(data.message);
                          return false;
                      }
                  },
                  error: function(){

                  },
                  timeout: function(){

                  }
              });

              return false;
          };
      });
    </script>
</div>
