{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/groups_social.php">{l_menu_groups_social_short}</a>
					</li>
					<li class="breadcrumb-item active">
						{l_title_current}
					</li>
				</ol>
			</div>
		</div>
	</div>
</div>

{menu_page}

<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">{message}</div>

<div class="content-body">
	<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">
						<!-- begin_main_pages -->
						<div class="total_pages">
							<p class="num_total">{num_total} {l_count_places}</p>

							<ul class="pagination justify-content-center">

								<!-- begin_main_first_page -->
								<li class="page-item first">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{l_page_1}</a>
								</li>
								<!-- end_main_first_page -->
								<!-- begin_main_prev_page -->
								<li class="page-item prev">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{l_prev}</a>
								</li>
								<!-- end_main_prev_page -->
								<!-- begin_main_prev_page_off -->
								<li class="page-item prev disabled">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{l_prev}</a>
								</li>
								<!-- end_main_prev_page_off -->
								<!-- begin_main_prev_pages -->
								<li class="page-item">
									<a href="{url_page}?offset={offset}{params}" class="page-link">&lt;&lt;</a>
								</li>
								<!-- end_main_prev_pages -->
								<!-- begin_main_page -->
								<!-- begin_main_link_page -->
								<li class="page-item">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{page}</a>
								</li>
								<!-- end_main_link_page -->
								<!-- begin_main_this_page -->
								<li class="page-item active">
									<a href="" onclick="return false;" class="page-link">{page}</a>
								</li>
								<!-- end_main_this_page -->
								<!-- end_main_page -->
								<!-- begin_main_next_pages -->
								<li class="page-item">
									<a href="{url_page}?offset={offset}{params}" class="page-link">&gt;&gt;</a>
								</li>
								<!-- end_main_next_pages -->
								<!-- begin_main_next_page -->
								<li class="page-item next">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{l_next}</a>
								</li>
								<!-- end_main_next_page -->
								<!-- begin_main_next_page_off -->
								<li class="page-item next disabled">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{l_next}</a>
								</li>
								<!-- end_main_next_page_off -->
								<!-- begin_main_last_page -->
								<li class="page-item last">
									<a href="{url_page}?offset={offset}{params}" class="page-link">{num_pages}</a>
								</li>
								<!-- end_main_last_page -->
							</ul>
						</div>
						<!-- end_main_pages -->
						<!-- begin_main_items -->
						<div class="table-responsive mb-2 mt-0">

							<table class="table table-striped table-hover mb-0 skin skin-flat table_nw table_f_sm">
								<thead class="bg-primary white">
									<th class="status_menu">
										<input class="status form-check-input i_checkbox" type="checkbox" id="all">
									</th>
									<th>{l_action}</th>
									<th>
										<!-- begin_params_none_title --><a href="{url_page}?{params_current}">{l_group_title}</a><!-- end_params_none_title -->
										<!-- begin_params_asc_title -->&uarr;<a href="{url_page}?{params_current}">{l_group_title}</a><!-- end_params_asc_title -->
										<!-- begin_params_desc_title -->&darr;<a href="{url_page}?{params_current}">{l_group_title}</a><!-- end_params_desc_title -->
									</th>
									<th>
										<!-- begin_params_none_user_name --><a href="{url_page}?{params_current}">{l_group_owner}</a><!-- end_params_none_user_name -->
										<!-- begin_params_asc_user_name -->&uarr;<a href="{url_page}?{params_current}">{l_group_owner}</a><!-- end_params_asc_user_name -->
										<!-- begin_params_desc_user_name -->&darr;<a href="{url_page}?{params_current}">{l_group_owner}</a><!-- end_params_desc_user_name -->
									</th>
									<th>
										<!-- begin_params_none_date --><a href="{url_page}?{params_current}">{l_group_date}</a><!-- end_params_none_date -->
										<!-- begin_params_asc_date -->&uarr;<a href="{url_page}?{params_current}">{l_group_date}</a><!-- end_params_asc_date -->
										<!-- begin_params_desc_date -->&darr;<a href="{url_page}?{params_current}">{l_group_date}</a><!-- end_params_desc_date -->
									</th>
								</thead>
								<tbody>
								<!-- begin_main_item -->
								<tr class="{class}">
									<td class="status_menu a_c">
										<input class="status form-check-input i_checkbox" type="checkbox" id="chk_{group_id}">
									</td>
									<td>
										<a href="" onclick="confirmCustom('{j_are_you_sure}',function(){one_delete('{group_id}')}); return false;">{l_delete}</a>
										|
										<a href="" onclick="confirmCustom('{j_are_you_sure}',function(){ban('{group_id}')}); return false;">{ban_global}</a>
										|
										<a href="groups_social_edit.php?group_id={group_id}">{l_edit}</a>
									</td>
									<td><a href="../{group_url}" target="_blank">{title}</a></td>
									<td><a href="../{user_url}" target="_blank">{user_name}</a></td>
									<td>{date}</td>
								</tr>
								<!-- end_main_item -->
								</tbody>
							</table>
						</div>
						<!-- end_main_items -->
						<!-- begin_no_delete -->
						<div class="wrap_button">
							<button class="btn btn-secondary mt-1 mb-1" onclick="confirmCustom('{j_are_you_sure}',function(){delete_groups()}); return false;">{l_delete}</button>
						</div>
						<!-- end_no_delete -->

						<!-- begin_main_noitems -->
						<div class="alert alert-light mb-2 alert-info-1" role="alert">
                            {l_no_items}
                        </div>
						<!-- end_main_noitems -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
    $(function(){
        var CBoxNote = function (ch, chkbox){
            if(ch.is(':checked')) {
                chkbox.prop("checked", true).iCheck('update');
            }else{
                chkbox.prop("checked", false).iCheck('update');
            }
        }
        $('#all').change(function(){
            CBoxNote($(this), $('[id ^= chk_]'))
        })
    })

    function delete_groups() {
        var StrID = '';
        $('[id ^= chk_]:checked').each(function(){
            StrID += ($(this).attr("id").replace(/chk_/g, '')+',')
        })
        var groups = StrID.slice(0, -1);
        redirectUrl('{url_page}?delete='+groups+'&offset={offset}');
    }

    function one_delete(gid) {
        redirectUrl('{url_page}?delete='+gid+'&offset={offset}');
    }

    function ban(gid) {
        redirectUrl('{url_page}?ban='+gid+'&offset={offset}');
    }
</script>

{footer}