@extends('layouts.app')
@section("title")
Dashboard
@endsection
@section('content')
<center>
        @php 
         $addTofav ='
         <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" >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
               <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
               <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="grey" />
            </g>
         </svg>
         ';
         $isFavorite ='
         <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" >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
               <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
               <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="red" />
            </g>
         </svg>
         ';
         @endphp
</center>
@if($flag)
                  <div class="row">
                      @if($controls->countries_filters_enable==1  || $controls->subjects_filters_enable ==1   || $controls->sub_headings_filters_enable  ==1 )
                      <div class="col-md-3 order-details">
                          <div class="payment-box courses-details-desc">
                            <div class="courses-accordion">
                                <form method="get" action="{{url("udashboard")}}">
                                   @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;margin: 8px;">
                                           <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" 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"
                                                        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->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

                                      <h5 class="title-filter">Publication Type(s)</h5>
                                       <select multiple class="form-control" name="publication_type[]" id="publication_type">
                                          @foreach($publicationtypes as $publicationtype)
                                              <option {{isset($_GET['publication_type'][0])?(in_array($publicationtype->id,$_GET['publication_type'] )?"selected":""):""}}   value="{{$publicationtype->id}}">{{$publicationtype->name}}</option>
                                          @endforeach
                                       </select>

                                    <button class="filter_btn" type="submit">Filter</button>
                                    <button class="clear_btn reset" type="reset">Clear</button>
                                </form>
                            </div>
                        </div>
                    </div>
                  @endif
   <div class="col-md-9">
      <div class="kt-portlet kt-portlet--tabs" style="background-color: transparent;box-shadow: none" >
         <div class="kt-portlet__head" style="background-color: #fff;">
            <div class="kt-portlet__head-label">
               <h3 class="kt-portlet__head-title">
                  <b>My Dashboard ({{Auth::user()->name." ".Auth::user()->m_name." ".Auth::user()->l_name}})</b>
               </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
               <ul class="nav nav-tabs nav-tabs-bold nav-tabs-line   nav-tabs-line-right nav-tabs-line-brand" role="tablist">
                        @php 
                        $count=0 ;
                        @endphp
                      @foreach($categories as $key =>$category)
                        @php 
                        $count ++ ;
                        @endphp
                    <li class="nav-item">
                       <a class="nav-link {{$count==1?'active':''}}" data-toggle="tab" href="#kt_portlet_tab_1_{{$category['id']}}" role="tab" aria-selected="true">
                       {{$category['name_en']}}
                       </a>
                    </li>
                  @endforeach
               </ul>
            </div>
         </div>
        <div class="row">
            <div class="col-md-12">
               <div class="kt-portlet__body">
                  <div class="tab-content">
                        @php 
                        $count=0 ;
                        @endphp
                      @foreach($categories as $key =>$category)
                        @php 
                        $count ++ ;
                        @endphp

                     <div class="tab-pane {{$count==1?'active':''}}" id="kt_portlet_tab_1_{{$category['id']}}">
                     <div class="row ui-sortable kt_sortable_portlets"  id="kt_sortable_portlets">
                        @foreach ($category['allowedsourcedataforpublications'] as $source_name => $datum)
        
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--mobile kt-portlet--sortable half-w">
                           <div class="kt-portlet__head ui-sortable-handle">
                              <div class="kt-portlet__head-label">
                                 <h3 class="kt-portlet__head-title">
                                    {{$datum['descriptive_name']}}
                                    <input type="hidden" name="source[]" class="sourcesOrder" data-type="connector"  value="{{$datum['id']}}">
                                 </h3>
                              </div>
                              <div class="kt-portlet__head-toolbar">
                                 <div class="kt-portlet__head-group">
                                 </div>
                              </div>
                           </div>
                           <div class="kt-portlet__body drag-box1" data-type="source" 
                           data-value="{{$datum['id']}}" data-page="2" >
                              @forelse ($datum['published_allowed_articles'] as $source)
                              <div class="kt-widget5__item drag-box">
                                 <div class="kt-widget5__content">
                                    <div class="kt-widget12__section">
                                       <a href="javascript:;" onclick="Read('{{$source['href']}}','{{$source['id']}}')" class="publishedArticle" class="kt-widget5__title">
                                          <h5>{{$source['title']}}</h5>
                                       </a>
                                       <p style="color: black">
                                          {{str_limit(strip_tags($source['body']),200)}}


                                       </p>
                                       <a href="javascript:;" title="Favorite" class="fav-{{$source['id']}}" onclick="addToFav('{{$source['id']}}')" >

                                                                  @if($source['favourites_count'] > 0)
                                                                  {!!$isFavorite!!}
                                                                  @else
                                                                  {!!$addTofav!!}
                                                                  @endif

                                                </a>
                                       <div class="kt-widget5__info">
                                          <span class="kt-font-info">
                                             <div style="display: inline;" class="soci-div soci-div1">
                                                                    <div id="social-links">
                                                                     <ul>
                                                                         <li><a href="https://www.facebook.com/sharer/sharer.php?u={{$source["href"]}}" class="social-button " id=""><span class="fa fa-facebook-official"></span></a></li>
                                                                         <li><a href="https://twitter.com/intent/tweet?text=my share text&amp;url={{$source["href"]}}" class="social-button " id=""><span class="fa fa-twitter"></span></a></li>
                                                                         <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{$source["href"]}}&amp;title=my share text&amp;summary=dit is de linkedin summary" class="social-button " id=""><span class="fa fa-linkedin"></span></a></li>
                                                                         <li><a href="https://wa.me/?text={{$source["href"]}}" class="social-button " id=""><span class="fa fa-whatsapp"></span></a></li>    
                                                                        </ul>
                                                                    </div>
                                                
                                             </div>
                                          </span>
                              
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <hr>
                              @empty
                              No data available
                              @endforelse
                           </div>
                        </div>
                        <!--end::Portlet-->
                        @endforeach
                        <!-- begin:Empty Portlet: sortable porlet required for each columns! -->
                        <div class="kt-portlet kt-portlet--sortable-empty column1">
                        </div>
                        <!--end::Empty Portlet-->
                     </div>
                  </div>
                  @endforeach
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</div>
@guest
<div class="kt-section" style="margin-top: 15px;">
   <div class="kt-section__content kt-section__content--solid">
      <div class="kt-section__info">
         <h3>login to get more Sources</h3>
      </div>
      <a href="{{url("login")}}" class="btn btn-secondary btn-taller">login</a>
      <a href="{{url("signup")}}" class="btn btn-secondary btn-taller">sign up</a>
   </div>
</div>
@endguest
<div class="row">
</div>
@endif
@endsection
@section('script')
<script type="text/javascript">
$('.accordion').find('.accordion-title').on('click', function(){
                // Adds Active Class
                $(this).toggleClass('active');
                // Expand or Collapse This Panel
                $(this).next().slideToggle('fast');
                // Hide The Other Panels
                $('.accordion-content').not($(this).next()).slideUp('fast');
                // Removes Active Class From Other Titles
                $('.accordion-title').not($(this)).removeClass('active');   
            });
   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!!}`);
         }
        });
   }
   $("#c").select2();
   $('#keywords').searchableOptionList();
       // Collapsed Symbol
   $.fn.hummingbird.defaults.collapsedSymbol= "fa-angle-double-right";
   
   // Expand Symbol
   $.fn.hummingbird.defaults.expandedSymbol= "fa-angle-double-down";
   
   $("#treeview").hummingbird();
   $("#treeview").hummingbird("collapseAll");
   $("#treeview2").hummingbird();
   $("#treeview2").hummingbird("collapseAll");

     $( function() {
       $( "#sortable" ).sortable();
       $( "#sortable" ).disableSelection();
     } );
       $("#keyword").change(function () {
           if ($(this).val() != "empty") {
               window.location.href = "{{url("?q=")}}" + $(this).val();
   
           }
       });
   
   $(".kt_sortable_portlets").sortable({
           connectWith: ".kt-portlet__head",
           items: ".kt-portlet",
           opacity: 0.8,
           handle : '.kt-portlet__head',
           coneHelperSize: true,
           placeholder: 'kt-portlet--sortable-placeholder',
           forcePlaceholderSize: true,
           tolerance: "pointer",
           helper: "clone",
           tolerance: "pointer",
           forcePlaceholderSize: !0,
           helper: "clone",
           cancel: ".kt-portlet--sortable-empty", // cancel dragging if portlet is in fullscreen mode
           // revert: 250, // animation in milliseconds
           update: function(b, c) {
               if (c.item.prev().hasClass("kt-portlet--sortable-empty")) {
                   c.item.prev().before(c.item);
               }
             var sources=[];
             var types=[];
           $('.sourcesOrder').each(function(index , value){
                 sources.push($(this).val()); 
                 types.push($(this).data( "type" )); 
             });
           $.post("UserOrderSave",
           {
             sources: sources,
             types: types,
             _token: "{{csrf_token()}}",
           });               
   
       }
       });
   
   // $( function() {
   //   $( "#sortable" ).sortable();
   //   $( "#sortable" ).disableSelection();
   // } );
   $( "#keyword" ).change(function() {
    if($(this).val()!="empty"){
       window.location.href = "{{url("?q=")}}"+$(this).val();
   
    }
   });
   
   
   var toBePublished =  function (id){
   
   $.ajax({
   method: "POST",
   url: "{{(Auth::user()->type=='junior reviewer')?"toBePublished":"Published"}}",
   data: { id: id,_token:'{{csrf_token()}}'}
   })
   .done(function( msg ) {
    if(msg=="success"){
     $("#fav-"+id).hide();
    }
   });
   }
   var Read =  function (href, id) {

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

           });
   }
   function order(source){
   
   Swal.fire({
   title: 'please enter the order',
   input: 'number',
   inputAttributes: {
   autocapitalize: 'off',
   },
   showCancelButton: true,
   confirmButtonText: 'Send',
   showLoaderOnConfirm: true,
   preConfirm: (order) => {
   return fetch(`{{url('')}}/order?source=${source}&order=${order}`)
   .then(response => {
    location.reload();
   })
   
   },
   allowOutsideClick: () => !Swal.isLoading()
   }).then((result) => {
   if (result.value) {
   Swal.fire({
   title: `Success`
   })
   }
   })
   
   
   }
 
    $(document).ready(function () {
        $('.drag-box1').bind('scroll', chk_scroll);
    });  
     var paginatekeywords = ``;
     var paginatec = ``;
     var paginatepublication_type = ``;
     $('[id^="keywords_"]').each(function(){ 
        if($(this).prop("checked"))    
            paginatekeywords += `&keywords[]=${$(this).val()}`
     });
     cArr  = $('#c').val() ;
     $.each(cArr,function(key, value){ 
            paginatec += `&c[]=${value}`
     });
     publication_typeArr  = $('#publication_type').val() ;
     $.each(publication_typeArr,function(key, value){ 
            paginatepublication_type += `&publication_type[]=${value}`
     });
function chk_scroll(e) {
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() <= elem.outerHeight()) {
          console.log(elem[0].scrollHeight - elem.scrollTop())
    console.log(elem.outerHeight())

      var that = $( this )
      type  =  that.data( "type");
      value =  that.data( "value");
      page = that.data( "page");
      $.get( `sourcePaginate?page=${page}&type=${type}&source_id=${value}${paginatec}${paginatekeywords}${paginatepublication_type}`, function( data ) {
          Htmldata = "";
          $.each( data.data, function( key, value ) {
            console.log(value.fav);
      if(value.fav){
          fav =`<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" >
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                 <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
                 <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="red" />
              </g>
           </svg>`
      }
      else{
          fav =`<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" >
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                 <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
                 <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="grey" />
              </g>
           </svg>`
      }
                str = value.body.replace(/(<([^>]+)>)/ig,"");

              Htmldata += `<div class="kt-widget5__item drag-box">
                                 <div class="kt-widget5__content">
                                    <div class="kt-widget12__section">
                                       <a href="javascript:;" onclick="Read('${value.href}','${value.id}')" class="publishedArticle" class="kt-widget5__title">
                                          <h5 >${value.title}</h5>
                                       </a>
                                       <p style="color: black">
                                          ${str.substring(0,200)}
                                       </p>
                                       <a href="javascript:;" class="fav-${value.id}" onclick="addToFav('${value.id}')" >
                                       ${fav}
                                       </a>
                                       <div class="kt-widget5__info">
                                          <span class="kt-font-info">
                                             <div style="display: inline;" class="soci-div soci-div1">
                                                
                                              <div id="social-links">
                                                <ul>
                                                  <li>
                                                    <a href="https://www.facebook.com/sharer/sharer.php?u=${value.href}" class="social-button " id=""><span class="fa fa-facebook-official"></span></a>
                                                  </li>
                                                  <li>
                                                    <a href="https://twitter.com/intent/tweet?text=Share&amp;url=${value.href}" class="social-button " id=""><span class="fa fa-twitter"></span></a>
                                                  </li>
                                                  <li>
                                                    <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=${value.href}&amp;title=Share&amp;summary=" class="social-button " id=""><span class="fa fa-linkedin"></span>
                                                    </a>
                                                  </li>
                                                  <li>
                                                    <a target="_blank" href="https://wa.me/?text=${value.href}" class="social-button " id=""><span class="fa fa-whatsapp"></span></a>
                                                  </li>
                                                </ul>
                                              </div>                                             
                                        </div>
                                          </span>
                              
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <hr>`
              
            });
          that.append(Htmldata)
          that.data( "page", page+1);
          });

    }
}
    $('.maincheck').change(function() {
       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")

   });

   $(".reset").on("click",function(){
      setTimeout(function() {
        // executes after the form has been reset
        $("#c").trigger("change")
      }, 1);
   })

    $(`#datetime`).daterangepicker({
        timePicker: true,
        locale: {
          format: 'YYYY-MM-DD HH:mm:ss'
        },

    });
    $("#publication_type").select2()
</script>
@endsection