<div id="ImageVideoUploadModel" class="modal fade bs-example-modal-md" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="margin-top: 100px !important">
    <div class="modal-dialog modal-md">
        <div class="modal-content gray_ttc" >
            <div class="modal-header" style="padding: 10px 20px 5px 10px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel" style="    font-size: 18px;font-weight: normal;color: #8899a6;text-align: center !important;">Upload photo</h4>
            </div>

            <div class="modal-body" style="background: #fff;padding-bottom: 0">
                <div class="row">
                    <div class="col-sm-12" style="margin-bottom: 15px;">
                        <div id="imageVideoView" class="col-sm-12 padding-zero" style="border: 1px solid #80c12c">
                            <span id="imageVideoTextArea" style="display: block;">
                                <textarea placeholder="What's happening ?" id="image_video_details" name="image_video_details" class="form-control" rows="3" style="max-width: 100%;border-bottom: 1px solid limegreen;border-top: none;border-left: none; border-right: none;"></textarea>
                            </span>

                            <span id="imageVideoTitle" style="display: none;">
                                <input class="form-control" type="text" id="image_video_title" name="image_video_title" value="">
                            </span>

                            <span id="imageVideoTag" style="display: none;">
                                <div class="form-group col-sm-12">
                                    <input class="col-sm-12"
                                           type="hidden" name="to_address" id="to_address" value="" >
                                    <div class="col-sm-12 padding-zero">
                                        <select name="image_video_tag_person[]"  
                                                id="image_video_tag_person" 
                                                class="tokenize-sample validate[]"
                                                title="" 
                                                multiple="multiple" style="margin: 0px; padding: 0px; border: 0px; display: none;">
                                                    <?php
                                                    if ($all_linked_person) {
                                                        foreach ($all_linked_person as $person_value) {
                                                            echo '<option value="' . $person_value->person_id . '">' . $person_value->person_first_name.' '.$person_value->person_last_name. '</option>';
                                                        }
                                                    }
                                                    ?>
                                        </select>
                                    </div>
                                    <script type="text/javascript">
                                        $('select#image_video_tag_person').tokenize({placeholder: "Please Select Person"});
                                    </script>
                                </div>
                            </span>


                            <div id="imageView" class="row" style="padding: 10px;height: 0px;overflow-y: scroll; display: none" >

                            </div>



                        </div>
                    </div>
                </div>
                <div class="row" style="background: #F2F9EA">
                    <div class="col-sm-12" style="padding: 10px">
                        <div class="col-sm-1  col-xs-3 form-group" title="Add Photos or Video">
                            <input tabindex="-1" 
                                   style="position: absolute; clip: rect(0px, 0px, 0px, 0px);" 
                                   id="imageVideo_file"
                                   name="imageVideo_file"
                                   multiple class="filestyle" data-icon="true" data-input="false" data-badge="false" data-buttonText=" " data-iconName="glyphicon glyphicon-camera" type="file" value="">
                            <input type="hidden" id="imageCounter" value="">
                            <input type="hidden" id="postType" value="">
                            <input type="hidden" id="removeImageCounter" value="">
                            <input type="hidden" id="uploadImageVideoUrl" value="<?php echo base_url() . 'post/upload_image_video' ?>">
                            <input type="hidden" id="defaultVideoPlayer" value="<?php echo base_url() . 'image/tt_single_video_view.png'; ?>">
                        </div>
                        <div class="col-sm-1 col-xs-3  form-group" title="Add Title">
                            <a href="javascript:void(0)" id="addTitle" class="btn btn-success"> <i class="fa fa-pencil" aria-hidden="true"></i></a>
                        </div>
                        <div class="col-sm-1 col-xs-3  form-group" title="Add Description">
                            <a href="javascript:void(0)" id="addDescription" class="btn btn-success"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                        </div>
                        <div class="col-sm-1 col-xs-3  form-group" title="Tags">
                            <a href="javascript:void(0)" id="addTags" class="btn btn-success"> <i class="fa fa-tags" aria-hidden="true"></i></a>
                        </div>
                        <div class="col-sm-1 col-xs-3  form-group" title="Add Location">
                            <a href="javascript:void(0)" id="addLocation" class="btn btn-success"> <i class="fa fa-location-arrow" aria-hidden="true"></i></a>
                        </div>
                        <div class="col-sm-3  col-xs-12 pull-right  form-group">
                            <a href="javascript:void(0)" id="uploadImage" class="btn btn-success"> Upload</a>
                        </div>
                    </div>
                </div>

            </div><!-- /.modal-content -->
        </div>

    </div>
</div>