{# {% extends 'base.html.twig' %} #}
{% extends '@syndexTrack/layout.html.twig' %}


{% trans_default_domain "PartnerContent" %}

{% block title %}
	{{ 'store_title'|trans }}
{% endblock %}


{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/store.css?v.2.7') }}"/>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/tagmanager.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/style.css?v.3.2 ') }}"/>
	<link rel="stylesheet" href="{{ asset('bundles/syndextrack/css/filters.css') }}"/>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>

{% endblock %}


{% block body %}
	{# <div id="path-to-storeController" data-href="{{path('app_partner_content_store')}}"></div> #}
	<div class="container">
	<div class="new-file-header" style="width:fit-content">
			<a class="new-button btn" href="{{path('app_partner_content')}}" style="float:none"> 
					{{'store.addBook' | trans}}
			</a>			
	</div>

		{# new filter #}
		<div class="filter-container">
        	<a role="button" id="hide_filters" class="hideFilters">{{ 'filterForm.hide'|trans({},'Academia') }}</a>
			<form id="filter_form" class="hideForm">
				<div class="academia-filters">
					<div class="filter-content">
						<div class="form-group">
							<div class="filter-header">{{ 'filterForm.filter.labal'|trans({}, 'Academia') }}</div>
							
							<div style="display:block;text-align:center">
								<div class="filter-item" style="display:inline-block;width:25%;text-align:start">
									<label class="control-label">{{ 'addContent.category.title_s'|trans }}</label>
									<select id="res_field_select" class=" research_select" name="field[]" multiple>
										{% for category in categories %}
											<option value="{{ category.arabicFullName }}">{{ category.arabicFullName }}</option>
										{% endfor %}
									</select>
								</div>
								<div class="filter-item" style="display:inline-block;width:25%;text-align:start">
									<label class="control-label">{{ 'addContent.keywords.title'|trans}}</label>
									<select id="res_tag_select" class="tag_select" name="tags[]" multiple>
									</select>
								</div>
								<div class="filter-item" style="display:inline-block;width:25%;text-align:start">
									<label class="control-label">{{'addContent.language.language'|trans}}</label>
									<select class="language_select" id="res_language_select" name="language[]" multiple>
										<option></option>
										<option value="AR">العربية</option>
										<option value="EN">English</option>
									</select>
								</div>
								<div class="filter-item" style="display:inline-block;width:25%;text-align:start">
									<label class="control-label">{{'store.sort_by'|trans}}</label>
									<select class="date_select" id="res_date_select" name="date" >
										<option value="DESC">{{'store.newer'|trans}}</option>
										<option value="ASC">{{'store.older'|trans}}</option>
									</select>
								</div>
								<div class="filter-item" style="display:inline-block;width:25%;text-align:start">
									<label class="control-label">{{'addContent.price'|trans}}</label>
									<select class="price_select" id="res_price_select" name="price" >
										<option></option>
										<option value="ASC">{{'store.lowest'|trans}}</option>
										<option value="DESC">{{'store.highest'|trans}}</option>
									</select>
								</div>
								<button id="filter_button" class="btn btn-warning" >{{ 'store.filter'|trans }}</button>
								<button id="reset_button" class="btn btn-warning" type="reset">{{ 'store.reset'|trans }}</button>
							</div>
						</div>
					</div>


					<p id="reset_triggerd" hidden>false</p>
				</div>
			</form>
			<p id="parameters" hidden></p>
    	</div>
		{# new filter end #}


			<div id="seeimg" style="display: none">
				<div class="sh-spin">
					<div class="bon1"></div>
					<div class="bon2"></div>
					<div class="bon3"></div>
				</div>
			</div>

			<div class="row" id="store_container">
				{% include "partner_content/store_brief.html.twig" %}

			</div>

		{% if partnerContentsCount > 0  and lastPage > 1%}
			{# pagination #}
			<div id="pagination_container">
				{% include "bundles/TwigBundle/pagination.html.twig" with {
					'data':partnerContents,
				}%}
			</div>
			{# pagination end #}
		{% endif %}
		

	</div>

{% endblock %}

{% block jqueryui %}
    <script src="{{ asset('js/jquery-ui.min.js') }}"></script>
{% endblock %}

{% block javascripts %}
	{{parent()}}
	<script src="{{ asset('bundles/syndexacademic/js/tagmanager.js') }}" ></script>
    <script src="{{ asset('bundles/syndexacademic/js/bootstrap-filestyle.min.js') }}"></script>
    <script src="{{ asset('bundles/syndexacademic/js/jquery.are-you-sure.js') }}"></script>   
	<script src="{{ asset('bundles/user/js/storeFilter.js') }}"></script>

    <script>
       $(document).ready(function () {
            $('.tag_select').select2({
                placeholder: '{{"addContent.keywords.placeholder"|trans}}',
                tag:true,
                width: '100% ',
                minimumInputLength: 1,
                ajax:{
                    url: Routing.generate('shamra_academia_get_tag_suggestions'),
                    dataType: 'json',
                    type: "GET",
                    quietMillis: 50,
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.context,
                                    id: item.context
                                }
                            })
                        };
                    },
                    cache: true
                },
                tags:true
            })
            $('.research_select').select2({
                placeholder: '{{"addContent.category.placeholder" | trans }}',
                width: '100% ',
                tags:true
            });

			$('.language_select').select2({
                placeholder: '{{"addContent.language.select" | trans}}',
                width: '100% ',
                tags:true
            });

			$('.date_select').select2({
                placeholder: '{{"store.sort_by"|trans}}',
                width: '100% ',
				tags:true
            });

			$('.price_select').select2({
                placeholder: '{{"addContent.price"|trans}}',
                width: '100% ',
				tags:true
            });
        });

	    jQuery(".tm-input").tagsManager();

        // Applying jQuery plugin - Autocomplete
        function processTags(tags){
            var r=[];
            //var t = JSON.parse(tags)
            for(var i in tags){
                r.push(tags[i].context)
            }
            return r
        }
        $(".tm-input").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: Routing.generate('shamra_academia_get_tag_suggestions'),
                    data: {
                        term: request.term
                    },
                    success: function( data ) {
                        response( processTags(data) );
                    }
                });
            },
                //data :: JSON list defined
                //processTags(Routing.generate('shamra_academia_get_tag_suggestions')),
            minLength: 1
        });

        $('#push-tag').click(function () {
            jQuery(".tm-input").tagsManager('pushTag', $('#tag-value').val());
        });

	</script>
	

{% endblock %}