<?php echo $this->Form->create('Activity', array( 'type' => 'file', 'class' => 'form-horizontal admin')); ?>
<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('name',
                sprintf('%s <b class="form-required">*</b>', __('ชื่อกิจกรรม')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('name', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6'
                ));
        ?>
        </div>

        <div class="form-group">
        <?php
            echo $this->Form->label('started',
                sprintf('%s <b class="form-required">*</b>', __('วันที่เริ่มกิจกรรม')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('started', array(
                'label' => false,
                'before' => '<span class="input-group-addon glyphicon glyphicon-calendar"></span>',
                'type' => 'text',
                'class' => 'form-control datepicker required',
                'div' => 'col-md-6 input-group',
                'dateFormat' => 'YMD'
            ));
        ?>
        </div>

        <div class="form-group">
        <?php
            echo $this->Form->label('ended',
                sprintf('%s <b class="form-required">*</b>', __('วันที่สิ้นสุดกิจกรรม')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('ended', array(
                'label' => false,
                'before' => '<span class="input-group-addon glyphicon glyphicon-calendar"></span>',
                'type' => 'text',
                'class' => 'form-control datepicker required',
                'div' => 'col-md-6 input-group'
            ));
        ?>
        </div>

        <div class="form-group">
        <?php
            echo $this->Form->label('address',
                sprintf('%s <b class="form-required">*</b>', __('สถานที่จัดกิจกรรม')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('address', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6'
                ));
        ?>
        </div>

        <div class="district-filter">
            <div class="form-group">
                <?php
                    echo $this->Form->label('province_id',
                        sprintf('%s <b class="form-required">*</b>', __('จังหวัด')),
                        array('class' => 'col-md-4 control-label text-right'));
                    echo $this->Form->input('province_id', array(
                            'options' => $provinces,
                            'label' => false,
                            'class' => 'form-control required selected-province',
                            'data-name' => 'districts',
                            'div' => 'col-md-6',
                            'empty' => __('เลือกจังหวัด')
                        ));
                ?>
            </div>
            <div class="form-group">
            <?php
                echo $this->Form->label('district_id',
                    sprintf('%s <b class="form-required">*</b>', __('อำเภอ')),
                    array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('district_id', array(
                    'options'   => isset( $currentDistricts) ? $currentDistricts : array(),
                    'label'     => false,
                    'class'     => 'form-control required district-select',
                    'div'       => 'col-md-6',
                    'disabled' => !isset( $currentDistricts ),
                ));
            ?>
            </div>
        </div>

        <div class="form-group">
        <?php
            echo $this->Form->label('description',
                sprintf('%s <b class="form-required">*</b>', __('รายละเอียดกิจกรรม')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('description', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6'
                ));
        ?>
        </div>

        <div class="form-group">
        <?php
            echo $this->Form->label('expected',
                sprintf('%s <b class="form-required">*</b>', __('จำนวนสมาชิกที่คาดว่าจะมาร่วมงาน')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('expected', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6',
                    'min' => 0,
                    'max' => 9999,
                    'pattern' => "\d*",
                ));
        ?>
        </div>
        <div class="form-group">
        <?php
            echo $this->Form->label('budget',
                sprintf('%s <b class="form-required">*</b>', __('งบประมาณที่ใช้ (บาท)')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('budget', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6',
                    'min' => 0,
                    'max' => 4200000000, // ~4.2 billion - unsigned int has a limit of 4294967295
                    'pattern' => "\d*",
                ));
        ?>
        </div>
        <div class="form-group">
        <?php
            echo $this->Form->label('satisfaction',
                sprintf('%s <b class="form-required">*</b>', __('ความพึงพอใจ (%)')),
                array('class' => 'col-md-4 control-label text-right'));
            echo $this->Form->input('satisfaction', array(
                    'label' => false,
                    'class' => 'form-control required',
                    'div' => 'col-md-6',
                    'min' => 0,
                    'max' => 100,
                    'pattern' => "\d*",
                ));
        ?>
        </div>
    </div>
</div>
<div class="district-filter panel panel-default">
    <div class="panel-heading"><?php echo __('เพิ่มประธานกิจกรรม') ?></div>
    <div class="panel-body">
        <div class="add-chief">
            <div class="form-group">
                <?php
                    echo $this->Form->label('chief-list', __('เลือกประธานกิจกรรม'), array('class' => 'col-md-4 control-label text-right'));
                    echo $this->Form->input('chief-list', array(
                            'options' => $chiefsList,
                            'label' => false,
                            'class' => 'form-control',
                            'div' => 'col-md-4',
                        ));

                    echo $this->Html->link(__(' + '), '#', array( 'class' => 'btn btn-success add-network', 'data-name' => 'Chief' ));

                ?>
                <div class="col-md-offset-4 col-md-4">
                    <?php echo __('หรือ '); ?>
                    <?php  echo $this->Html->link(__('เพิ่มประธานกิจกรรมใหม่'),
                            array('controller' => 'chiefs', 'action' => 'add', 'admin' => true),
                            array()); ?>
                </div>
            </div>
            <div class="form-group">
            <?php
                echo $this->Form->label('Chief',
                    sprintf('%s', __('ประธานกิจกรรม')),
                    array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('Chief', array(
                        'label' => false,
                        'class' => 'form-control',
                        'div' => 'col-md-6 network-append',
                        'multiple' => 'checkbox'
                    ));
            ?>
            </div>
        </div>
    </div>
</div>

<div class="district-filter panel panel-default">
    <div class="panel-heading"><?php echo __('เพิ่มสมาชิกเครือข่ายที่เข้าร่วมกิจกรรม') ?></div>
    <div class="panel-body">
        <div class="add-org">
            <div class="form-group">
                <?php
                    echo $this->Form->label('organization-list', __('เลือกเครือข่ายองค์กร'), array('class' => 'col-md-4 control-label text-right'));
                    echo $this->Form->input('organization-list', array(
                            'options' => $organizationsList,
                            'label' => false,
                            'class' => 'form-control',
                            'div' => 'col-md-4',
                        ));

                    echo $this->Html->link(__(' + '), '#', array( 'class' => 'btn btn-success add-network', 'data-name' => 'Organization' ));
                ?>
                <div class="col-md-offset-4 col-md-4">
                    <?php echo __('หรือ '); ?>
                    <?php  echo $this->Html->link(__('เพิ่มเครือข่ายองค์กรใหม่'),
                            array('controller' => 'organizations', 'action' => 'add', 'admin' => true),
                            array()); ?>
                </div>
            </div>
            <div class="form-group">
            <?php
                echo $this->Form->label('Organization',
                    sprintf('%s', __('องค์กร')),
                    array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('Organization', array(
                        'label' => false,
                        'class' => 'form-control',
                        'div' => 'col-md-6 network-append',
                        'multiple' => 'checkbox'
                    ));
            ?>
            </div>
        </div>
        <div class="add-people">
            <div class="form-group">
                <?php
                    echo $this->Form->label('people-list', __('เลือกเครือข่ายภาคบุคคล'), array('class' => 'col-md-4 control-label text-right'));
                    echo $this->Form->input('people-list', array(
                            'options' => $peopleList,
                            'label' => false,
                            'class' => 'form-control',
                            'div' => 'col-md-4',
                        ));
                    echo $this->Html->link(__(' + '), '#', array( 'class' => 'btn btn-success add-network', 'data-name' => 'Person'));
                ?>
                <div class="col-md-offset-4 col-md-4">
                    <?php echo __('หรือ '); ?>
                    <?php  echo $this->Html->link(__('เพิ่มเครือข่ายยบุคคลใหม่'),
                            array('controller' => 'people', 'action' => 'add', 'admin' => true),
                            array()); ?>
                </div>
            </div>
            <div class="form-group">
            <?php
                echo $this->Form->label('Person',
                    sprintf('%s', __('เครือข่ายบุคคล')),
                    array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('Person', array(
                        'label' => false,
                        'class' => 'form-control',
                        'div' => 'col-md-6 network-append',
                        'multiple' => 'checkbox'
                    ));
            ?>
            </div>
        </div>
    </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('Topic', __('ประเภทสิทธิหลัก'), array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('Topic', array(
                        'label' => false,
                        'class' => 'form-control selected-province',
                        'div' => 'col-md-6',
                        'data-name' => 'subtopics',
                        'empty' => '- เลือกประเภทสิทธิหลัก -'
                    ));
            ?>
        </div>
        <div class="form-group">
            <?php
                echo $this->Form->label('subtopiclist', __('ประเภทสิทธิย่อย'), array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('subtopiclist', array(
                        'options' => array(),
                        'label' => false,
                        'class' => 'form-control district-select',
                        'div' => 'col-md-4',
                        'disabled' => true
                    ));

                echo $this->Html->link(__(' + '),
                    '#',
                    array(
                        'class' => 'btn btn-success addArea',
                        'data-name' => 'subtopics',
                        'disabled' => true
                ));
            ?>
        </div>
        <div class="form-group">
            <?php
                echo $this->Form->label('Subtopic',
                    sprintf('%s', __('ประเภทสิทธิ')),
                    array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('Subtopic', array(
                        'label' => false,
                        'class' => 'form-control required',
                        'multiple' => 'checkbox',
                        'div' => 'col-md-6 area-list'
                    ));
            ?>
        </div>
    </div>
</div><!-- Topic and subtopic -->

<div class="district-filter panel panel-default">
    <div class="panel-heading"><?php echo __('เพิ่มรูปภาพ/วิดีโอ สำหรับกิจกรรม') ?></div>
    <div class="panel-body">
        <div class="form-group">
            <div class="col-md-8 col-md-offset-2">
                <p class="fileupload-warning">
                    สามารถเลือกรูปภาพ หรือวิดีโอเพื่ออัพโหลดสำหรับกิจกรรม โดยสามารถเลือกไฟล์ที่มีนามสกุลดังต่อไปนี้เท่านั้น <strong>WMV, MP4, AVI, MPEG, PNG, JPG, GIF</strong>.
                </p>
            </div>
        </div>
        <div class="form-group">
            <?php
                echo $this->Form->label('photos', __('เลือกรูปภาพ หรือวิดีโอ'), array('class' => 'col-md-4 control-label text-right'));
                echo $this->Form->input('File.upload', array(
                        'id' => 'fileupload',
                        'type' => 'file',
                        'label' => false,
                        'class' => 'form-control',
                        'div' => 'col-md-6',
                        'multiple' => true
                    ));
            ?>
        </div>
        <div class="form-group">
            <?php echo $this->Form->label('NewPhotos', __('รูปภาพและวิดีโอที่ถูกเลือก'), array('class' => 'col-md-4 control-label text-right')); ?>
            <div class="col-md-6">
                <div id="progress" class="progress">
                    <div class="progress-bar"></div>
                </div>
                <ol id="upload-photos" class="list-photos">
                </ol>
            </div>
        </div>
        <div class="form-group">
            <?php echo $this->Form->label('AttachedPhotos', __('รูปภาพและวิดีโอที่มีอยู่แล้ว'), array('class' => 'col-md-4 control-label text-right')); ?>
            <ul id="existing-photos"  class="list-photos">
                <?php $nPhotos = isset( $this->request->data['Photo'] ) ? count( $this->request->data['Photo'] ) : 0; ?>
                <?php for( $i = 0; $i < $nPhotos; $i++) : ?>
                    <li>
                        <?php
                        $photo = $this->request->data['Photo'][$i];
                        if ( preg_match('/\.mp4/', $photo['name'])
                            || preg_match('/\.ogv/', $photo['name'])
                            || preg_match('/\.vmv/', $photo['name'])
                            || preg_match('/\.avi/', $photo['name'])
                            || preg_match('/\.webm/', $photo['name']) ) :
                            $videoPath = '\/img\/' . $photos_url . '/' . $photo['name']; ?>
                        <div id="video-<?php echo $photo['id']; ?>">
                        </div>
                        <script type="text/javascript">
                            jwplayer("video-<?php echo $photo['id']; ?>").setup({
                                file: "<?php echo $videoPath; ?>",
                                height: 180,
                                image: "",
                                width: 320
                            });
                        </script>
                        <?php else :
                            echo $this->Html->image( $photos_url . '/' . $photo['name'], array( 'alt'   => $photo['name']) );
                        endif;
                        ?>
                        <?php echo $this->Form->input( 'File.delete.' . $i, array(
                                    'type' => 'checkbox',
                                    'class' => '',
                                    'value' => $photo['id'],
                                    'hiddenField' => false,
                                    'label' => array( 'text' => 'delete' ),
                                    'div' => 'form-control',
                                    'legend' => false,
                                ));
                        ?>
                    </li>
                <?php endfor; ?>
            </ul>
        </div>
    </div>
</div>
<div class="form-group">
    <?php
        echo $this->Form->end(array(
                'label' => $submit_label,
                'class' => 'btn btn-success',
                'div' => 'col-md-offset-4 col-md-4'
        ));

    ?>
</div>
<script>
/*jslint unparam: true */
/*global window, $ */
$(function () {
    'use strict';
    var requestUrl = '<?php echo Router::url( array( 'controller' => 'activities', 'action' => 'add_photo', 'admin' => true ), true ); ?>';

    $('#fileupload').fileupload({
        url: requestUrl,
        dataType: 'json',
        // mask the submit button when uploading files
        add: function (e, data) {
            $( '#sbm_activity' ).hide();
            data.submit();
        },
        // show the button after files have been sent (success or failure)
        always: function (e, data) {
            $( '#sbm_activity' ).show();
        },
        // display the overall progress
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        },
        // a file has been uploaded, add it to the list of uploaded photos
        done: function (e, data) {
            var result = data.result;
            var $li;

            if( result.error === 1 ) {
                alert( result.data );
                return;
            }

            var nLi = $( '#upload-photos > li' ).length;

            $li = $( '<li/>' );
            $li.append( '<p>' + result.data + '</p>' );
            $li.append( '<input type="hidden" name="upload_photos[' + nLi + ']" value="' + result.data + '" />' );

            $( '#upload-photos' ).append( $li );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>

<?php echo $this->Html->css( array( 'jquery.fileupload-ui.css' ) ); ?>
<?php echo $this->Html->script( array(
        // The jQuery UI widget factory, can be omitted if jQuery UI is already included
        'jquery.ui.widget.js',
        // <!-- The Iframe Transport is required for browsers without support for XHR file uploads
        'jquery.iframe-transport.js',
        // The basic File Upload plugin
        'jquery.fileupload.js' ) ); ?>