<?php $this->Html->script('bootstrap-colorpicker.min', array( 'inline' => false ) ); ?>
<?php $this->Html->css('bootstrap-colorpicker.min', array( 'inline' => false ) ); ?>


<?php echo $this->Form->create( false, array( 'class' => 'form-horizontal admin' ) ); ?>

<div class="district-filter panel panel-default">
    <div class="panel-heading"><?php echo __('ลำดับสีของแผนที่') ?></div>
    <div class="panel-body">

        <?php for( $i = 0; $i < 5; $i++ ) : ?>
            <div class="form-group">
                    <?php echo $this->Form->label('color-' . $i, $map_label[$i], array('class' => 'col-md-4 control-label text-right')); ?>
                    <div class="input-group colorpicker col-md-4">
                        <?php
                            echo $this->Form->input( 'color-' . $i, array(
                                'id' => 'color-' . $i,
                                'value' => '#' . $map_colors[$i],
                                'label' => false,
                                'class' => 'form-control required'
                            ) );
                        ?>
                        <span class="input-group-addon"><i></i></span>
                    </div>
            </div>
        <?php endfor; ?>
    </div>
</div>

<div class="district-filter panel panel-default">
    <div class="panel-heading"><?php echo __('ระยะห่างระหว่างระดับสี') ?></div>
        <div class="panel-body">
            <div class="form-group">
                    <?php echo $this->Form->label('range', __( 'จำนวน' ), array('class' => 'col-md-4 control-label text-right')); ?>
                    <?php
                        echo $this->Form->input( 'range' , array(
                            'value' => $map_range,
                            'label' => false,
                            'class' => 'form-control required digits',
                            'div' => array('class' => 'col-md-4')
                        ) );
                    ?>
            </div>
        </div>
    </div>

<div class="form-group">
<div class="col-md-4 col-md-offset-4">
    <?php
    echo $this->Form->submit('submit', array(
                'label' => 'Save',
                'class' => 'btn btn-success'
        ));
    ?>

</div>
</div>
    <?php
        echo $this->Form->end();
     ?>

 <script>
    $(function(){
        $( '.colorpicker' ).colorpicker();
    });
 </script>