{% extends (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
	<li>{{ 'Flip Books' |trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-list"></i>{{ 'Flip Book List' |trans }}</h1>{% endblock main_page_title %}
{% block main_content %}
<div class="dashboard-list-block">
	<div class="tab-block" id="js-user-tab-list">
		<!-- Search Block Start -->
			<form name="order-page-container" action="{{ path('office_brain_flipbookbundle_flipbookadmin_list')}} " id="order-page-container" method="POST" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='order-page-container' data-container-id='js_search_list'>
<div class="">
	<nav class="navbar navbar-default top-dropdown">
        <div class="container-fluid">
            <div class="row">
            	<div class="row">
                	<div class="col-xs-12 text-center red ">
					{% for flashMessage in app.session.flashbag.get('error') %}
					    	<strong> {{ flashMessage }} </strong>
					{% endfor %}
					</div>              
	            </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <form method="get">
                        <div class="top-title-form search-width">
	                            <div class="row">
	                                <div class="col-lg-12 col-sm-12 col-md-12">	                                    
	                                    <input type="text" name="keywords" placeholder="Enter Title" class="form-control js-search-field" id="keywords" />
	                                    <i class="fa-search fa search-btn"></i>
	                                </div>
	                            </div>
                        	</div>
	                        <div class="top-title-form">
	                       		 <div class="row">
									<div class="col-lg-12 col-sm-12 col-md-12">
										<input type="submit" class="button-secondary js-seo-search-btn" value="{{ 'user.search'|trans }}">
									</div>
								</div>
							</div>
                    </form>
                    <div class="top-title-form pull-right"><a  href="{{ path('office_brain_flipbookbundle_flipbookadmin_create') }}" class="admin-custom-btn"><i class="fa fa-plus"></i>{{ 'Add Flipbook' |trans }}</a></div>
                </div>
            </div>
        </div>
    </nav>
		<!-- Search Block End -->
		<div class="table-block table-content-res-block">
			<div class="table-responsive">
				<table id="tableListBlogCategory" class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>{{ 'ID' |trans }}</th>
							<th>{{ 'Title' |trans }}</th>
							<th>{{ 'Short Code' |trans }}</th>
							<th>{{ 'Embed Link' |trans }}</th>
							<th>{{ 'Status' |trans }}</th>
							<th>{{ 'Action' |trans }}</th>
						</tr>
					</thead>
					 <tbody  id="js_search_list">
					 	 {% block ajax_body %}
							{% if (data|length > 0) %} 
						     {% set i=1 %}
							 {% for entity in data %}
								<tr id="row_{{entity.id}}">
									<td>{{entity.id}}</td>
									<td>{{ entity.title}}</td>
									<td>{{ '["source=FlipBook","id='~entity.id~'"]' }}</td>
									<td>{{ entity.embedLink}}</td>
									<td>{{ entity.status}}</td>
									<td>
										<a href="{{ path('office_brain_flipbookbundle_flipbookadmin_edit',{'id':entity.id}) }}"  data-toggel="tooltip" title="Edit" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="Edit"><i class="fa fa-pencil-square-o"></i></a>

										<a href="javascript:void(0);" data-original-title="Delete" title="Delete" class="btn-xs sub-shop-btn js_user_delete_btn" data-id="{{ entity.id }}" onclick="return deleterecord('{{path('office_brain_flipbookbundle_flipbookadmin_delete',{'id':entity.id})}}');" data-placement="top" title="" data-toggel="tooltip" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
									</td>
								</tr>
								{% set i=i+1 %}
							{% endfor %} 
							<tr class="last-row">
						 	<td colspan="5" class="banner-total-record">{{ office_brain_pagination_render('1', 'order-page-container', data) }}</td>
                            <td class="total-record-list">{{ "admin.request_info.total_record" | trans }}:({{ data|length }})</td>
                        </tr>
					 {% else %}
						<tbody>
							<tr>
								<td colspan='6' class="center" valign='middle'>{{ 'seo.no_record' |trans }}</td>
							</tr>
						</tbody>
					{% endif %} 
					 
					 {% endblock ajax_body %}					   
                    </tbody>
				</table>
			</div>
		</div>
	</div>
</div>
{% endblock main_content %}
{% block footer_js %}
	{{ parent() }}
	<script>
		function deleterecord(url)
		{ 
			/*var confirmation_message = Translator.trans('are_you_sure', {}, 'js');
			var isdelete = confirm(confirmation_message);
				if(isdelete){
					window.location = url;
				}else{
				 	return false;
				}
			*/	
			window.location = url;
		}

	</script>
{% endblock footer_js %}