<div class="px-3" x-data="{
    draggedTaskId: null,
    draggedTaskDate: null,
    isDraggingWithinDay: false,
    allCompanies: @js($companies),

    init() {
        Livewire.on('companyCreated', (event) => {
            this.allCompanies.push(event.company);
            console.log('New company added to list:', event.company);
        });
    },

    startTaskDrag(event, taskId) {
        this.draggedTaskId = taskId;
        this.draggedTaskDate = event.currentTarget.dataset.taskDate;
        this.isDraggingWithinDay = false; // Reset flag at start

        event.dataTransfer.effectAllowed = 'move';
        event.dataTransfer.setData('text/plain', taskId);

        event.target.classList.add('dragging');

        document.querySelectorAll('.drop-zone').forEach(zone => {
            zone.classList.add('drop-zone-active');
        });

        console.log('Started dragging task:', taskId, 'from date:', this.draggedTaskDate);
        window.showDragNotification('Görevi sürükleyerek sıralayın veya farklı güne taşıyın...', 'info');
    },

    endTaskDrag(event) {
        event.target.classList.remove('dragging');

        this.draggedTaskId = null;
        this.draggedTaskDate = null;
        this.isDraggingWithinDay = false;

        document.querySelectorAll('.drop-zone').forEach(zone => {
            zone.classList.remove('drop-zone-active', 'drop-zone-hover');
        });

        document.querySelectorAll('.task-drop-zone').forEach(zone => {
            zone.classList.remove('drag-over');
        });

        document.querySelectorAll('.task-drop-indicator').forEach(indicator => {
            indicator.classList.remove('active');
        });
    },

    handleTaskDragOver(event) {
        if (!this.draggedTaskId) return;

        event.preventDefault();
        event.stopPropagation();

        const taskList = event.currentTarget.closest('.task-list');
        const taskListDate = taskList ? taskList.dataset.date : null;

        if (taskListDate === this.draggedTaskDate) {
            this.isDraggingWithinDay = true;

            event.currentTarget.classList.add('drag-over');

            const indicator = event.currentTarget.querySelector('.task-drop-indicator');
            if (indicator) {
                indicator.classList.add('active');
            }
        }
    },

    handleTaskDragLeave(event) {
        const taskList = event.currentTarget.closest('.task-list');
        const taskListDate = taskList ? taskList.dataset.date : null;

        if (taskListDate === this.draggedTaskDate) {
            event.currentTarget.classList.remove('drag-over');

            const indicator = event.currentTarget.querySelector('.task-drop-indicator');
            if (indicator) {
                indicator.classList.remove('active');
            }

            this.isDraggingWithinDay = false;
        }
    },

    handleTaskDrop(event, targetTaskId, position) {
        // E-posta sürüklerken bırakma günü yönetimine ulaşmalı; olayı yutma.
        if (window.inboxDrag?.emailId) return;

        event.preventDefault();
        event.stopPropagation();

        if (!this.draggedTaskId) return;

        const taskList = event.currentTarget.closest('.task-list');
        const taskListDate = taskList ? taskList.dataset.date : null;

        if (taskListDate !== this.draggedTaskDate) {
            return;
        }

        event.currentTarget.classList.remove('drag-over');
        const indicator = event.currentTarget.querySelector('.task-drop-indicator');
        if (indicator) {
            indicator.classList.remove('active');
        }

        window.showDragNotification('Görev sırası güncelleniyor...', 'loading');

        $wire.call('reorderTasksInDay', this.draggedTaskId, targetTaskId, position).then(() => {
            window.showDragNotification('Görev sırası güncellendi!', 'success');
        }).catch(() => {
            window.showDragNotification('Görev sırası güncellenirken hata oluştu!', 'error');
        });

        this.draggedTaskId = null;
        this.isDraggingWithinDay = false;
    },

    handleDrop(event, targetDate) {
        event.preventDefault();
        event.stopPropagation();

        const emailId = window.inboxDrag?.emailId;

        if (emailId) {
            // Temizle: istek sürerken ikinci bir bırakma aynı mesajı tekrar dönüştürmesin.
            window.inboxDrag.emailId = null;

            window.showDragNotification('E-posta göreve dönüştürülüyor...', 'loading');

            // Başarı ve hata bildirimi taskMoved / taskMoveError dinleyicilerinden gelir.
            $wire.call('createTaskFromEmail', emailId, targetDate);

            return;
        }

        console.log('Drop event:', {
            targetDate,
            draggedTaskDate: this.draggedTaskDate,
            isDraggingWithinDay: this.isDraggingWithinDay,
            draggedTaskId: this.draggedTaskId
        });

        const isDifferentDay = targetDate !== this.draggedTaskDate;

        if (isDifferentDay) {
            this.isDraggingWithinDay = false;
            console.log('Different day detected, forcing day-to-day move');
        }

        if (this.isDraggingWithinDay && !isDifferentDay) {
            console.log('Skipping day drop - within day operation');
            return;
        }

        if (this.draggedTaskId && isDifferentDay) {
            console.log('Moving task between days');
            const dropZone = event.currentTarget;
            dropZone.classList.add('drop-zone-hover');

            window.showDragNotification('Görev taşınıyor...', 'loading');

            $wire.call('moveTaskToDate', this.draggedTaskId, targetDate).then(() => {
                dropZone.classList.remove('drop-zone-hover');
                window.showDragNotification('Görev başarıyla taşındı!', 'success');
            }).catch(() => {
                dropZone.classList.remove('drop-zone-hover');
                window.showDragNotification('Görev taşınırken hata oluştu!', 'error');
            });

            this.draggedTaskId = null;
            this.isDraggingWithinDay = false;
        }

        document.querySelectorAll('.drop-zone').forEach(zone => {
            zone.classList.remove('drop-zone-active', 'drop-zone-hover');
        });
    },

    handleBasketDrop(event) {
        event.preventDefault();
        event.stopPropagation();

        if (window.inboxDrag?.emailId) {
            window.inboxDrag.emailId = null;

            window.showDragNotification('E-posta ertelenmiş göreve dönüştürülemez, bir güne bırakın.', 'error');

            document.querySelectorAll('.drop-zone').forEach(zone => {
                zone.classList.remove('drop-zone-active', 'drop-zone-hover');
            });

            return;
        }

        console.log('Basket drop event:', {
            draggedTaskDate: this.draggedTaskDate,
            draggedTaskId: this.draggedTaskId
        });

        if (this.draggedTaskId) {
            console.log('Moving task to basket');
            const dropZone = event.currentTarget;
            dropZone.classList.add('drop-zone-hover');

            window.showDragNotification('Görev sepete taşınıyor...', 'loading');

            $wire.call('moveTaskToBasket', this.draggedTaskId).then(() => {
                dropZone.classList.remove('drop-zone-hover');
                window.showDragNotification('Görev başarıyla sepete taşındı!', 'success');
            }).catch(() => {
                dropZone.classList.remove('drop-zone-hover');
                window.showDragNotification('Görev sepete taşınırken hata oluştu!', 'error');
            });

            this.draggedTaskId = null;
            this.isDraggingWithinDay = false;
        }

        document.querySelectorAll('.drop-zone').forEach(zone => {
            zone.classList.remove('drop-zone-active', 'drop-zone-hover');
        });
    }
}" @process-list-open.window="$wire.openProcessList()" @process-create-open.window="$wire.editProcess()">
    {{-- Loading indicator for drag operations --}}
    <div wire:loading
        wire:target="moveTaskToDate,reorderTasksInDay,moveTaskToNextWeek,moveOpenTasksToNextWeek,moveOpenTasksToThisDay,archiveTask,moveTaskToBasket"
        class="fixed z-50 px-4 py-2 text-white transform rounded-lg shadow-lg -transtone-x-1/2 bg-sky-700 bottom-4 left-1/2">
        <div class="flex items-center gap-x-2">
            <svg class="w-4 h-4 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4">
                </circle>
                <path class="opacity-75" fill="currentColor"
                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
                </path>
            </svg>
            <span class="text-sm">Görev işleniyor...</span>
        </div>
    </div>

    <style>
        .dragging {
            opacity: 0.5 !important;
            transform: scale(0.95) !important;
            z-index: 1000;
        }

        .drop-zone-active {
            border-color: rgb(14, 165, 233) !important;
            border-style: dashed !important;
            border-width: 2px !important;
            min-height: 100px !important;
        }

        .drop-zone-hover {
            border-color: rgb(2, 132, 199) !important;
            border-style: solid !important;
            border-width: 2px !important;
        }

        .task-card {}

        .task-card:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        /* Gün içi sıralama için drop indicator */
        .task-drop-indicator {
            height: 2px;
            background-color: #d97706;
            margin: 2px 0;
            opacity: 0;
            transition: opacity 0.2s ease-in-out;
        }

        .task-drop-indicator.active {
            opacity: 1;
        }

        .task-drop-zone {
            min-height: 4px;
            transition: all 0.2s ease-in-out;
        }

        .task-drop-zone.drag-over {
            background-color: rgb(68, 64, 60);
            min-height: 20px;
            border: 2px dashed #d97706;
            border-radius: 4px;
        }

        .task-basket {
            transition: all 0.2s ease-in-out;
        }

        .task-basket::-webkit-scrollbar {
            height: 6px;
        }

        .task-basket::-webkit-scrollbar-track {
            background: #2d2d2d;
            border-radius: 3px;
        }

        .task-basket::-webkit-scrollbar-thumb {
            background: #4b5563;
            border-radius: 3px;
        }

        .task-basket::-webkit-scrollbar-thumb:hover {
            background: #6b7280;
        }

        /* Modal Livewire tarafından DOM'a eklendiği için x-transition girişini çalışmaz */
        .task-modal-panel {
            animation: taskModalIn 0.16s ease-out;
        }

        @keyframes taskModalIn {
            from {
                opacity: 0;
                transform: translateY(8px) scale(0.98);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
    </style>

    {{-- GÖREV SEPETİ (BEKLEYEN TARİHSİZ GÖREVLER) — SOL ALT KÖŞEDE AÇILIR PENCERE --}}
    @include('livewire.partials.task-basket')

    {{-- TAKVİM --}}
    @if ($view_mode === 'month')
    @include('livewire.partials.month-calendar')
    @else
    @php
    $viewGridClass = [1 => 'lg:grid-cols-1', 3 => 'lg:grid-cols-3', 5 => 'lg:grid-cols-5', 7 =>
    'lg:grid-cols-7'][\App\Support\WeekView::days($view_mode)];
    @endphp
    <div class="hidden px-3 py-1 lg:block">
        @include('livewire.partials.process-calendar-strip', [
        'row' => $processCalendarRows[$start_date] ?? [],
        'rowKey' => $start_date,
        ])
    </div>
    <div
        class="grid h-screen grid-cols-1 p-3 bg-gradient-to-br from-stone-200 to-stone-300 rounded-xl gap-x-3 {{ $viewGridClass }}">
        @for ($today = \Carbon\Carbon::parse($start_date); $today->lte(\Carbon\Carbon::parse($end_date));
        $today->addDay())
        <div class="min-w-0">
            {{-- DAY --}}
            <div class="pb-2 text-center border rounded-lg bg-stone-100 text-stone-400 border-stone-500/60 drop-zone"
                x-data="{ isDragOver: false }" x-on:dragover.prevent="isDragOver = true"
                x-on:dragleave.prevent="isDragOver = false"
                x-on:drop.prevent="handleDrop($event, '{{ $today->toDateString() }}')">

                <div
                    class="flex rounded-t-lg items-center justify-center {{ $today->isToday() ? 'border-b-4 border-sky-600 bg-sky-100' : 'border-b border-stone-300 bg-stone-100' }}">
                    <div class="p-2 text-xs text-stone-600">
                        @php
                        // Tarih Carbon nesnesi değilse dönüştür
                        $dateObject =
                        $today instanceof \Carbon\Carbon ? $today : \Carbon\Carbon::parse($date);
                        @endphp
                        @if ($today->isToday())
                        <span class="text-base font-semibold">
                            Bugün
                        </span>
                        @endif
                        {{ $dateObject->locale('tr')->translatedFormat('l') }}
                        <span class="text-lg font-bold text-stone-700">{{
                            $dateObject->locale('tr')->translatedFormat('d') }}</span>
                        {{ $dateObject->locale('tr')->translatedFormat('F') }}
                    </div>
                </div>

                <div class="grid gap-1 px-2 pt-1 lg:hidden">
                    @foreach ($calendarProcesses as $process)
                    @if ($process->containsDate($dateObject->toDateString()))
                    <x-process-badge :process="$process" :block="true" />
                    @endif
                    @endforeach
                </div>
                <div class="grid flex-1 p-1.5 gap-y-1">
                    @php
                    $currentDate = $dateObject->format('Y-m-d');
                    $dailyTasks = $tasks_by_date[$currentDate] ?? collect();
                    $paids = $paids_by_days[$currentDate] ?? collect();
                    $receiveds = $receiveds_by_days[$currentDate] ?? collect();
                    $sales = $sales_by_days[$currentDate] ?? collect();
                    $purchases = $purchases_by_days[$currentDate] ?? collect();
                    $planned_paids = $planned_paids_by_days[$currentDate] ?? collect();
                    $sending_offers = $offers_by_days[$currentDate] ?? collect();
                    $rejected_offers = $rejected_offers_by_days[$currentDate] ?? collect();
                    $deals = $deals_by_days[$currentDate] ?? collect();
                    @endphp

                    {{-- ÖNEMLİ --}}
                    @if ($planned_paids->count() > 0)
                    <div class="px-2 pt-1 pb-2 border rounded-lg border-amber-200 bg-amber-50">
                        <div class="flex items-center gap-x-0.5 text-amber-600">
                            <span class="text-base material-symbols-rounded">
                                notifications_active
                            </span>
                            <span class="text-xs">Önemli</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($planned_paids as $item)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $item->related_name ?: ($item->type == 'statement' ? 'Banka belirtilmemiş' :
                                        'Firma belirtilmemiş') }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-amber-600">
                                        {{ number_format($item->amount, 0, ',', '.') }}<span>{{ $item->currency
                                            }}</span>
                                    </div>
                                </div>
                                <div class="text-xs text-left text-stone-500">
                                    @if ($item->type == 'statement')
                                    Asgari tutar:
                                    {{ $item->description }}<span>
                                        {{ $item->currency }}</span>
                                    @else
                                    {{ $item->title }}, {{ $item->description }}
                                    @endif
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- TAHSİLATLAR --}}
                    @if ($receiveds->count() > 0)
                    <div
                        class="px-2 pt-1 pb-2 font-semibold border border-teal-700 rounded-lg bg-gradient-to-br from-teal-500 to-teal-400">
                        <div class="flex items-center gap-x-0.5 text-white">
                            <span class="text-base material-symbols-rounded">
                                south_west
                            </span>
                            <span class="text-xs">Tahsilat</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($receiveds as $item)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center text-teal-900 gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $item->company ? $item->company->name : 'Belirtilmemiş' }}
                                    </div>
                                    <div class="flex gap-x-0.5">
                                        +{{ number_format($item->amount, 0, ',', '.') }}<span>{{ $item->currency
                                            }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- ÖDEMELER --}}
                    @if ($paids->count() > 0)
                    <div
                        class="px-2 pt-1 pb-2 font-semibold border rounded-lg border-rose-700 bg-gradient-to-br from-rose-500/80 to-rose-400">
                        <div class="flex items-center gap-x-0.5 text-white">
                            <span class="text-base material-symbols-rounded">
                                north_east
                            </span>
                            <span class="text-xs">Ödeme/Harcama</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($paids as $paid)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center text-rose-950 gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $paid->company ? $paid->company->name : $paid->name }}
                                    </div>
                                    <div class="flex gap-x-0.5">
                                        -{{ number_format($paid->amount, 0, ',', '.') }}<span>{{ $paid->currency ?
                                            $paid->currency : 'TRL' }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- SATIŞLAR --}}
                    @if ($sales->count() > 0)
                    <div class="px-2 pt-1 pb-2 border border-blue-200 rounded-lg bg-blue-50">
                        <div class="flex items-center gap-x-0.5 text-blue-600">
                            <span class="text-base material-symbols-rounded">
                                receipt_long
                            </span>
                            <span class="text-xs">Satış</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($sales as $item)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $item->company ? $item->company->name : 'Belirtilmemiş' }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-blue-600">
                                        @if ($item->currency != 'TRL')
                                        {{ number_format($item->ex_amount, 0, ',', '.') }}
                                        @else
                                        {{ number_format($item->total_amount, 0, ',', '.') }}
                                        @endif
                                        <span>{{ $item->currency }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- ALIŞLAR --}}
                    @if ($purchases->count() > 0)
                    <div class="px-2 pt-1 pb-2 border border-orange-200 rounded-lg bg-orange-50">
                        <div class="flex items-center gap-x-0.5 text-orange-600">
                            <span class="text-base material-symbols-rounded">
                                receipt_long
                            </span>
                            <span class="text-xs">Alış</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($purchases as $item)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $item->company ? $item->company->name : 'Belirtilmemiş' }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-orange-600">
                                        {{ number_format($item->total_amount, 0, ',', '.') }}<span>{{ $item->currency
                                            }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- ANLAŞMALAR --}}
                    @if ($deals->count() > 0)
                    <div class="px-2 pt-1 pb-2 border border-teal-200 rounded-lg bg-teal-50">
                        <div class="flex items-center gap-x-0.5 text-teal-600">
                            <span class="text-base material-symbols-rounded">
                                stylus_note
                            </span>
                            <span class="text-xs">Anlaşma</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($deals as $deal)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $deal->company->name }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-teal-600">
                                        {{ number_format($deal->value, 0, ',', '.') }}<span>{{ $deal->currency }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- REDDİLEN TEKLİFLER --}}
                    @if ($rejected_offers->count() > 0)
                    <div class="px-2 pt-1 pb-2 border border-red-200 rounded-lg bg-red-50">
                        <div class="flex items-center gap-x-0.5 text-red-600">
                            <span class="text-base material-symbols-rounded">
                                block
                            </span>
                            <span class="text-xs">Reddedildi</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($rejected_offers as $offer)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $offer->company->name }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-red-600">
                                        {{ number_format($offer->ex_total, 0, ',', '.') }}
                                        <span>{{ $offer->currency }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- SENDING OFFERS --}}
                    @if ($sending_offers->count() > 0)
                    <div class="px-2 pt-1 pb-2 border rounded-lg border-sky-200 bg-sky-50">
                        <div class="flex items-center gap-x-0.5 text-sky-600">
                            <span class="text-base material-symbols-rounded">
                                forward
                            </span>
                            <span class="text-xs">Gönd.Teklif</span>
                        </div>
                        <div class="grid gap-1 mt-0.5">
                            @foreach ($sending_offers as $offer)
                            <div>
                                <div class="flex justify-start col-span-1 text-xs text-center gap-x-2">
                                    <div class="overflow-hidden text-left uppercase text-ellipsis">
                                        #{{ $offer->company->name }}
                                    </div>
                                    <div class="flex gap-x-0.5 text-sky-600">
                                        {{ number_format($offer->ex_total, 0, ',', '.') }}
                                        <span>{{ $offer->currency }}</span>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- GÖREVLER --}}
                    @if ($dailyTasks->count() > 0)
                    <div class="relative px-0.5 pt-1 rounded">
                        <div class="flex items-center gap-x-1">
                            <span class="text-base material-symbols-rounded text-stone-500">
                                view_agenda
                            </span>
                            <span class="text-xs text-stone-500">Görev Kartları</span>
                        </div>

                        {{-- KART MENU --}}
                        @if ($dailyTasks->count() > 1)
                        <div x-data="{ open: false, showTooltip: false }" x-cloak=""
                            class="absolute inline-block text-left rounded top-1 right-1">
                            <div class="relative">
                                <button @click="open = !open" @mouseenter="showTooltip = true"
                                    @mouseleave="showTooltip = false" type="button"
                                    class="flex items-center px-1 transition-colors" id="menu-button"
                                    aria-expanded="true" aria-haspopup="true">
                                    <span class="sr-only">Open options</span>
                                    <span class="text-base material-symbols-rounded">
                                        menu
                                    </span>
                                </button>

                                {{-- Dropdown Menu --}}
                                <div x-show="open" x-transition @click.away="open = false"
                                    class="absolute right-0 z-10 w-56 mt-2 origin-top-right rounded-md shadow-lg text-stone-200 bg-stone-800 ring-1 ring-stone-600 focus:outline-none">
                                    <div class="py-1" role="menu" aria-orientation="vertical">
                                        <button
                                            @click="$wire.call('moveOpenTasksToNextWeek', '{{ $currentDate }}'); open = false"
                                            class="flex items-center w-full p-2 text-xs font-normal text-left hover:bg-stone-700 gap-x-2"
                                            role="menuitem">
                                            <span class="text-base material-symbols-rounded">
                                                skip_next
                                            </span>
                                            <span class="text-stone-200">Açık kartları haftaya
                                                gönder
                                                (Pazartesi)</span>
                                        </button>
                                        @unless ($today->isToday())
                                        <button
                                            @click="$wire.call('moveOpenTasksToThisDay', '{{ $currentDate }}'); open = false"
                                            class="flex items-center w-full p-2 text-xs font-normal text-left hover:bg-stone-700 gap-x-2"
                                            role="menuitem">
                                            <span class="text-base material-symbols-rounded">
                                                today
                                            </span>
                                            <span class="text-stone-200">Açık kartları mevcut güne
                                                gönder
                                                (Bugün)</span>
                                        </button>
                                        @endunless
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        {{-- KARTLAR --}}
                        <div class="flex flex-col gap-0.5">
                            <!-- AÇIK GÖREVLER -->
                            <div class="task-list" data-date="{{ $dateObject->toDateString() }}">
                                @foreach ($dailyTasks->where('status', 'new') as $task)
                                @php
                                // Drag and drop is enabled for everyone (creator, assignee, team members)
                                $canDrag = true;
                                @endphp
                                <div class="task-drop-zone" x-on:dragover.prevent="handleTaskDragOver($event)"
                                    x-on:dragleave.prevent="handleTaskDragLeave($event)"
                                    x-on:drop.prevent="handleTaskDrop($event, {{ $task->id }}, 'before')">
                                    <div class="task-drop-indicator"></div>
                                </div>
                                <div class="relative grid items-center p-2 rounded-r-lg shadow bg-white border-l-4 {{ $task->color == null ? 'border-stone-200' : 'border-' . $task->color . '-500' }} cursor-move hover:outline hover:outline-stone-300"
                                    wire:key="{{ $task->id }}" draggable="true" data-task-id="{{ $task->id }}"
                                    data-task-date="{{ $dateObject->toDateString() }}"
                                    x-on:dragstart="startTaskDrag($event, {{ $task->id }})"
                                    x-on:dragend="endTaskDrag($event)" wire:click="openTaskModal({{ $task->id }})">
                                    <div class="grid items-center text-xs italic text-left gap-y-1 text-stone-800">
                                        {{-- ASSIGNED USER BADGE - TOP POSITION --}}
                                        @if ($task->assignedUser)
                                        <div>
                                            <span
                                                class="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-md bg-violet-100 text-violet-700 ring-1 ring-inset ring-violet-500/20">
                                                @if (auth()->id() !== $task->user_id && auth()->id() !==
                                                $task->assigned_to)
                                                {{ $task->assignedUser->name }}
                                                @endif
                                                @if (auth()->id() == $task->user_id)
                                                Siz<span class="text-xs material-symbols-rounded">arrow_forward</span>
                                                {{ $task->assignedUser->name }}
                                                @endif
                                                @if (auth()->id() == $task->assigned_to)
                                                {{-- Current user is the assigner - show right arrow --}}
                                                {{ $task->creator->name }}
                                                <span class="text-xs material-symbols-rounded">arrow_forward</span>Siz
                                                @endif
                                            </span>
                                        </div>
                                        @endif
                                        {{-- Başlık varsa ("Görev" placeholder'ı boş sayılır) başlık, yoksa not --}}
                                        <p>{{ $task->title && trim($task->title) !== 'Görev' ? $task->title :
                                            $task->note }}
                                        </p>
                                        <!-- TASK INFO ICONS -->
                                        <div class="flex items-center flex-nowrap px-1 pt-1 gap-x-2.5 text-stone-400">
                                            <x-process-badge :process="$task->process" />
                                            @if ($task->linkedGmailMessages->isNotEmpty())
                                            <!-- IF MAIL -->
                                            <img class="w-4 h-4" src="https://cdn.apper.com.tr/img/brands/gmail.ico"
                                                alt="">
                                            @endif
                                            @if ($task->notes->isNotEmpty())
                                            <!-- IF NOTE -->
                                            <svg class="size-[18px]" fill="currentColor"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                <path
                                                    d="M384 128C384 145.7 369.7 160 352 160L128 160C110.3 160 96 145.7 96 128C96 110.3 110.3 96 128 96L352 96C369.7 96 384 110.3 384 128zM384 384C384 401.7 369.7 416 352 416L128 416C110.3 416 96 401.7 96 384C96 366.3 110.3 352 128 352L352 352C369.7 352 384 366.3 384 384zM96 256C96 238.3 110.3 224 128 224L512 224C529.7 224 544 238.3 544 256C544 273.7 529.7 288 512 288L128 288C110.3 288 96 273.7 96 256zM544 512C544 529.7 529.7 544 512 544L128 544C110.3 544 96 529.7 96 512C96 494.3 110.3 480 128 480L512 480C529.7 480 544 494.3 544 512z" />
                                            </svg>
                                            @endif
                                            @if ($task->invoices->isNotEmpty())
                                            <!-- IF INVOICE -->
                                            <svg class="size-[18px]" fill="currentColor"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                <path
                                                    d="M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z" />
                                            </svg>
                                            @endif
                                            @if ($task->company)
                                            <!-- IF COMPANY -->
                                            <div class="flex items-center shrink-0 gap-x-1.5">
                                                <span title="{{ Str::limit($task->company->name, 10) }}">
                                                    <svg class="size-[18px]" fill="currentColor"
                                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                        <path
                                                            d="M53.5 245.1L110.3 131.4C121.2 109.7 143.3 96 167.6 96L472.5 96C496.7 96 518.9 109.7 529.7 131.4L586.5 245.1C590.1 252.3 592 260.2 592 268.3C592 295.6 570.8 318 544 319.9L544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512L480 320L384 320L384 496C384 522.5 362.5 544 336 544L144 544C117.5 544 96 522.5 96 496L96 319.9C69.2 318 48 295.6 48 268.3C48 260.3 49.9 252.3 53.5 245.1zM160 320L160 432C160 440.8 167.2 448 176 448L304 448C312.8 448 320 440.8 320 432L320 320L160 320z" />
                                                    </svg>
                                                </span>
                                                <span class="text-[10px]" style="white-space:nowrap">{{
                                                    Str::limit($task->company->name, 10) }}</span>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                                {{-- Drop zone after the last new task --}}
                                @php
                                $lastTask = $dailyTasks->where('status', 'new')->last();
                                @endphp
                                @if ($lastTask)
                                <div class="task-drop-zone" x-on:dragover.prevent="handleTaskDragOver($event)"
                                    x-on:dragleave.prevent="handleTaskDragLeave($event)"
                                    x-on:drop.prevent="handleTaskDrop($event, {{ $lastTask->id }}, 'after')">
                                    <div class="task-drop-indicator"></div>
                                </div>
                                @endif
                            </div>
                            <!-- TAMALANAN GÖREVLER -->
                            @if ($dailyTasks->where('status', 'completed')->count() > 0)
                            <div class="flex flex-col pt-2 space-y-1">
                                @foreach ($dailyTasks->where('status', 'completed') as $task)
                                <div class="relative grid items-center p-2 rounded-r-lg shadow bg-white border-l-4 {{ $task->color == null ? 'border-stone-200' : 'border-' . $task->color . '-500' }} opacity-60 cursor-move hover:outline hover:outline-stone-300"
                                    wire:key="{{ $task->id }}" wire:click="openTaskModal({{ $task->id }})">
                                    <div class="grid items-center text-xs italic text-left gap-y-1 text-stone-800">
                                        {{-- ASSIGNED USER BADGE - TOP POSITION --}}
                                        @if ($task->assignedUser)
                                        <div>
                                            <span
                                                class="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-md bg-violet-100 text-violet-700 ring-1 ring-inset ring-violet-500/20">
                                                @if (auth()->id() !== $task->user_id && auth()->id() !==
                                                $task->assigned_to)
                                                {{ $task->assignedUser->name }}
                                                @endif
                                                @if (auth()->id() == $task->user_id)
                                                Siz<span class="text-xs material-symbols-rounded">arrow_forward</span>
                                                {{ $task->assignedUser->name }}
                                                @endif
                                                @if (auth()->id() == $task->assigned_to)
                                                {{ $task->creator->name }}
                                                <span class="text-xs material-symbols-rounded">arrow_forward</span>Siz
                                                @endif
                                            </span>
                                        </div>
                                        @endif
                                        <p>{{ $task->title && trim($task->title) !== 'Görev' ? $task->title :
                                            $task->note }}
                                        </p>
                                        <!-- TASK INFO ICONS -->
                                        <div class="flex items-center flex-nowrap px-1 pt-1 gap-x-2.5 text-stone-400">
                                            <div class="text-teal-600">
                                                <svg class="size-[18px]" fill="currentColor"
                                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                    <path
                                                        d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" />
                                                </svg>
                                            </div>
                                            <x-process-badge :process="$task->process" />
                                            @if ($task->linkedGmailMessages->isNotEmpty())
                                            <!-- IF MAIL -->
                                            <img class="w-4 h-4" src="https://cdn.apper.com.tr/img/brands/gmail.ico"
                                                alt="">
                                            @endif
                                            @if ($task->notes->isNotEmpty())
                                            <!-- IF NOTE -->
                                            <svg class="size-[18px]" fill="currentColor"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                <path
                                                    d="M384 128C384 145.7 369.7 160 352 160L128 160C110.3 160 96 145.7 96 128C96 110.3 110.3 96 128 96L352 96C369.7 96 384 110.3 384 128zM384 384C384 401.7 369.7 416 352 416L128 416C110.3 416 96 401.7 96 384C96 366.3 110.3 352 128 352L352 352C369.7 352 384 366.3 384 384zM96 256C96 238.3 110.3 224 128 224L512 224C529.7 224 544 238.3 544 256C544 273.7 529.7 288 512 288L128 288C110.3 288 96 273.7 96 256zM544 512C544 529.7 529.7 544 512 544L128 544C110.3 544 96 529.7 96 512C96 494.3 110.3 480 128 480L512 480C529.7 480 544 494.3 544 512z" />
                                            </svg>
                                            @endif
                                            @if ($task->invoices->isNotEmpty())
                                            <!-- IF INVOICE -->
                                            <svg class="size-[18px]" fill="currentColor"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                <path
                                                    d="M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z" />
                                            </svg>
                                            @endif
                                            @if ($task->company)
                                            <!-- IF COMPANY -->
                                            <div class="flex items-center shrink-0 gap-x-1.5">
                                                <span title="{{ Str::limit($task->company->name, 10) }}">
                                                    <svg class="size-[18px]" fill="currentColor"
                                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                                        <path
                                                            d="M53.5 245.1L110.3 131.4C121.2 109.7 143.3 96 167.6 96L472.5 96C496.7 96 518.9 109.7 529.7 131.4L586.5 245.1C590.1 252.3 592 260.2 592 268.3C592 295.6 570.8 318 544 319.9L544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512L480 320L384 320L384 496C384 522.5 362.5 544 336 544L144 544C117.5 544 96 522.5 96 496L96 319.9C69.2 318 48 295.6 48 268.3C48 260.3 49.9 252.3 53.5 245.1zM160 320L160 432C160 440.8 167.2 448 176 448L304 448C312.8 448 320 440.8 320 432L320 320L160 320z" />
                                                    </svg>
                                                </span>
                                                <span class="text-[10px]" style="white-space:nowrap">{{
                                                    Str::limit($task->company->name, 10) }}</span>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>

                {{-- NEW CARD --}}
                <div id="card" class="py-2">
                    <button @click="$refs.actionArea{{ $dateObject->format('Ymd') }}.classList.toggle('hidden')"
                        type="button" class="flex items-center mx-2 rounded-lg text-stone-600 gap-x-1 focus:ring-2"
                        id="menu-button" aria-expanded="true" aria-haspopup="true">
                        <svg class="size-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 640 640">
                            <path
                                d="M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z" />
                        </svg>
                        <span class="text-xs">Kart Ekle</span>
                    </button>

                    <div x-ref="actionArea{{ $dateObject->format('Ymd') }}" class="hidden p-1">
                        <textarea
                            class="w-full px-2 pt-1 text-sm bg-white border rounded-t-lg text-stone-800 border-stone-200 focus:ring-2 focus:ring-stone-200"
                            name="details" rows="3" required wire:model.defer="dayAction"
                            placeholder="açıklama yazın..."></textarea>
                        <div class="flex items-center justify-between">
                            <button wire:click="cancelDayAction"
                                @click="$refs.actionArea{{ $dateObject->format('Ymd') }}.classList.add('hidden')"
                                class="w-full px-4 py-2 text-xs font-semibold text-stone-200 rounded-bl-md bg-stone-600 hover:bg-stone-700 focus:ring-2 focus:ring-stone-800 disabled:opacity-70">
                                <span>VAZGEÇ</span>
                            </button>
                            <button wire:click="saveDayAction('{{ $dateObject->toDateString() }}', 'completed')"
                                wire:loading.attr="disabled"
                                class="w-full px-4 py-2 text-xs font-semibold text-white bg-sky-700 hover:bg-sky-800 focus:ring-2 focus:ring-sky-800 disabled:opacity-70">
                                <span wire:target="saveDayAction">TAMAMLANDI</span>
                            </button>
                            <button wire:click="saveDayAction('{{ $dateObject->toDateString() }}', 'task')"
                                wire:loading.attr="disabled"
                                class="w-full px-4 py-2 text-xs font-semibold rounded-br-md text-stone-200 bg-stone-700 hover:bg-stone-800 focus:ring-2 focus:ring-stone-800 disabled:opacity-70">
                                <span wire:target="saveDayAction">GÖREV</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endfor
    </div>
    @endif

    @if ($view_mode === 'month')
    @include('modals.calendar-task-create')
    @endif

    {{-- GÖREV DETAY MODALI --}}
    @include('modals.task-detail')
    @include('modals.process-manager')

    {{-- GLOBAL LIVEWIRE LOADING OVERLAY - Inside root div --}}
    <div wire:loading.flex
        wire:target="openProcessList,openProcessModal,editProcess,openContinuation,openProcessTask,returnToProcess,saveProcess,saveProcessTask,confirmProcessAttachment,detachProcessTask,setProcessCompleted,saveModalTaskDate,openCreateTaskModal,openTaskModal,changeDate,changeDateDayTasks,moveTaskToDate,saveDayAction,createTaskFromEmail,cancelDayAction,reorderTasksInDay,updateTaskNote,addNote,updateNote,deleteNote,linkEmailToTask,unlinkEmailFromTask,linkInvoiceToTask,unlinkInvoiceFromTask,assignCompanyToTask,createAndAssignCompany,assignUserToTask,markTaskAsCompleted,markTaskAsCompletedWithAi,markTaskAsNew,updateTaskColor,moveTaskToNextWeek,moveOpenTasksToNextWeek,moveOpenTasksToThisDay,archiveTask,moveTaskToBasket"
        class="fixed inset-0 z-[70] items-center justify-center bg-stone-900/30 backdrop-blur-sm">
        <div class="flex flex-col items-center gap-4">
            {{-- Spinning Circle --}}
            <div class="w-16 h-16 border-4 rounded-full border-stone-600 border-t-teal-500 animate-spin">
            </div>
            {{-- Loading Text --}}
            <div class="text-sm font-medium text-stone-100">Lütfen bekleyin..</div>
        </div>
    </div>

    <script>
        // Global notification function
        window.showDragNotification = function(message, type) {
            // Remove any existing notifications
            const existingNotification = document.querySelector('.drag-notification');
            if (existingNotification) {
                existingNotification.remove();
            }

            // Create notification
            const notification = document.createElement('div');
            notification.className =
                `drag-notification fixed top-4 right-4 px-4 py-2 rounded-lg shadow-lg z-[70] text-sm font-medium transition-all duration-300`;

            switch (type) {
                case 'success':
                    notification.className += ' bg-teal-600 text-white';
                    break;
                case 'error':
                    notification.className += ' bg-rose-600 text-white';
                    break;
                case 'loading':
                    notification.className += ' bg-sky-600 text-white';
                    break;
                default:
                    notification.className += ' bg-stone-600 text-white';
            }

            notification.textContent = message;
            document.body.appendChild(notification);

            // Auto remove after 3 seconds (except for loading)
            if (type !== 'loading') {
                setTimeout(() => {
                    if (notification.parentNode) {
                        notification.style.opacity = '0';
                        notification.style.transform = 'transtoneX(100%)';
                        setTimeout(() => notification.remove(), 300);
                    }
                }, 3000);
            }
        };

        // Listen for Livewire updates and events
        document.addEventListener('livewire:navigated', () => {
            // Cleanup any remaining drag states
            cleanupDragStates();
        });

        // Listen for Livewire component updates
        document.addEventListener('livewire:update', () => {
            // Clean up drag states after component updates
            setTimeout(() => {
                cleanupDragStates();
            }, 100);
        });

        // Cleanup function
        function cleanupDragStates() {
            document.querySelectorAll('.drop-zone').forEach(zone => {
                zone.classList.remove('drop-zone-active', 'drop-zone-hover');
            });
            document.querySelectorAll('.task-card').forEach(card => {
                card.classList.remove('dragging');
            });
            document.querySelectorAll('.task-drop-zone').forEach(zone => {
                zone.classList.remove('drag-over');
            });
            document.querySelectorAll('.task-drop-indicator').forEach(indicator => {
                indicator.classList.remove('active');
            });
            // Remove any notifications
            document.querySelectorAll('.drag-notification').forEach(notification => {
                notification.remove();
            });
        }

        // Listen for Livewire events
        document.addEventListener('DOMContentLoaded', function() {
            Livewire.on('taskMoved', (data) => {
                console.log('Task moved successfully:', data);
                cleanupDragStates();
                window.showDragNotification('Görev başarıyla kaydedildi!', 'success');
            });

            Livewire.on('taskReordered', (data) => {
                console.log('Task reordered successfully:', data);
                cleanupDragStates();
            });

            Livewire.on('taskMoveError', (message) => {
                // Show error notification
                window.showDragNotification(message, 'error');
                cleanupDragStates();
            });

            Livewire.on('companyAssigned', (data) => {
                console.log('Company assigned successfully:', data);
                window.showDragNotification('İşletme başarıyla atandı!', 'success');
            });

            Livewire.on('taskUpdateError', (message) => {
                // Show error notification
                window.showDragNotification(message, 'error');
            });

            Livewire.on('noteDeleted', () => {
                window.showDragNotification('Not satırı silindi.', 'success');
            });

            Livewire.on('taskStatusUpdated', (data) => {
                console.log('Task status updated:', data);
                if (data.status === 'completed') {
                    if (data.note) {
                        window.showDragNotification('Sihir yapıldı ve görev tamamlandı!', 'success');
                    } else {
                        window.showDragNotification('Görev tamamlandı!', 'success');
                    }
                } else if (data.status === 'new') {
                    window.showDragNotification('Görev tekrar aktif edildi!', 'success');
                }
            });

            Livewire.on('taskArchived', (data) => {
                console.log('Task archived successfully:', data);
                window.showDragNotification('Görev arşivlendi!', 'success');
            });
        });
    </script>

</div>