<?php
	
	
	JHTML::_('behavior.modal');
	JHtml::_('bootstrap.tooltip');
	JHtml::_('behavior.formvalidator');
	JHtml::_('formbehavior.chosen', 'select');
	
	$fieldsets = $form->getFieldsets();
	
	$fieldsetCount = count($fieldsets);
	$rowCounter = 1;
	$fieldsetCounter = 1;
	
	$app = JFactory::getApplication();

?>


<div class="container-fluid">
    <form action="<?php echo JRoute::_('index.php?option=com_djcatalog2&task=order.createShipment&id=' . (int)$order->id . '&delivery_method_id=' . (int)$order->delivery_method_id) ?>"
          method="post"
          id="shippment-form" class="form-validate" enctype="multipart/form-data">
        <h2><?php echo JText::_('PLG_DJCATALOG2DELIVERY_INPOST_SHIPPMENT_FORM') ?></h2>
		
		<?php foreach ($fieldsets as $key => $fieldset) : ?>
			
			<?php if ($rowCounter == 1) : ?>
                <div class="row-fluid">
			<?php endif; ?>

            <div class="span6 form-horizontal">
                <legend><?php echo JText::_($fieldset->label) ?></legend>
				
				
				<?php foreach ($form->getFieldset($fieldset->name) as $field) : ?>
					
					<?php echo $field->getControlGroup(); ?>
				
				<?php endforeach; ?>

            </div>
			
			<?php if ($rowCounter == 2 || ($rowCounter == 1 && $fieldsetCounter % 2 == 0 && $fieldsetCounter == $fieldsetCount)) : ?>
                </div>
			<?php endif; ?>
			
			<?php $rowCounter = ($rowCounter == 2) ? 1 : 2; ?>
			<?php $fieldsetCounter++ ?>
		
		<?php endforeach; ?>
</div>
<?php echo JHtml::_('form.token'); ?>
<input type="hidden" name="task" value="order.createShipment"/>
<button type="submit" class="validate">Submit</button>
</form>

<div style="clear: both;"></div>
</div>


<script>
    jQuery(document).ready(function () {

        // Validate required fields if type is other ten Envelope
        document.formvalidator.setHandler('piece', function (value) {
            var packageWidth = jQuery('#createShipments_pieceList_item_width');
            var packageHeight = jQuery('#createShipments_pieceList_item_height');
            var packageLength = jQuery('#createShipments_pieceList_item_length');
            var packageWeight = jQuery('#createShipments_pieceList_item_weight');

            if (value !== 'ENVELOPE') {
                packageWidth.addClass("required").attr('required', true);
                packageHeight.addClass("required").attr('required', true);
                packageLength.addClass("required").attr('required', true);
                packageWeight.addClass("required").attr('required', true);

                document.formvalidator.validate(packageWidth);
                document.formvalidator.validate(packageHeight);
                document.formvalidator.validate(packageLength);
                document.formvalidator.validate(packageWeight);
            } else {
                packageWidth.removeClass("required").attr('required', false);
                packageHeight.removeClass("required").attr('required', false);
                packageLength.removeClass("required").attr('required', false);
                packageWeight.removeClass("required").attr('required', false);
            }

            if (value) return true;
        });

        document.formvalidator.setHandler('cod', function (value, element) {

            console.log('test');


            var cod = jQuery('#createShipments_service_collectOnDelivery input[type="radio"]:checked');

            console.log(jQuery(this));

            if (cod.val() === 1) {
                if (value.length === 0) return false;
            }

            return true;
        });
		
		<?php if(isset($order->delivery_params['shipmentId'])) :?>
        window.parent.location.reload(true);
		<?php endif; ?>

        jQuery('.postalCode').each(function () {
            var el = $(this);

            filterPostalCode(el);


            jQuery(el).bind("change keyup", function (e) {
                filterPostalCode(el);
            });

        });


        function filterPostalCode(element) {
            var filterd = jQuery(element).val().replace(/\D/g, '');


            jQuery(element).val(filterd);
        }
    });
</script>