{assign var='custom_upload_fields' value=$Upload->load_custom_upload_fields($data,TRUE)}
{assign var='video_fields' value=$Upload->load_video_fields($data)}
{if $data.title neq ""}
<form action="" method="post" name="edit_video" id="edit_video">
    <div class="row">
        <div class="col-md-6">
        <div class="lead">Editing <b>{$data.title}</b>
            </div>
            <div class="tabbable">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active">
                        <a data-toggle="tab" href="#impdetails">
                            Video Details
                            <span class="glyphicon glyphicon-facetime-video"></span>
                        </a>
                    </li>
                    <li class="">
                        <a data-toggle="tab" href="#uinformation">
                            <i class="glyphicon glyphicon-user"></i>
                            Uploader Information
                        </a>
                    </li>
                    <li class="">
                        <a data-toggle="tab" href="#videostats">
                            Video Stats
                            <span class="glyphicon glyphicon-stats"></span>
                        </a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div id="impdetails" class="tab-pane active">
                        <legend>Video Details</legend>
                        <div class="table table-responsive">
                            <table class="table table-bordered">
                                <tr>
                                    <td class="alert-info"><label for="videoid">Video Id</label></td>
                                    <td><input class="form-control" disabled="disabled" name="videoid1" type="text" id="videoid"  value="{$data.videoid}" size="45"/></td>
                                    <input class="form-control" name="videoid" type="hidden" id="videoid"  value="{$data.videoid}"/>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label for="videokey">Video Key</label></td>
                                    <td><input class="form-control" disabled="disabled" name="videokey" type="text" id="videokey" value="{$data.videokey}" size="45"/></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label for="filename">File Name</label></td>
                                    <td><input class="form-control" disabled="disabled" name="filename" type="text" id="filename" value="{$data.file_name}" size="45"/></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label for="filename">Uploaded Date</label></td>
                                    <td><input class="form-control" disabled="disabled" name="date" type="text" id="date" value="{$data.datecreated|niceTime}" size="45"/></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label for="filename">Duration</label></td>
                                    <td><input class="form-control" disabled="disabled" name="duration" type="text" id="duration" value="{$data.duration|number_format} (seconds)" size="45"/></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label for="totalvideos">Total Video Files</label></td>
                                    <td><input type="text" value="{get_all_video_files vdetails=$data count_only=true}" class="form-control" disabled="disabled">
                                        <a href="view_conversion_log.php?file_name={$data.file_name}">
                                            <label>View File Details and Conversion Log</label></a></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label>Total Thumbnails</label></td>
                                    <td> <input type="text" value="{get_thumb vdetails=$data count_only=true}" class="form-control" disabled="disabled"></td>
                                </tr>
                            </table>
                        </div>
                        <div class="widget-header">
                            <h5><b>Video Thumbnails</b></h5>
                            </div>
                        <br>
                        <div class="dropdown">
                            <a class="btn btn-primary btn-sm dropdown-toggle pull-right" data-toggle="dropdown" href="">Manage Thumbs  <i class="caret"></i></a>
                            <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu">
                                {if $data.embeded !=yes}
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="upload_thumbs.php?video={$data.videoid}&gen_more=true">Regenerate</a>{/if}
                                </li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="upload_thumbs.php?video={$data.videoid}">Manage</a></li>
                            </ul>
                        </div>
                        <br><br><br><br>
                        <div class="row">
                            <div class="col-md-12">
                                {assign var=vidthumbs value=get_thumb($data,1,TRUE,FALSE,TRUE,FALSE)}
                                {foreach from=$vidthumbs item=vid_thumb}
                                <div class="col-md-2">
                                    <ul class="ace-thumbnails">
                                        <li>
                                            <img src="{$vid_thumb}" width="100" height="100">
                                            <div class="tools">
                                                <input type="radio" value="{$vid_thumb|getname}.{$vid_thumb|getext}" id="{$vid_thumb|getname}" name="default_thumb" {if $data.default_thumb==$vid_thumb|get_thumb_num} checked="checked"{/if} />
                                                {if $vid_thumb|getname!='processing'}
                                                <a href="?video={$data.videoid}&delete={$vid_thumb|getname}.{$vid_thumb|getext}">
                                                    <i class="icon-remove red"></i></a>
                                            </div>
                                        </li>
                                    </ul>
                                    {/if}
                                </div>
                                {/foreach}
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="table">
                                    <label class="status">Status</label>
                                    <select class="form-control" name="status">
                                        <option class="form-control" value="Successful" {if $data.status=='Successful'} selected {/if}>Successfull</option>
                                        <option class="form-control" value="processing" {if $data.status=='Processing'} selected {/if}>Processing</option>
                                        <option class="form-control" value="Failed"{if $data.status=='Failed'} selected {/if}>Failed</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <label for="duration">Duration:</label>
                                <input type="text" class="form-control" value="{$data.duration}    (Seconds) ">
                            </div>
                        </div>

                    </div>
                    <div id="uinformation" class="tab-pane">
                        <legend>Uploader Information</legend>
                        <div class="form-group">
                            <img src="{$userquery->getUserThumb($u,'small')}" class="btn btn-app btn-primary btn-xs" />
                        </div>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <tr>
                                    <td class="alert-info"><label class="alert-info">User Id</label></td>
                                    <td><input type="text" value="{$data.userid}" disabled="disabled" class="form-control"></label></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label class="alert-info">User Name</label></td>
                                    <td><input class="form-control" disabled="disabled" type="text" value="{$data.userid|get_username}"></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label class="alert-info">Age</label></td>
                                    <td><input class="form-control" disabled="disabled" type="text" value="{$u.dob|niceTime}"></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label class="alert-info">Joined</label></td>
                                    <td><input class="form-control" disabled="disabled" type="text" value="{$u.doj|niceTime}"></td>
                                </tr>
                                <tr>
                                    <td class="alert-info"><label class="alert-info">Last Online</label></td>
                                    <td><input class="form-control" disabled="disabled" type="text" value="{$data.userid|get_username}"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div id="videostats" class="tab-pane">
                        <legend>Video Stats</legend>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <tr>
                                <td class="alert-info">
                                    <label for="views">Views</label></td>
                                    <td><input class="form-control" name="views" type="text" id="views" value="{$data.views}" size="45"/></td>
                                </tr>
                                <tr>
                                <td class="alert-info">
                                    <label for="rating">Rating</label></td>
                                    <td><input class="form-control" name="rating" type="text" id="rating" value="{$data.rating}" size="5"/>
                                    of 10</td>
                                </tr>
                                <tr>
                                    <td class="alert-info">
                                    <label for="rated_by">RatedBy</label></td>
                                    <td><input class="form-control" name="rated_by" type="text" id="rated_by" value="{$data.rated_by}" size="45"/></td>
                                </tr>
                                </table>
                                <legend>Custom Upload Fields</legend>
                                {foreach from=$custom_upload_fields item=field}
                                <div class="form-group">
                                    <label>{$field.title}</label>
                                    {$field.hint_1}{ANCHOR place=$field.anchor_before}{$formObj->createField($field)}
                                    <br>
                                    {$field.hint_2}
                                </div>
                                {/foreach}
                                <div class="form-group">
                                    <input type="submit" class="btn btn-primary btn-sm" value="Update video details" style="margin:5px 0px 15px 0px" name="update">
                                </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>








            <div class="col-md-6">
            <span class="btn btn-app btn-sm btn-light no-hover">
													<span class="line-height-1 bigger-170 blue">{$data.views}</span>
													<br>
													<span class="line-height-1 smaller-90"> Views </span>
												</span>
            <span class="btn btn-app btn-sm btn-yellow no-hover">
													<span class="line-height-1 bigger-170"> {$data.comments_count} </span>

													<br>
													<span class="line-height-1 smaller-90"> Comments </span>
												</span>
            <span class="btn btn-app btn-sm btn-pink no-hover">
													<span class="line-height-1 bigger-170"> {if $data.active=='yes'}<span class="glyphicon glyphicon-ok"></span>
                                                        {else}<span class="glyphicon glyphicon-remove">{/if}</span>
													<br>
													<span class="line-height-1 smaller-90"> Active </span>
												</span>
                </span>
            <span class="btn btn-app btn-sm btn-grey no-hover">
													<span class="line-height-1 bigger-170">{if $data.featured=='yes'}<span class="glyphicon glyphicon-ok"></span>
                                                        {else}<span class="glyphicon glyphicon-remove">{/if}</span>
													<br>
													<span class="line-height-1 smaller-90"> Featured </span>
												</span>
                </span>
            <span class="btn btn-app btn-sm btn-success no-hover">
													<span class="line-height-1 bigger-170"> {$data.editorpick} </span>

													<br>
													<span class="line-height-1 smaller-90"> Editor Pick </span>
												</span>
            <span class="btn btn-app btn-sm btn-primary no-hover">
                {section name=list loop=$flagedVideos}
													<span class="line-height-1 bigger-170"> {$flagedVideos[list].total_flags} </span>
                {/section}
													<br>
													<span class="line-height-1 smaller-90"> Flagged </span>
												</span>
            </div>
        <div class="col-sm-6 col-md-6 col-lg-6 col x1-12 pull-right">
            <div class="head">Viewing {$data.title}
                {FlashPlayer vdetails=$video width='100%' height='100%'}
                {foreach from=$video_fields item=field_group}
                <legend>{$field_group.group_name}</legend>
                {foreach from=$field_group.fields item=field}
                <div class="table">
                    {$field.class='form-control'}
                    <label><strong>{$field.title}</strong></label><br>
                    {if $field.type=='radio'}
                    {$field.class='form-control'}
                    {else}
                    {$field.class='form-control'}
                    {/if}
                    {if $field.hint_1}
                    {$field.hint_1}<br/>
                    {/if}
                    {$formObj->createField($field)}
                    {if $field.hint_2}<br/>
                    {$field.hint_2}
                    {/if}
                </div>
                {/foreach}
                {/foreach}
            </div>
        </div>
    </div>
</form>

<div class="widget-box">
    <div class="widget-header">

        <h5>{$data.title}- <b>Comments</b></h5>

        <div class="widget-toolbar">
            <a href="#" data-action="reload">
                <i class="icon-refresh"></i>
            </a>

            <a href="#" data-action="collapse">
                <i class="icon-chevron-up"></i>
            </a>

            <a href="#" data-action="close">
                <i class="icon-remove"></i>
            </a>
        </div>
    </div>
    <div class="widget-body">
        <div class="widget-main">
            <div class="slimScrollDiv">
                {foreach from=$comments item=comment}
                <div class="itemdiv dialogdiv">
                    {foreach from=$users item=u}
                    <div class="user">
                        <img alt="Alexa's Avatar" src="{$userquery->getUserThumb($u,'small')}">
                    </div>
                    {/foreach}
                    <div class="body">
                        <div class="time">
                            <i class="icon-time"></i>
                            <span class="green">{$comment.date_added|date_format}</span>
                        </div>
                        <div class="name">
                            <a href="#">{$comment.anonym_name}</a>
                        </div>
                        <div class="text">{$comment.comment}</div>
                        <div class="tools">
                            <a href="#" class="btn btn-minier btn-info">
                                <i class="icon-only icon-share-alt"></i>
                            </a>
                        </div>
                    </div>
                </div>
                {/foreach}
            </div>
        </div><!-- /widget-main -->
    </div>
    {/if}

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
    $(document).ready(function(){
        $( "#datecreated" ).datepicker({
            showOtherMonths: true,
            selectOtherMonths: false,
            dateFormat:"yy-mm-dd"
        });
    });
</script>



</div>