@push('style')
<style>.ui-sortable {
  --icon-size: .8em;
  --gutter: .5em;
  padding: 0 0 0 var(--icon-size);
}

.ui-sortable li {
  padding-left: var(--gutter);
}

.ui-sortable  li::before {
    padding-right: 0.3em;
    padding-top:10px;
  font-family: "FontAwesome";
  content: "\f0c9";
  vertical-align: middle;
}
</style>
@endpush
<div class="col-md-2 px-2 m-0 pt-0 mt-0" id="leftPanel">
            <div class="col  bg-white   px-3 py-2" id="leftMenu">
            <div class=" pt-4 mb-3 fw-normal">    </div>
                <div class="mb-3 mt-n4" id="leftMenu">
                <nav class="navbar flex-column ">
                    

                        <button name="pagesconfig" id=""  class="btn btn-outline-primary my-1  btn-primary text-white fs-6 w-100"> 
                        <i class="fas fa-share-alt  "></i> {{ __('menu.SocialPlatforms') }}</h1>
                        </button>
                         
                        <button name="subscriptionconfig" id=""  class="btn btn-outline-primary my-1  btn-primary text-white fs-6 w-100"> 
                        <i class="fa-solid fa-tag"></i> {{ __('menu.prices') }}</h1>
                        </button>
                     
                </nav>
                   
                </div>
            </div>
        </div>

@push('scripts')

<script type="text/JavaScript" >
    $('button[name="pagesconfig"]').on('click', function() {
        //alert('SOCIAL MEDIA ID '+ $(this).attr('id'));
        var buttonId = $(this).attr('id');
        // Redirect to the page and pass the button ID as a query parameter id={{ auth()->user()->id }}&
        var url = "{{ url('registerSocialMediaLogin') }}" +'/'+  $(this).attr('id');
       // var url = '/registerSocialMediaLogin?smmediaid=' + encodeURIComponent(buttonId);
        if (($(this).hasClass('btn-info'))){
          url = "{{ url('registerSocialMediaLogin') }}" +'/'+  $(this).attr('id');
        } else {
           url = "{{ url('videos/manager') }}" ;         
        }
        url =  "{{ url('mySocialPlatforms') }}" +'/'+  $(this).attr('id') ;     
        window.location.href = url;
        // Your custom logic here
    });

    $('button[name="subscriptionconfig"]').on('click', function()  {
       url =  "{{ url('pricing') }}"  ;     
       window.location.href = url;
        // Your custom logic here
    });

</script>
@endpush