<?php echo $this->element('filter-start'); ?>
<?php echo $this->element('filter-end'); ?>
<div class="container">
    <div class="frontend-content">
        <div class="row">
            <div class="col-md-12">
                <div class="page-header text-center">
                    <?php /*if ( !empty($activity['Photo']) ) : ?>
                        <?php echo $this->Html->image(
                                    $photos_url . '/' . $activity['Photo'][0]['name'],
                                    array(
                                        'alt'   => $activity['Photo'][0]['name'],
                                        'title'   => $activity['Photo'][0]['name'],
                                        'class' => 'logo-detail'
                                    ));
                        ?>
                    <?php endif; */ ?>
                    <h2 class="frontend-content-title">
                        <?php echo $activity['Activity']['name']; ?>
                        <?php echo $this->element('export-view-pdf', array('id' => $activity['Activity']['id'])); ?>
                    </h2>
                </div><!-- .page-header -->
            </div><!-- .col-md-12 -->
        </div><!-- .row -->

        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('ข้อมูลทั่วไป'); ?></h3>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('สถานที่จัดกิจกรรม'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['Activity']['address']; ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('อำเภอ'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['District']['name']; ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('จังหวัด'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $provinces[$activity['District']['province_id']]; ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('สมาชิกที่คาดว่าจะร่วมงาน'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['Activity']['expected'] . __(' คน'); ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('วันที่เริ่มกิจกรรม'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['Activity']['started']; ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('วันที่สิ้นสุดกิจกรรม'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['Activity']['ended']; ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('งบประมาณที่ใช้'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $this->Number->currency($activity['Activity']['budget'], '',
                            array('places' => 0)); ?>&nbsp;<?php echo __('บาท'); ?></div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><strong><?php echo __('ความพึงพอใจ'); ?>:</strong></div>
                            <div class="col-md-5"><?php echo $activity['Activity']['satisfaction']; ?>%</div>
                        </div>
                    </div>
                </div>

                <!-- Description -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('รายละเอียดกิจกรรม'); ?></h3>
                    </div>
                    <div class="panel-body">
                        <?php echo $activity['Activity']['description']; ?>
                    </div>
                </div>
            </div> <!-- Col-md-6 -->

            <div class="col-md-6">
                <!-- MOU -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('คณะกรรมการ'); ?></h3>
                    </div>
                    <div class="panel-body">
                        <ol>
                            <?php for ( $i = 0; $i < count($activity['Chief']); $i++  ) : ?>
                                <li><?php echo $activity['Chief'][$i]['name']; ?></li>
                            <?php endfor; ?>
                        </ol>
                    </div>
                </div>

                <!-- Visitor -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('สมาชิกเครือข่ายที่เข้าร่วมกิจกรรม'); ?></h3>
                    </div>
                    <div class="panel-body text-center"><strong>
                        <?php echo __('สมาชิกเข้าร่วมทั้งหมด ') . ( $activity['ActivitiesOrganization'] + $activity['ActivitiesPerson'] . __(' คน') ); ?></strong>
                        <hr>
                        <div class="row">
                            <div class="col-md-5 text-right"><?php echo __('เครือข่ายบุคคล'); ?> : </div>
                            <div class="col-md-5 text-left">
                                <?php echo $this->Html->link( $activity['ActivitiesPerson'] . __(' คน'), '#',
                                                            array(
                                                                'class' => 'org-visitor',
                                                                'data-model' => 'Person'
                                                                ));?>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5 text-right"><?php echo __('เครือข่ายองค์กร'); ?> : </div>
                            <div class="col-md-5 text-left">
                                <?php echo $this->Html->link( $activity['ActivitiesOrganization'] . __(' คน'), '#',
                                                            array(
                                                                'class' => 'org-visitor',
                                                                'data-model' => 'Organization'
                                                                ));?>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Subtopic -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('ประเภทสิทธิ'); ?></h3>
                    </div>
                    <div class="panel-body">
                        <ol>
                            <?php for ( $j = 0; $j < count($activity['Subtopic']); $j++ ) : ?>
                                <li><?php echo $activity['Subtopic'][$j]['name']; ?></li>
                            <?php endfor; ?>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php echo __('ภาพและวิดีโอสำหรับกิจกรรม'); ?></h3>
                    </div>
                    <div class="panel-body">
                        <?php if ( !empty($activity['Photo']) ) : ?>
                            <ul class="activity-gallery">
                                <?php for ( $k = 0; $k < count($activity['Photo']); $k++ ) :
                                    $photo_name = $activity['Photo'][$k]['name']; ?>
                                    <li>
                                        <?php

                                        if ( preg_match('/\.mp4/', $photo_name)
                                        || preg_match('/\.ogv/', $photo_name)
                                        || preg_match('/\.wmv/', $photo_name)
                                        || preg_match('/\.avi/', $photo_name)
                                        || preg_match('/\.mpeg/', $photo_name)
                                        || preg_match('/\.webm/', $photo_name) ) :
                                        $videoPath = $this->webroot . IMAGES_URL . $photos_url . '/' . $photo_name; ?>
                                        <div id="video-<?php echo $activity['Photo'][$k]['id']; ?>">
                                        </div>
                                        <script type="text/javascript">
                                            jwplayer("video-<?php echo $activity['Photo'][$k]['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,
                                                'title'   => $photo_name
                                            ));
                                        endif;
                            ?>
                                    </li>
                                <?php endfor; ?>
                            </ul>
                        <?php else : ?>
                            <p class="text-center">
                                <strong><?php echo __('ไม่มีภาพ และวิดีโอสำหรับกิจกรรม'); ?></strong>
                            </p>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- Frontend -->
</div><!-- container -->
<div id="a"></div>
<!-- Modal -->
<script type="text/html" id='usageList'>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"><?php echo __('รายชื่อสมาชิกเครือข่าย');?></h4>
            </div>
            <div class="modal-body">
                <ul>
                    <% _.each(items,function(item, list) { %>
                        <li><%= item %></li>
                    <% }); %>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</script>
<script>
    $(function() {
        $('.org-visitor').on('click', function(e) {
            e.preventDefault();

            var id = <?php echo $activity['Activity']['id']; ?>;
            var type = $(this).data('model');
            var template = $("#usageList").html();

            $.getJSON(HRR.baseUrl + 'activities/getVisitors/' + id + '/' + type, function(result) {
                $('#a').html( _.template( template,{items:result} ) );
                $('#myModal').modal('show');
            });
        });
    });
</script>