@extends('layouts.public-base', ['title' => 'Client Management'])
@section('content')

<div class="projects_listing">
    @include('inc.flashMessages')

    {{-- <div class="rb-heading">
        <h2 class="font-size-28">Dashboard</h2>
    </div> --}}
    <x-common.tab-sidebar>
    </x-common.tab-sidebar>

    <livewire:common-tabs :tabs="$tabs" :selectedTab='($selectedTab ?? "")' :hideStripeAccount="false" />
</div>
{{-- <div class="page-footer">

    <div class="container">

        <div class="row">
            <div class="copy-right col-md-12 text-center">
                <p>© 2024 | All Rights Reserved</p>
            </div>
        </div>
    </div>
</div> --}}
@endsection
@push('liveScript')
<script>
    document.addEventListener("DOMContentLoaded", () => {
        Livewire.hook('component.initialized', (component) => {
            intiateSortable();
        }) 
    });
    
    intiateSortable();
    function intiateSortable(){
        $("#sortable").sortable({    
            update: function(event, ui) {
                var item_order = [];
                $('#sortable .project_tr').each(function() {
                    item_order.push($(this).data("id"));
                });
                var promise = UpdatePriority('/customer/update-order', item_order);
                promise.done(function(data) {
                    if (data.success) {
                    
                    } else {
                        $("#sortable").sortable('cancel');
                        $(ui.sender).sortable('cancel');
                    }
                });
                promise.error(function(data) {
                    $("#sortable").sortable('cancel');
                    $(ui.sender).sortable('cancel');
                });
            }
        });
    }
    function UpdatePriority(url, data) {
        return $.ajax({
            method: 'POST',
            headers: {
                Accept: "application/json"
            },
            url: url,
            data: { plan_id: data }
        });
    }
</script>
@endpush