@extends('layouts.admin.master')

@section('title')
    {{ __('Leads') }}
@endsection

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jkanban.css') }}">

@endpush

@section('content')
    @component('components.breadcrumb')
        @slot('breadcrumb_title')
            <h3>{{ __('Leads') }}</h3>
        @endslot
        <li class="breadcrumb-item">Apps</li>
        <li class="breadcrumb-item.active">Kanban Board</li>
    @endcomponent


    @push('scripts')
{{--        <script src="{{ asset('assets/js/jkanban/jkanban.js') }}"></script>--}}
{{--        <script>--}}
{{--            $(document).ready(function() {--}}
{{--                var kanban = new jKanban({--}}
{{--                    element: '#demo2',--}}
{{--                    gutter: '15px',--}}
{{--                    boards: [],--}}
{{--                    dragendEl: function(el) {--}}
{{--                        console.log(el);--}}
{{--                        // تأكد من أن `el` ليست غير معرّفة--}}
{{--                        if (el) {--}}
{{--                            var leadId = $(el).data('eid');--}}
{{--                            leadId = leadId.replace('lead_', '')--}}
{{--                            var newStatusElement = $(el).closest('.kanban-board');--}}

{{--                            // تأكد من أن `newStatusElement` ليست غير معرّفة--}}
{{--                            if (newStatusElement && newStatusElement.data('id')) {--}}
{{--                                var newStatus = newStatusElement.data('id').replace('_', '');--}}
{{--                                console.log(newStatus);--}}
{{--                                if (leadId && newStatus) {--}}
{{--                                    // Update lead status via Ajax request--}}
{{--                                    $.ajax({--}}
{{--                                        url: '{{ route('leads.updateStatus') }}',--}}
{{--                                        type: 'POST',--}}
{{--                                        data: {--}}
{{--                                            lead_id: leadId,--}}
{{--                                            new_status: newStatus,--}}
{{--                                            _token: '{{ csrf_token() }}'--}}
{{--                                        },--}}
{{--                                        success: function(response) {--}}
{{--                                            console.log('Lead status updated successfully');--}}
{{--                                        },--}}
{{--                                        error: function(xhr, status, error) {--}}
{{--                                            console.log(xhr);--}}
{{--                                            console.error('Error updating lead status:', error);--}}
{{--                                        }--}}
{{--                                    });--}}
{{--                                } else {--}}
{{--                                    console.error('leadId or newStatus is not defined');--}}
{{--                                }--}}
{{--                            } else {--}}
{{--                                console.error('newStatusElement or its id is not defined');--}}
{{--                            }--}}
{{--                        } else {--}}
{{--                            console.error('el is not defined');--}}
{{--                        }--}}
{{--                    }--}}
{{--                });--}}

{{--                // Fetch initial data and render kanban board--}}
{{--                fetchDataAndRenderKanban();--}}

{{--                function fetchDataAndRenderKanban() {--}}
{{--                    $.ajax({--}}
{{--                        url: '{{ route('leads.getLeadsByStatus') }}',--}}
{{--                        type: 'GET',--}}
{{--                        dataType: 'json',--}}
{{--                        success: function(data) {--}}
{{--                            kanban.addBoards(data);--}}
{{--                        },--}}
{{--                        error: function(xhr, status, error) {--}}
{{--                            console.error('Error fetching data:', error);--}}
{{--                        }--}}
{{--                    });--}}
{{--                }--}}


{{--            });--}}
{{--        </script>--}}
    @endpush
@endsection