{header}

<div class="content-header row">
	<div class="content-header-left col-md-4 col-12 mb-2">
		<h3 class="content-header-title">{l_title_current}</h3>
	</div>
	<div class="content-header-right col-md-8 col-12">
		<div class="breadcrumbs-top float-md-right">
			<div class="breadcrumb-wrapper mr-1">
				<ol class="breadcrumb">
					<li class="breadcrumb-item">
						<a href="{url_main}administration/vids_users.php">{l_menu_vids_users}</a>
					</li>
					<li class="breadcrumb-item active">
						{l_title_current}
					</li>
				</ol>
			</div>
		</div>
	</div>
</div>

{menu_page}

<div class="content-body">

	<div class="alert alert-success border-0 alert-dismissible mb-2-1" role="alert">{l_changes_save}</div>
	<div class="alert alert-danger alert-dismissible mb-2-1" role="alert">{l_changes_delete}</div>

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_title_current}</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<h5>{user_name}</h5>
						<hr>

						<!-- begin_pages -->
						<div class="total_pages">
							<p class="num_total">{itemsTotal} {l_videos}</p>

							<ul class="pagination justify-content-center">
								{pager_li_modern}
							</ul>
						</div>
						<!-- end_pages -->

						<!-- begin_items -->
						<div class="table-responsive mb-2 mt-0">
							<table class="table table-striped table-hover mb-0 skin skin-flat table_nw">
								<thead class="bg-primary white">
									<th>{l_action}</th>
									<th>{l_id}</th>
									<th>{l_subject}</th>
									<th>{l_dt}</th>
								</thead>
								<tbody>
									<!-- begin_item -->
									<tr class="{item_class}" id="item_{item_id}">
										<td>
											<script>
											$(function() {
												$("#delete_{item_id}").click(function() {
													confirmCustom('{j_are_you_sure}',function(){
														$.get('{url_main}administration/vids_video_delete_ajax.php?id={item_id}');
														$('#item_{item_id}').remove();
													})
													return false
												})
											})
											</script>
											<a href="{url_main}administration/vids_video_edit.php?id={item_id}">{l_edit}</a>
											| <a href="#" id="delete_{item_id}">{l_delete}</a>
											<!-- begin_item_count_comments -->
											| <a href="{url_main}administration/vids_video_comments.php?id={item_id}">{l_comments} {item_count_comments}</a>
											<!-- end_item_count_comments -->
											<!-- begin_item_not_count_comments -->
											| {l_no_comments}
											<!-- end_item_not_count_comments -->
										</td>
										<td>{item_id}</td>
										<td>{item_subject}</td>
										<td>{item_dt_time}</td>
									</tr>
									<!-- end_item -->
								</tbody>
							</table>
						</div>
						<!-- end_items -->

						<!-- begin_noitems -->
						<div class="alert alert-light mb-2 alert-info-1" role="alert">
							{l_no_videos}
						</div>
						<!-- end_noitems -->

					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{footer}