@extends('layouts.app')
@section('title')
   CCKH {{ucfirst($pageType)}} search
@endsection
@section('content')
    @php

        if(isset($_GET['selected_id'])){
          $selected_ids = explode("$$",$_GET['selected_id']);

          foreach ($selected_ids as $key => &$value) {
            $value = str_replace("$","",$value);
          }
        }
    @endphp
    <style type="text/css">
      div#kt_content {
     margin-top: 0px; 
}
.courses-details-desc {
    margin-top: 0;
}
    </style>
    <!-- Start Blog Area -->
        <section class="blog-area ptb-70 limit-line">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 order-details">
                        <div class="courses-topbar">
                            <div class="topbar-search">
                                 <div class="search-overlay-form filter-s">
                                    <form method="get">
                                        <input class="input-search" type="search" value="{{isset($_GET['q'])?$_GET['q']:""}}" name="q" id="q" placeholder="Search here...">
                                        @if(isset($_GET['c']))
                                            @foreach($_GET['c'] as $c)
                                                <input type="hidden" class="c" name="c[]" value="{{$c}}">
                                            @endforeach
                                        @endif
                                        @if(isset($_GET['publication_type']))
                                            @foreach($_GET['publication_type'] as $publication_type)
                                                <input type="hidden" class="publication_type" name="publication_type[]"
                                                       value="{{$publication_type}}">
                                            @endforeach
                                        @endif
                                        @if(isset($_GET['orderBy']))
                                            <input type="hidden" name="orderBy" value="{{$_GET['orderBy']}}">
                                        @endif
                                        {{--@if(isset($_GET['operator']))--}}
                                        {{--<input type="hidden" name="operator" value="{{(isset($_GET['operator']) && $_GET['operator'] == "or")?"or":"and"}}">--}}
                                        {{--                        @endif--}}
                                        @if(isset($_GET['sources']))
                                            @foreach($_GET['sources'] as $source)
                                                <input type="hidden" class="sources" name="sources[]" value="{{$source}}">
                                            @endforeach
                                        @endif
                                        @if(isset($_GET['keywords']))
                                            @foreach($_GET['keywords'] as $keyword)
                                                <input type="hidden" class="keywords" name="keywords[]"
                                                       value="{{$keyword}}">
                                            @endforeach
                                        @endif
                                        @if(isset($_GET['viewType']))
                                            <input type="hidden" name="viewType" value="{{$_GET['viewType']}}">
                                        @endif
                                        
                                          @if((isset($_GET['q']) && !empty($_GET['q'])) || (isset($_GET['c'][0]) && !empty($_GET['c'][0])) || (isset($_GET['publication_type'][0]) && !empty($_GET['publication_type'][0])) || (isset($_GET['sources'][0]) && !empty($_GET['sources'][0])) || (isset($_GET['keywords'][0]) && !empty($_GET['keywords'][0])))
                                            @if(Auth::check() && Auth::user()->type == "user" && $pageType == "publications")
                                                <button type="submit" class="save_btn"><i class='bx bx-search-alt'></i></button>
                                        
                                                    <button type="button" id="save" onclick="SaveResult()" class="filter_btn">
                                                        @if($isSaved)
                                                            Un-Save Search
                                                        @else
                                                            Save Search
                                                        @endif
                                                    </button>
                                                    
                                             
                                                
                                            @else
                                                <button type="submit" class="save_btn"><i class='bx bx-search-alt'></i></button>
                                            @endif
                                      
                                        @else
                                            <button type="submit" class="save_btn"><i class='bx bx-search-alt'></i></button>
                                        @endif

                                    </form>
                                  </div>
                               
                            </div>
                        </div>
                        <div class="payment-box courses-details-desc">
                            <div class="courses-accordion">
                                <form method="get" action="{{url()->current()}}">
                                    @if($controls->subjects_filters_enable==1)

                                        <div class="accordion accordion-solid accordion-toggle-svg" id="accordionExample8" style="background-color: #ecf5f9;">


                                            <h5 class="title-filter">{{$controls->subjects_filters_name}}</h5>
                                            <div class="search-select accordion accordion-light accordion-toggle-plus"
                                                 style="float: right;">
                                                <div class="card" style="border: none;">
                                                    <div class="card-header" id="headingOne6">
                                                        <div class=" card-title @if(!isset($_GET['keywords'][0]) || empty($_GET['keywords'][0])) collapsed @endif"
                                                             data-toggle="collapse" data-target="#treeview2"
                                                             aria-expanded="@if(isset($_GET['keywords'][0]) && !empty($_GET['keywords'][0])) true @else false @endif"
                                                             aria-controls="treeview2">

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

                                            <div id="treeview2" aria-labelledby="treeview2" data-parent="#treeview2 "
                                                 class="collapse @if(isset($_GET['keywords'][0]) && !empty($_GET['keywords'][0])) show @endif">
                                                @foreach($keywords as $key => $keyword)



                                                    @php
                                                        $arrIntersect = array();
                                                        if(isset( $_GET['keywords'][0])){
                                                            $keywordIdsArr = $keyword->sub_keywords->pluck("id")->toArray();
                                                            $arrIntersect =array_values( array_intersect($_GET['keywords'],$keywordIdsArr));

                                                            if(count($arrIntersect)== count($keywordIdsArr)){

                                                                $allChecked  = 1;
                                                            }else{
                                                                $allChecked  = 0;

                                                            }
                                                        }
                                                    @endphp

                                                    <div class="card">
                                                        <div class="card-header padd-no" id="headingKeyword{{$keyword->id}}">
                                                            <div class="card-title ">
                                                                <div class="kt-checkbox-list">
                                                                    <label class="kt-checkbox kt-checkbox--brand {{(isset($arrIntersect[0]) && !(isset($allChecked) && $allChecked) )?"inc-check":""}}">
                                                                        <input class="xnode maincheck"
                                                                               id='Keywordmaincheck{{$keyword->id}}' data-type="Keyword"
                                                                               value='{{$keyword->id}}' data-id="custom-0"
                                                                               type="checkbox" {{(isset($allChecked) && $allChecked)?"checked":""}}/>{{$keyword->keyword_en}}
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                                <div data-toggle="collapse" data-target="#collapseTwo{{$keyword->id}}"
                                                                     aria-expanded="false"
                                                                     aria-controls="collapseTwo{{$keyword->id}}"
                                                                     class="collapsed card-title"
                                                                     style="padding: 0;position: absolute;right: 7px;">

                                                                    <svg xmlns="http://www.w3.org/2000/svg"
                                                                         xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                                                                         height="24px" viewBox="0 0 24 24" version="1.1"
                                                                         class="kt-svg-icon">
                                                                        <g stroke="none" stroke-width="1" fill="none"
                                                                           fill-rule="evenodd">
                                                                            <polygon points="0 0 24 0 24 24 0 24"/>
                                                                            <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z"
                                                                                  fill="#000000" fill-rule="nonzero"/>
                                                                            <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z"
                                                                                  fill="#000000" fill-rule="nonzero" opacity="0.3"
                                                                                  transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "/>
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="collapseTwo{{$keyword->id}}" class="collapse padd-no"
                                                             aria-labelledby="headingKeyword{{$keyword->id}}"
                                                             data-parent="#accordionExample8">
                                                            <div class="card-body">
                                                                @foreach($keyword->sub_keywords as $sub)
                                                                    <div class="kt-checkbox-list">
                                                                        <label class="kt-checkbox kt-checkbox--brand">
                                                                            <input type="checkbox"
                                                                                   class="KeywordcheckAll{{$keyword->id}} subKeywordcheck" data-type="Keyword" data-mainid="{{$keyword->id}}"
                                                                                   {{isset($_GET['keywords'])?(in_array($sub->id , $_GET['keywords'])?"checked":""):""}}  name="keywords[]"
                                                                                   value="{{$sub->id}}"> {{$sub->keyword_en}}
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    @endif

                                    @if($controls->sources_filters_enable==1)

                                        <div class="accordion accordion-solid accordion-toggle-svg" id="accordionExample8" style="background-color: #ecf5f9;">
                                            <h5 class="title-filter">{{$controls->sources_filters_name}}</h5>
                                            <div class="search-select accordion accordion-light accordion-toggle-plus"
                                                 style="float: right;">
                                                <div class="card" style="border: none;">
                                                    <div class="card-header" id="headingOne6">
                                                        <div class=" card-title @if(!isset($_GET['sources'][0]) || empty($_GET['sources'][0])) collapsed @endif"
                                                             data-toggle="collapse" data-target="#treeview_container"
                                                             aria-expanded="@if(isset($_GET['sources'][0]) && !empty($_GET['sources'][0])) true @else false @endif"
                                                             aria-controls="treeview_container">

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


                                            <div id="treeview_container"
                                                 class="hummingbird-treeview collapse @if(isset($_GET['sources'][0]) && !empty($_GET['sources'][0])) show @endif"
                                                 data-parent="#treeview_container " style="clear: both;">
                                                <div id="treeview " class="hummingbird-base">
                                                    @foreach($categories as $key => $category)
                                                        @php
                                                            $arrIntersect = array();
                                                            if(isset( $_GET['sources'][0])){
                                                                $categoryIdsArr = $category->{"allowedsourcedatafor".$pageType}->pluck("name")->toArray();
                                                                $arrIntersect =array_values( array_intersect($_GET['sources'],$categoryIdsArr));

                                                                if(count($arrIntersect) == count($categoryIdsArr)){

                                                                    $allChecked  = 1;
                                                                }else{
                                                                    $allChecked  = 0;

                                                                }
                                                            }
                                                        @endphp
                                                        <div class="card">
                                                            <div class="card-header padd-no" id="headingCategory{{$category->id}}">
                                                                <div class="card-title ">
                                                                    <div class="kt-checkbox-list">
                                                                        <label class="kt-checkbox kt-checkbox--brand {{(isset($arrIntersect[0]) && !(isset($allChecked) && $allChecked) )?"inc-check":""}}">
                                                                            <input class="xnode maincheck"
                                                                                   id='Categorymaincheck{{$category->id}}'
                                                                                   data-type="Category" value='{{$category->id}}'
                                                                                   data-id="custom-0"
                                                                                   type="checkbox" {{(isset($allChecked) && $allChecked)?"checked":""}}/>{{$category->name_en}}
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                    <div data-toggle="collapse"
                                                                         data-target="#collapseOne{{$category->id}}"
                                                                         aria-expanded="false"
                                                                         aria-controls="collapseOne{{$category->id}}"
                                                                         class="collapsed card-title"
                                                                         style="padding: 0;position: absolute;right: 7px;">

                                                                        <svg xmlns="http://www.w3.org/2000/svg"
                                                                             xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                                                                             height="24px" viewBox="0 0 24 24" version="1.1"
                                                                             class="kt-svg-icon">
                                                                            <g stroke="none" stroke-width="1" fill="none"
                                                                               fill-rule="evenodd">
                                                                                <polygon points="0 0 24 0 24 24 0 24"/>
                                                                                <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z"
                                                                                      fill="#000000" fill-rule="nonzero"/>
                                                                                <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z"
                                                                                      fill="#000000" fill-rule="nonzero" opacity="0.3"
                                                                                      transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "/>
                                                                            </g>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div id="collapseOne{{$category->id}}" class="collapse"
                                                                 aria-labelledby="headingCategory{{$category->id}}"
                                                                 data-parent="#accordionExample8">
                                                                <div class="card-body">
                                                                    @foreach($category->{"allowedsourcedatafor".$pageType} as $source)
                                                                        <div class="kt-checkbox-list">
                                                                            <label class="kt-checkbox kt-checkbox--brand">
                                                                                <input type="checkbox"
                                                                                        class="CategorycheckAll{{$category->id}} subKeywordcheck" data-type="Category" data-mainid="{{$category->id}}"
                                                                                       {{isset($_GET['sources'])?(in_array($source->name , $_GET['sources'])?"checked":""):""}}  name="sources[]"
                                                                                       value="{{$source->name}}"> {{$source->descriptive_name}}
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if($controls->countries_filters_enable==1)
                                        <h5 class="title-filter">{{$controls->countries_filters_name}}</h5>
                                        <select multiple class="form-control" name="c[]" id="c">
                                            @foreach($countries as $country)
                                                <option {{isset($_GET['c'][0])?(in_array($country->id,$_GET['c'] )?"selected":""):""}}   value="{{$country->id}}">{{$country->name}}</option>
                                            @endforeach
                                        </select>
                                    @endif

                                    <input type="hidden" name="q" value="{{isset($_GET['q'])?$_GET['q']:""}}">
                                    <input type="hidden" name="orderBy" id="orderBy" value="{{isset($_GET['orderBy'])?$_GET['orderBy']:"latest"}}">

                                    <button class="filter_btn" type="submit">Filter</button>
                                    <button class="clear_btn reset" type="reset">Clear</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9 woocommerce-topbar">
                        @php
                            $addTofav ='<i class="bx bxs-heart"></i>';
                            $isFavorite ='<i class="bx bxs-heart" style="color: #e61a1a;"></i>';
                        @endphp
                  {{--

                        @if((isset($_GET['q']) && !empty($_GET['q'])) || (isset($_GET['c'][0]) && !empty($_GET['c'][0])) || (isset($_GET['publication_type'][0]) && !empty($_GET['publication_type'][0])) || (isset($_GET['sources'][0]) && !empty($_GET['sources'][0])) || (isset($_GET['keywords'][0]) && !empty($_GET['keywords'][0])))
                        --}}

                        <div class="row align-items-center">
                            <div class="col-lg-10 col-md-10">
                                <div class="topbar-result-count">
                                    <p>Showing ( {{$total}} ) results</p>
                                </div>
                            </div>
                            <div class="col-md-2">
                            <div class="kt-portlet__head-toolbar text-center">
                                  <div class="dropdown dropdown-inline">
                                      <button type="button"
                                              class="btn btn-hover-brand btn-elevate-hover btn-icon btn-sm btn-icon-md btn-circle"
                                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                                                  class="la la-file-text-o"></i></button>
                                      <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end">
                                          <a class="dropdown-item viewActive export-articles" data-type="all">Export All</a>
                                          <a class="dropdown-item viewActive export-articles" data-type="selected">Export
                                              Selected</a>
                                      </div>
                                  </div>
                                  <div class="dropdown dropdown-inline">
                                      <button type="button"
                                              class="btn btn-hover-brand btn-elevate-hover btn-icon btn-sm btn-icon-md btn-circle"
                                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                                                  class="flaticon-more-1"></i></button>
                                      <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end">
                                           <a class="dropdown-item"
                                             href="{{(strpos(url()->full(), "search?") == false )?url()->full()."?orderBy=":url()->full()."&orderBy=latest"}}">
                                              Most Recent</a>

                                          <a class="dropdown-item"
                                             href="{{(strpos(url()->full(), "search?") == false )?url()->full()."?orderBy=":url()->full()."&orderBy=popular"}}">
                                              Most popular</a>

                                      </div>
                                  </div>
                              </div>
                              </div>
                        </div>
                         <hr>
                    
                           @include('user.ExternalMaterials.components.card-view',["articles" =>$articles,'col_md'=>6])
                      
                        {{$articles->links()}}
                    {{--

                        @endif
                        --}}
                    </div>
                </div>
            </div>
        </section>
        <!-- End Blog Area -->
@endsection

@section('script')
    <script type="text/javascript">
        $("#keyword").change(function () {
            if ($(this).val() != "empty") {
                window.location.href = "{{url("/sources?q=")}}" + $(this).val();

            }
        });
    </script>
    <script type='text/javascript'
            src='//platform-api.sharethis.com/js/sharethis.js#property=5d37ccff42eb980012755d6a&product=inline-share-buttons'
            async='async'></script>
    <script type="text/javascript">
        $("#c").select2();
        $("#publication_type").select2();
        $('#keywords').searchableOptionList();


        var addToFav = function (id) {

            $.ajax({
                method: "POST",
                url: "addToFav",
                data: {id: id, _token: '{{csrf_token()}}'}
            })
                .done(function (msg) {
                    if (msg.delete == "no")
                        $(".fav-" + msg.id).html(`{!!$isFavorite!!}`);
                    else {
                        $(".fav-" + msg.id).html(`{!!$addTofav!!}`);
                    }
                });
        }
                @if(Auth::check() && (Auth::user()->type == "user") )
        var SaveResult = function () {

            
                $.ajax({
                    method: "POST",
                    url: `SaveResult?title=${$("#q").val()}&orderBy=${$("#orderBy").val()}&${$('.c').serialize()}&${$('.publication_type').serialize()}&${$('.sources').serialize()}&${$('.keywords').serialize()}`,
                    data: {
                        _token: '{{csrf_token()}}'
                    }
                })
                    .done(function (msg) {
                        if (msg.delete == "no")
                            $("#save").html(`Un-Save Search`);
                        else {
                            $("#save").html(`Save Search`);
                        }
                    });
            }
                @else
        var SaveResult = function () {
                window.location.href = "{{url("")}}/login";

            }
        @endif

        $('.maincheck').change(function () {
            $(this).closest('label').removeClass("inc-check")
            main_id = $(this).val()

            data_type = $(this).data("type");
            console.log(data_type + "checkAll" + main_id)
            $("." + data_type + "checkAll" + main_id).each(function () {
                $(this).prop("checked", $("#" + data_type + "maincheck" + main_id).prop("checked"))
            })
        });
        $('.subKeywordcheck').change(function () {
            mainid = $(this).data("mainid")

            data_type = $(this).data("type");

            var x = new Array()
            x[0]=0;
            x[1]=0;
            $("."+data_type+"checkAll"+mainid).each(function () {
                x[$(this).prop("checked") ? 1 : 0]++
            })
            MainCheckSelector = $('#heading'+data_type+mainid).find('.maincheck');
            if(x[0]==0){
                MainCheckSelector.closest('label').removeClass("inc-check")
                MainCheckSelector.prop("checked", true)
                MainCheckSelector.trigger("change")
            }else if(x[1]==0){
                MainCheckSelector.closest('label').removeClass("inc-check")
                MainCheckSelector.prop("checked", false)
                MainCheckSelector.trigger("change")
            }else{
                MainCheckSelector.closest('label').addClass("inc-check")

            }
            // $(this).closest('label').removeClass("inc-check")

        });
                @if(Auth::check() && Auth::user()->type == "user")

        var Read = function (href, id) {

                $.ajax({
                    method: "POST",
                    url: "ArticleReadStore/" + id,
                    data: {_token: '{{csrf_token()}}'}
                })
                    .done(function (msg) {
                        window.location.href = href;

                    });
            }

                @endif
        var viewActive = function () {
                $(".viewActive").removeClass("active");
                $(this).addClass("active");

            }
        $(".reset").on("click", function () {
            window.location.href = "{{url()->current()}}";
        })
        $(`#datetime`).daterangepicker({
            timePicker: true,
            locale: {
                format: 'YYYY-MM-DD HH:mm:ss'
            },

        });

        datetimeVal = "{{isset($_GET['datetime'])?$_GET['datetime']:""}}"
        console.log(datetimeVal)
        $('#datetime').val(datetimeVal)

        var url = "{{url()->full()}}"
        $(".selected-article").change(function (data, except) {
            console.log(except);
            id = $(this).data("id");

            viewType = $(this).data("view");
            $(".checkbox-" + id).prop("checked", this.checked);

            if (this.checked) {
                $("[data-view='magazine'].checkbox-" + id).addClass("PrintTestEX");
                $("[data-view='title'].checkbox-" + id).addClass("PrintTestEX");
                $("[data-view='cards'].checkbox-" + id).addClass("PrintTestEX");

                $("[data-view='magazine'].checkbox-" + id).parents(':eq(3)').addClass("PrintTest");
                $("[data-view='title'].checkbox-" + id).parents(':eq(2)').addClass("PrintTest");
                $("[data-view='cards'].checkbox-" + id).parents(':eq(6)').addClass("PrintTest");

                if (except != 'Except select') {
                    check = window.location.href.search("selected_id");
                    if (check == -1) {
                        window.history.pushState("object or string", "id", window.location.href + "&selected_id=$" + id + "$");
                        url = window.location.href.replace("search&selected_id", "search?selected_id")
                        window.history.pushState("object or string", "id", url);

                    } else {
                        window.history.pushState("object or string", "id", window.location.href + "$" + id + "$");
                    }
                }
            } else {
                $("[data-view='magazine'].checkbox-" + id).removeClass("PrintTestEX");
                $("[data-view='title'].checkbox-" + id).removeClass("PrintTestEX");
                $("[data-view='cards'].checkbox-" + id).removeClass("PrintTestEX");

                $("[data-view='magazine'].checkbox-" + id).parents(':eq(3)').removeClass("PrintTest");
                $("[data-view='title'].checkbox-" + id).parents(':eq(2)').removeClass("PrintTest");
                $("[data-view='cards'].checkbox-" + id).parents(':eq(6)').removeClass("PrintTest");

                if (except != 'Except select') {

                    url = window.location.href.replace("$" + id + "$", "");
                    url = url.replace("$" + id + "$", "");
                    window.history.pushState("object or string", "id", url.replace("$" + id + "$", ""));
                }
            }


            $(".fbsearchshare").attr("href", "https://www.facebook.com/sharer/sharer.php?u=" + url)
            $(".twittersearchshare").attr("href", "https://twitter.com/intent/tweet?text=Share&amp;url=" + url)
            $(".linsearchshare").attr("href", "http://www.linkedin.com/shareArticle?mini=true&amp;url=" + url)
            $(".wasearchshare").attr("href", "https://wa.me/?text=" + url)
        });
        $(".export-articles").on("click", function () {
            exportType = $(this).data("type");
            articleArray = [];
            if (exportType == "all") {
                articleSelector = $(".selected-article");
            } else if (exportType == "selected") {
                articleSelector = $(".PrintTestEX");

            }
            articleSelector.each(function (index) {
                articleArray.push($(this).data("id"))
            });
            var onlyUnique = articleArray.filter(function (value, index, self) {
                return self.indexOf(value) === index;
            });
            console.log(onlyUnique);
            ExportLink = 'export_articles?m=';

            $.each(onlyUnique, function (a, v) {
                ExportLink += "&articles[]=" + v;
            })
            window.location = ExportLink;

        })
        $(".selected-article").trigger('change', ["Except select"])
    </script>

    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b942bf9d0a7ac3d"></script>
@endsection