@extends('layouts.app')

@section('title', 'Talepler Süreç Ayarları')

@section('content')
    <div class="container-fluid py-3 talepler-workflows-page">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
            <div>
                <h1 class="h4 mb-1">Talepler Süreç Ayarları</h1>
                <div class="text-muted small">Sade model: Kategori -> Şablon. Şablon içinde aşamaları sırala, sistem geçişleri otomatik oluştursun.</div>
            </div>
            <a href="{{ route('admin.talepler.board') }}" class="btn btn-sm btn-outline-secondary">Görev Yönetimine Dön</a>
        </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
        @if ($errors->any())
            <div class="alert alert-danger">
                @foreach ($errors->all() as $error)
                    <div>{{ $error }}</div>
                @endforeach
            </div>
        @endif

        @if (!$ready)
            <div class="alert alert-warning">Süreç konfigürasyon tabloları hazır değil. Veritabanı geçişlerini çalıştırın.</div>
        @else
            <div class="row g-3">
                <div class="col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-white"><strong>1) Şablon Tanımla</strong></div>
                        <div class="card-body">
                            <form method="post" action="{{ route('admin.talepler.workflows.templates.store') }}" class="row g-2">
                                @csrf
                                <div class="col-md-2">
                                    <label class="form-label mb-1">Şablon Anahtarı</label>
                                    <input type="text" name="template_key" class="form-control form-control-sm" placeholder="basic_three_stage" required>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Şablon Adı</label>
                                    <input type="text" name="template_name" class="form-control form-control-sm" placeholder="Temel 3 Aşama" required>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label mb-1">Açıklama</label>
                                    <input type="text" name="description" class="form-control form-control-sm" placeholder="Opsiyonel">
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label mb-1">Pano Gorunumu</label>
                                    <select name="board_style" class="form-select form-select-sm">
                                        @php
                                            $boardStyleLabels = [
                                                'kanban_default' => 'Varsayilan Pano',
                                                'kanban_compact' => 'Kompakt Pano',
                                            ];
                                        @endphp
                                        @foreach ($boardStyles as $boardStyle)
                                            <option value="{{ $boardStyle }}">{{ $boardStyleLabels[$boardStyle] ?? $boardStyle }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label mb-1">Sira</label>
                                    <input type="number" name="sort_order" class="form-control form-control-sm" value="0">
                                </div>
                                <div class="col-12 d-flex align-items-center justify-content-between">
                                    <div class="d-flex gap-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="is_default" value="1" id="isDefault">
                                            <label class="form-check-label" for="isDefault">Varsayilan sablon</label>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-sm btn-primary">Şablon Kaydet</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-white"><strong>2) Kategori -> Şablon Ata</strong></div>
                        <div class="card-body table-responsive">
                            <table class="table table-sm align-middle mb-0">
                                <thead>
                                <tr>
                                    <th>Birim</th>
                                    <th>Kategori</th>
                                    <th>Şablon</th>
                                    <th style="width:220px;"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($categories as $category)
                                    <tr>
                                        <td>{{ $category->unit_name }}</td>
                                        <td>{{ $category->category_name }}</td>
                                        <td>
                                            <form method="post" action="{{ route('admin.talepler.workflows.categories.assign') }}" class="d-flex gap-2">
                                                @csrf
                                                <input type="hidden" name="category_id" value="{{ (int) $category->id }}">
                                                <select name="workflow_template_id" class="form-select form-select-sm" required>
                                                    @foreach($templates as $template)
                                                        <option value="{{ (int) $template->id }}" {{ (int) $category->workflow_template_id === (int) $template->id ? 'selected' : '' }}>
                                                            {{ $template->template_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                        </td>
                                        <td class="text-end">
                                                <button type="submit" class="btn btn-sm btn-outline-primary">Atamayi Kaydet</button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="4" class="text-muted">Kategori bulunamadi.</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                @foreach($templates as $template)
                    <div class="col-12">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                                <strong>{{ $template->template_name }} ({{ $template->template_key }})</strong>
                                <span class="small text-muted">
                                    {{ (int) $template->is_default === 1 ? 'Varsayilan - ' : '' }}
                                    {{ $boardStyleLabels[$template->board_style ?? 'kanban_default'] ?? ($template->board_style ?? 'kanban_default') }}
                                </span>
                            </div>
                            <div class="card-body">
                                @php
                                    $laneLabelMap = [
                                        'todo' => 'Yapilacaklar',
                                        'doing' => 'Islemdekiler',
                                        'done' => 'Tamamlananlar',
                                    ];
                                @endphp
                                <div class="alert alert-light border small mb-2">
                                    Kurallar sabit: ilk asama yapilacaklar, ara asamalarda Ilerle/Geri Al, son asamada Tekrar Ac.
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-sm mb-2">
                                        <thead>
                                        <tr>
                                            <th>Aşama Anahtarı</th>
                                            <th>Aşama Adı</th>
                                            <th>Durum Grubu</th>
                                            <th>Sira</th>
                                            <th>Son Aşama</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @forelse($template->stages as $stage)
                                            <tr>
                                                <td>{{ $stage->stage_key }}</td>
                                                <td>{{ $stage->stage_name }}</td>
                                                <td>{{ $laneLabelMap[$stage->lane_group] ?? $stage->lane_group }}</td>
                                                <td>{{ (int) $stage->sort_order }}</td>
                                                <td>{{ (int) $stage->is_terminal === 1 ? 'Evet' : 'Hayir' }}</td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="5" class="text-muted">Aşama yok.</td></tr>
                                        @endforelse
                                        </tbody>
                                    </table>
                                </div>

                                <form method="post" action="{{ route('admin.talepler.workflows.stages.store') }}" class="row g-2">
                                    @csrf
                                    <input type="hidden" name="template_id" value="{{ (int) $template->id }}">
                                    <div class="col-md-4">
                                        <label class="form-label mb-1">Aşama Adı</label>
                                        <input type="text" name="stage_name" class="form-control form-control-sm" placeholder="Orn: Kontrol" required>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label mb-1">Aşama Anahtarı (opsiyonel)</label>
                                        <input type="text" name="stage_key" class="form-control form-control-sm" placeholder="bos birakilirsa otomatik">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label mb-1">Durum Grubu</label>
                                        <select name="lane_group" class="form-select form-select-sm">
                                            @foreach($laneGroups as $lane)
                                                <option value="{{ $lane }}">{{ $laneLabelMap[$lane] ?? $lane }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-1">
                                        <label class="form-label mb-1">Sira</label>
                                        <input type="number" name="sort_order" class="form-control form-control-sm" value="0">
                                    </div>
                                    <div class="col-md-2 d-flex align-items-end justify-content-between">
                                        <div class="form-check mb-0">
                                            <input class="form-check-input" type="checkbox" name="is_terminal" value="1" id="terminal-{{ (int) $template->id }}">
                                            <label class="form-check-label" for="terminal-{{ (int) $template->id }}">Son Aşama</label>
                                        </div>
                                        <button type="submit" class="btn btn-sm btn-outline-primary">Aşama Ekle</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection

@push('styles')
    <style>
        .talepler-workflows-page {
            --pd-green: #145a46;
            --pd-green-dark: #0f4536;
            --pd-green-light: #e6f2ed;
            --pd-green-mid: #b9d9cc;
        }
        .talepler-workflows-page .btn-primary {
            background: var(--pd-green);
            border-color: var(--pd-green);
        }
        .talepler-workflows-page .btn-primary:hover,
        .talepler-workflows-page .btn-primary:focus {
            background: var(--pd-green-dark);
            border-color: var(--pd-green-dark);
        }
        .talepler-workflows-page .btn-outline-primary {
            color: var(--pd-green);
            border-color: var(--pd-green-mid);
        }
        .talepler-workflows-page .btn-outline-primary:hover,
        .talepler-workflows-page .btn-outline-primary:focus {
            color: var(--pd-green-dark);
            border-color: var(--pd-green);
            background: var(--pd-green-light);
        }
        .talepler-workflows-page .text-primary {
            color: var(--pd-green) !important;
        }
        .talepler-workflows-page .form-control:focus,
        .talepler-workflows-page .form-select:focus {
            border-color: var(--pd-green-mid);
            box-shadow: 0 0 0 0.2rem rgba(20, 90, 70, 0.15);
        }
    </style>
@endpush