@extends('layouts.app')

@section('title', 'Pazarlama Kart Detayi')

@section('content')
    @php
        $status = strtolower(trim((string) ($task->status ?? 'todo')));
        $priority = strtolower(trim((string) ($task->priority ?? 'normal')));

        $statusMap = [
            'todo' => ['label' => 'To Do', 'class' => 'bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle'],
            'active' => ['label' => 'In Progress', 'class' => 'bg-warning-subtle text-warning-emphasis border border-warning-subtle'],
            'done' => ['label' => 'Done', 'class' => 'bg-success-subtle text-success-emphasis border border-success-subtle'],
        ];
        $priorityMap = [
            'low' => ['label' => 'Low', 'class' => 'bg-info'],
            'normal' => ['label' => 'Normal', 'class' => 'bg-secondary'],
            'high' => ['label' => 'High', 'class' => 'bg-warning text-dark'],
            'critical' => ['label' => 'Critical', 'class' => 'bg-danger'],
        ];

        $statusCfg = $statusMap[$status] ?? $statusMap['todo'];
        $priorityCfg = $priorityMap[$priority] ?? $priorityMap['normal'];
        $projectColor = trim((string) ($task->project_color ?? ''));
        $projectStyle = $projectColor !== '' ? 'background-color:' . e($projectColor) . ';color:#fff;' : '';
        $progress = isset($detailData['progress_percent']) && $detailData['progress_percent'] !== null
            ? max(0, min(100, (int) $detailData['progress_percent']))
            : 0;
    @endphp

    <div class="container-fluid">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
            <div class="d-flex align-items-center gap-2">
                <a href="{{ route('admin.marketing.index', ['project_id' => (int) ($task->project_id ?? 0) > 0 ? (int) $task->project_id : null]) }}"
                    class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i> Board
                </a>
                <span class="badge {{ $statusCfg['class'] }}">{{ $statusCfg['label'] }}</span>
                <span class="badge {{ $priorityCfg['class'] }}">{{ $priorityCfg['label'] }}</span>
                <span class="badge border" style="{{ $projectStyle }}">{{ $task->project_name }}</span>
            </div>
            @if ($canManage)
                <form method="post" action="{{ route('admin.marketing.tasks.delete', ['id' => $task->id]) }}"
                    class="js-marketing-delete-form" data-skip-global-confirm="1">
                    @csrf
                    <button type="button" class="btn btn-sm btn-outline-danger js-marketing-delete-btn"
                        data-confirm-title="Kart Sil"
                        data-confirm-message="Bu karti silmek istediginize emin misiniz?">
                        <i class="bi bi-trash me-1"></i> Sil
                    </button>
                </form>
            @endif
        </div>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        <div class="row g-3">
            <div class="col-12 col-xxl-8">
                <div class="card shadow-sm border-0 mb-3">
                    <div class="card-body p-4">
                        <h3 class="h4 mb-1">{{ $task->title }}</h3>
                        <div class="small text-muted mb-3">
                            Oluşturan: {{ $task->creator_name ?: '-' }} | Sorumlu: {{ $task->owner_name ?: '-' }} | Oluşturma: {{ \Carbon\Carbon::parse($task->created_at)->format('d.m.Y H:i') }}
                        </div>
                        <div class="border rounded-3 p-3 bg-light-subtle">
                            {{ $task->description ?: 'Açıklama girilmemis.' }}
                        </div>
                    </div>
                </div>

                @if ($canManage)
                    <div class="card shadow-sm border-0 mb-3">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0">Kart Durumu ve Atama</h5>
                        </div>
                        <div class="card-body">
                            <form method="post" action="{{ route('admin.marketing.tasks.status', ['id' => $task->id]) }}" class="row g-2">
                                @csrf
                                <input type="hidden" name="return_to" value="detail">
                                <div class="col-md-4">
                                    <label class="form-label mb-1">Durum</label>
                                    <select name="status" class="form-select form-select-sm">
                                        <option value="todo" {{ $status === 'todo' ? 'selected' : '' }}>To Do</option>
                                        <option value="active" {{ $status === 'active' ? 'selected' : '' }}>In Progress</option>
                                        <option value="done" {{ $status === 'done' ? 'selected' : '' }}>Done</option>
                                    </select>
                                </div>
                                <div class="col-md-4 d-flex align-items-end">
                                    <button type="submit" class="btn btn-sm btn-primary">Durumu Güncelle</button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="card shadow-sm border-0 mb-3">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0">Kurumsal Kart Detaylari</h5>
                        </div>
                        <div class="card-body">
                            <form method="post" action="{{ route('admin.marketing.tasks.details', ['id' => $task->id]) }}" class="row g-3">
                                @csrf
                                <input type="hidden" name="return_to" value="detail">
                                <div class="col-md-6">
                                    <label class="form-label mb-1">Is Hedefi</label>
                                    <input type="text" name="business_goal" class="form-control form-control-sm" value="{{ $detailData['business_goal'] ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mb-1">Paydaslar</label>
                                    <input type="text" name="stakeholders" class="form-control form-control-sm" value="{{ $detailData['stakeholders'] ?? '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Kanal</label>
                                    @php $channel = (string) ($detailData['channel'] ?? ''); @endphp
                                    <select name="channel" class="form-select form-select-sm">
                                        <option value="">Seçiniz</option>
                                        <option value="digital" {{ $channel === 'digital' ? 'selected' : '' }}>Digital</option>
                                        <option value="social" {{ $channel === 'social' ? 'selected' : '' }}>Social</option>
                                        <option value="email" {{ $channel === 'email' ? 'selected' : '' }}>E-mail</option>
                                        <option value="field" {{ $channel === 'field' ? 'selected' : '' }}>Field</option>
                                        <option value="mixed" {{ $channel === 'mixed' ? 'selected' : '' }}>Mixed</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">KPI Hedefi</label>
                                    <input type="text" name="kpi_target" class="form-control form-control-sm" value="{{ $detailData['kpi_target'] ?? '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Butce</label>
                                    <input type="number" step="0.01" min="0" name="budget_amount" class="form-control form-control-sm" value="{{ $detailData['budget_amount'] ?? '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Ilerleme (%)</label>
                                    <input type="number" min="0" max="100" name="progress_percent" class="form-control form-control-sm" value="{{ $detailData['progress_percent'] ?? '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Baslangic</label>
                                    <input type="date" name="start_date" class="form-control form-control-sm" value="{{ $detailData['start_date'] ?? '' }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Bitis</label>
                                    <input type="date" name="end_date" class="form-control form-control-sm" value="{{ $detailData['end_date'] ?? '' }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label mb-1">Detay Notu</label>
                                    <textarea name="detail_note" rows="2" class="form-control form-control-sm">{{ $detailData['detail_note'] ?? '' }}</textarea>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mb-1">Riskler</label>
                                    <textarea name="risk_note" rows="2" class="form-control form-control-sm">{{ $detailData['risk_note'] ?? '' }}</textarea>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mb-1">Aksiyonlar</label>
                                    <textarea name="action_items" rows="2" class="form-control form-control-sm">{{ $detailData['action_items'] ?? '' }}</textarea>
                                </div>
                                <div class="col-12 text-end">
                                    <button type="submit" class="btn btn-sm btn-success">Detaylari Kaydet</button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0">Aktivite Ekle</h5>
                        </div>
                        <div class="card-body">
                            <form method="post" action="{{ route('admin.marketing.tasks.activities.store', ['id' => $task->id]) }}" enctype="multipart/form-data" class="row g-2">
                                @csrf
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Tur</label>
                                    <select name="activity_type" class="form-select form-select-sm">
                                        <option value="note">Yorum</option>
                                        <option value="update">Güncelleme</option>
                                        <option value="risk">Risk</option>
                                        <option value="decision">Karar</option>
                                        <option value="document">Dokuman</option>
                                    </select>
                                </div>
                                <div class="col-md-9">
                                    <label class="form-label mb-1">Başlık</label>
                                    <input type="text" name="title" class="form-control form-control-sm" placeholder="Orn: Haftalik kampanya durumu">
                                </div>
                                <div class="col-12">
                                    <label class="form-label mb-1">Mesaj</label>
                                    <textarea name="message" rows="3" class="form-control form-control-sm" placeholder="Yapilan islemi veya notu yazın..."></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mb-1">Dosya Eki</label>
                                    <input type="file" name="attachment" class="form-control form-control-sm" accept=".pdf,.xls,.xlsx,.doc,.docx,.csv,.txt,.png,.jpg,.jpeg,.webp">
                                    <div class="form-text">Maks 10 MB</div>
                                </div>
                                <div class="col-md-6 d-flex align-items-end justify-content-end">
                                    <button type="submit" class="btn btn-sm btn-primary">Aktivite Kaydet</button>
                                </div>
                            </form>
                        </div>
                    </div>
                @endif
            </div>

            <div class="col-12 col-xxl-4">
                <div class="card shadow-sm border-0 mb-3">
                    <div class="card-header bg-white py-3">
                        <h6 class="mb-0">Ilerleme</h6>
                    </div>
                    <div class="card-body">
                        <div class="progress" role="progressbar" aria-label="Ilerleme" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ $progress }}">
                            <div class="progress-bar" style="width: {{ $progress }}%">%{{ $progress }}</div>
                        </div>
                    </div>
                </div>

                <div class="card shadow-sm border-0">
                    <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                        <h6 class="mb-0">Aktivite Gecmisi</h6>
                        <span class="small text-muted">{{ $activities->count() }} kayıt</span>
                    </div>
                    <div class="card-body timeline-wrap">
                        @forelse ($activities as $activity)
                            @php
                                $aType = strtolower(trim((string) ($activity->activity_type ?? 'note')));
                                $aColor = match ($aType) {
                                    'created' => 'primary',
                                    'status_change' => 'warning',
                                    'detail_update' => 'info',
                                    'risk' => 'danger',
                                    'decision' => 'success',
                                    'document' => 'secondary',
                                    'deleted' => 'dark',
                                    default => 'secondary',
                                };
                            @endphp
                            <div class="timeline-item pb-3 mb-3 border-bottom">
                                <div class="d-flex justify-content-between align-items-start gap-2">
                                    <div>
                                        <span class="badge bg-{{ $aColor }}">{{ strtoupper($aType) }}</span>
                                        <div class="fw-semibold mt-1">{{ $activity->title ?: 'Aktivite' }}</div>
                                        <div class="small text-muted">{{ $activity->user_name ?: 'Sistem' }} | {{ \Carbon\Carbon::parse($activity->created_at)->format('d.m.Y H:i') }}</div>
                                    </div>
                                </div>
                                @if (!empty($activity->message))
                                    <div class="small mt-2">{{ $activity->message }}</div>
                                @endif
                                @if (!empty($activity->attachment_path))
                                    <div class="mt-2">
                                        <a href="{{ asset($activity->attachment_path) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                                            <i class="bi bi-paperclip me-1"></i>{{ $activity->attachment_name ?: 'Dosya' }}
                                        </a>
                                    </div>
                                @endif
                            </div>
                        @empty
                            <div class="text-muted small">Heniz aktivite kaydı yok.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <style>
        .timeline-wrap {
            max-height: 72vh;
            overflow: auto;
        }
    </style>
@endpush

@push('modals')
    <div class="modal fade" id="marketingDeleteModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" data-marketing-delete-title>Emin misiniz?</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-0" data-marketing-delete-message>Kaydi silmek istediginize emin misiniz?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Hayir</button>
                    <button type="button" class="btn btn-danger" data-marketing-delete-confirm>Evet</button>
                </div>
            </div>
        </div>
    </div>
@endpush

@push('scripts')
    <script>
        (() => {
            const modalEl = document.getElementById('marketingDeleteModal');
            if (!modalEl || !window.bootstrap?.Modal) {
                return;
            }

            const titleEl = modalEl.querySelector('[data-marketing-delete-title]');
            const messageEl = modalEl.querySelector('[data-marketing-delete-message]');
            const confirmBtn = modalEl.querySelector('[data-marketing-delete-confirm]');
            const modal = new bootstrap.Modal(modalEl);
            let pendingForm = null;

            document.addEventListener('click', (event) => {
                const btn = event.target.closest('.js-marketing-delete-btn');
                if (!btn) {
                    return;
                }
                const form = btn.closest('form');
                if (!form) {
                    return;
                }
                pendingForm = form;
                if (titleEl) {
                    titleEl.textContent = btn.getAttribute('data-confirm-title') || 'Emin misiniz?';
                }
                if (messageEl) {
                    messageEl.textContent = btn.getAttribute('data-confirm-message') || 'Kaydi silmek istediginize emin misiniz?';
                }
                modal.show();
            });

            confirmBtn?.addEventListener('click', () => {
                if (!pendingForm) {
                    return;
                }
                pendingForm.submit();
            });

            modalEl.addEventListener('hidden.bs.modal', () => {
                pendingForm = null;
            });
        })();
    </script>
@endpush