@extends('layouts.panel')

@section('title', 'YöreTech SKT Kontrol')
@section('header')
    @if($view === 'users')
        Kullanıcı Yönetimi
    @elseif($view === 'aisles')
        Reyon Tanımları
    @else
        Ürün Raporları
    @endif
@endsection

@section('content')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-4"><div class="card"><div class="card-body"><div class="text-muted small">Kullanıcı</div><div class="h4 mb-0">{{ $summary['users'] }}</div></div></div></div>
    <div class="col-6 col-lg-4"><div class="card"><div class="card-body"><div class="text-muted small">Ürün</div><div class="h4 mb-0">{{ $summary['products'] }}</div></div></div></div>
    <div class="col-12 col-lg-4"><div class="card"><div class="card-body"><div class="text-muted small">Reyon</div><div class="h4 mb-0">{{ $summary['aisles'] }}</div></div></div></div>
</div>

@if($view === 'users')
    <div class="row g-3">
        <div class="col-lg-5">
            <div class="card mb-3">
                <div class="card-header fw-semibold">Yeni Kullanıcı</div>
                <div class="card-body">
                    <form method="post" class="row g-2">
                        @csrf
                        <input type="hidden" name="action" value="create_user">
                        <div class="col-12"><label class="form-label">Kullanıcı Adı</label><input class="form-control" name="new_username" required></div>
                        <div class="col-md-6">
                            <label class="form-label">Rol</label>
                            <select class="form-select" name="new_role">
                                <option value="user">Kullanıcı</option>
                                <option value="manager">Müdür</option>
                                <option value="admin">Admin</option>
                            </select>
                        </div>
                        <div class="col-md-6"><label class="form-label">Lisans Bitiş</label><input type="date" class="form-control" name="new_license_until"></div>
                        <div class="col-12"><label class="form-label">Şifre</label><input class="form-control" type="password" name="new_password" required></div>
                        <div class="col-12 text-end"><button class="btn btn-primary btn-sm">Kullanıcı Oluştur</button></div>
                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-header fw-semibold">Excel/CSV ile Toplu Kullanıcı Yükle</div>
                <div class="card-body">
                    <form method="post" enctype="multipart/form-data" class="row g-2">
                        @csrf
                        <input type="hidden" name="action" value="import_users">
                        <div class="col-12"><input type="file" class="form-control" name="users_file" accept=".xlsx,.csv" required></div>
                        <div class="col-12 small text-muted">Sıra: Kullanıcı Adı, Rol, Şifre, Lisans Tarihi</div>
                        <div class="col-12 text-end"><button class="btn btn-success btn-sm">Dosyayı Yükle</button></div>
                    </form>
                </div>
            </div>
            <div class="card mt-3">
                <div class="card-header fw-semibold">Kullanıcı Düzenle</div>
                <div class="card-body">
                    @if($editUser)
                        <form method="post" class="row g-2">
                            @csrf
                            <input type="hidden" name="action" value="update_user">
                            <input type="hidden" name="user_id" value="{{ $editUser->id }}">
                            <div class="col-12"><label class="form-label">Kullanıcı</label><input class="form-control" value="{{ $editUser->username }}" disabled></div>
                            <div class="col-6">
                                <label class="form-label">Rol</label>
                                <select class="form-select" name="edit_role">
                                    <option value="user" @selected(($editUser->role ?? 'user') === 'user')>Kullanıcı</option>
                                    <option value="manager" @selected(($editUser->role ?? 'user') === 'manager')>Müdür</option>
                                    <option value="admin" @selected(($editUser->role ?? 'user') === 'admin')>Admin</option>
                                </select>
                            </div>
                            <div class="col-6"><label class="form-label">Lisans Bitiş</label><input type="date" class="form-control" name="edit_license_until" value="{{ $editUser->license_until ? \Illuminate\Support\Str::of((string)$editUser->license_until)->substr(0, 10) : '' }}"></div>
                            <div class="col-12"><label class="form-label">Yeni Şifre</label><input type="password" class="form-control" name="edit_password" placeholder="Boş bırakılırsa değişmez"></div>
                            <div class="col-12 text-end"><button class="btn btn-outline-primary btn-sm">Güncelle</button></div>
                        </form>
                    @else
                        <div class="text-muted small">Düzenlemek için listeden bir kullanıcı seçin.</div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
                    <div class="fw-semibold">Kullanıcı Listesi</div>
                    <form method="get" class="d-flex gap-2">
                        <input type="hidden" name="view" value="users">
                        <input type="text" class="form-control form-control-sm" name="user_q" placeholder="Kullanıcı ara..." value="{{ $userSearchTerm ?? '' }}">
                        <button class="btn btn-sm btn-outline-primary">Ara</button>
                        <a class="btn btn-sm btn-outline-secondary" href="{{ route('panel.index', ['view' => 'users']) }}">Temizle</a>
                    </form>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0 align-middle">
                            <thead>
                            <tr>
                                <th>Kullanıcı</th>
                                <th>Rol</th>
                                <th>Lisans</th>
                                <th>Oluşturma</th>
                                <th>İşlem</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($users ?? [] as $u)
                                <tr>
                                    <td>{{ $u->username }}</td>
                                    <td>{{ $u->role ?? 'user' }}</td>
                                    <td>{{ $u->license_until ? \Illuminate\Support\Str::of((string)$u->license_until)->substr(0, 10) : '-' }}</td>
                                    <td>{{ $u->created_at }}</td>
                                    <td class="text-nowrap">
                                        @php $query = array_merge(request()->query(), ['view' => 'users', 'edit_id' => $u->id]); @endphp
                                        <a class="btn btn-sm btn-outline-primary" href="{{ route('panel.index', $query) }}">Düzenle</a>
                                        <form method="post" class="d-inline" onsubmit="return confirm('Bu kullanıcı silinsin mi?')">
                                            @csrf
                                            <input type="hidden" name="action" value="delete_user">
                                            <input type="hidden" name="user_id" value="{{ $u->id }}">
                                            <button class="btn btn-sm btn-outline-danger">Sil</button>
                                        </form>
                                        </td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-center text-muted py-3">Kullanıcı bulunamadı.</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if(($usersTotalPages ?? 1) > 1)
                    @php
                        $query = request()->query();
                        $prevPage = max(1, ($usersPage ?? 1) - 1);
                        $nextPage = min(($usersTotalPages ?? 1), ($usersPage ?? 1) + 1);
                    @endphp
                    <div class="card-footer d-flex justify-content-between align-items-center">
                        <small class="text-muted">Toplam {{ $usersTotal ?? 0 }} kullanıcı • Sayfa {{ $usersPage ?? 1 }}/{{ $usersTotalPages ?? 1 }}</small>
                        <div class="btn-group btn-group-sm">
                            <a class="btn btn-outline-secondary @if(($usersPage ?? 1) <= 1) disabled @endif" href="{{ route('panel.index', array_merge($query, ['view' => 'users', 'user_page' => $prevPage])) }}">Önceki</a>
                            <a class="btn btn-outline-secondary @if(($usersPage ?? 1) >= ($usersTotalPages ?? 1)) disabled @endif" href="{{ route('panel.index', array_merge($query, ['view' => 'users', 'user_page' => $nextPage])) }}">Sonraki</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@elseif($view === 'aisles')
    <div class="row g-3">
        <div class="col-lg-5">
            <div class="card">
                <div class="card-header fw-semibold">Yeni Reyon</div>
                <div class="card-body">
                    <form method="post" class="row g-2">
                        @csrf
                        <input type="hidden" name="action" value="create_aisle">
                        <div class="col-12"><label class="form-label">Reyon Adı</label><input class="form-control" name="aisle_name" required></div>
                        <div class="col-12 text-end"><button class="btn btn-primary btn-sm">Reyon Ekle</button></div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-7">
            <div class="card">
                <div class="card-header fw-semibold">Reyon Listesi</div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead><tr><th>Reyon</th><th>Oluşturma</th><th>Oluşturan</th><th>İşlem</th></tr></thead>
                            <tbody>
                            @forelse($aisles ?? [] as $a)
                                <tr>
                                    <td>{{ $a->name }}</td>
                                    <td>{{ $a->created_at }}</td>
                                    <td>{{ $a->created_by ?: '-' }}</td>
                                    <td>
                                        <form method="post" onsubmit="return confirm('Bu reyon silinsin mi?')">
                                            @csrf
                                            <input type="hidden" name="action" value="delete_aisle">
                                            <input type="hidden" name="aisle_id" value="{{ $a->id }}">
                                            <button class="btn btn-sm btn-outline-danger">Sil</button>
                                        </form>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="4" class="text-center text-muted py-3">Reyon bulunamadı.</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@else
    <div class="card mb-3">
        <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
            <div class="fw-semibold">Rapor Filtreleri</div>
            <a class="btn btn-success btn-sm" href="{{ route('panel.export', request()->query()) }}"><i class="fas fa-file-excel me-1"></i>Excel Aktar</a>
        </div>
        <div class="card-body">
            <form method="get" id="productsFilterForm" class="row g-2 align-items-end">
                <input type="hidden" name="view" value="products">
                @if($canViewAllReports)
                    <div class="col-lg-2">
                        <label class="form-label">Seçim Modu</label>
                        <select name="mode" id="modeInput" class="form-select form-select-sm">
                            <option value="single" @selected(($selectedMode ?? 'single') === 'single')>Tek Kullanıcı</option>
                            <option value="multi" @selected(($selectedMode ?? 'single') === 'multi')>Çoklu Kullanıcı</option>
                            <option value="all" @selected(($selectedMode ?? 'single') === 'all')>Tümü</option>
                        </select>
                    </div>
                    <div class="col-lg-3" id="singleUserWrap">
                        <label class="form-label">Kullanıcı</label>
                        <select class="form-select form-select-sm" name="user_id">
                            @foreach($users ?? [] as $u)
                                <option value="{{ $u->id }}" @selected((int)($primaryUserId ?? 0) === (int)$u->id)>{{ $u->username }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-3" id="multiUserWrap">
                        <label class="form-label">Kullanıcılar</label>
                        <select class="form-select form-select-sm" name="user_ids[]" multiple size="4">
                            @foreach($users ?? [] as $u)
                                <option value="{{ $u->id }}" @selected(in_array((int)$u->id, array_map('intval', $selectedUserIds ?? []), true))>{{ $u->username }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif

                <div class="col-lg-2">
                    <label class="form-label">Ürün/Barkod</label>
                    <input class="form-control form-control-sm" name="product" value="{{ $productFilter ?? '' }}" list="productOptions">
                    <datalist id="productOptions">
                        @foreach($productOptions ?? [] as $prod)
                            @php $value = $prod->barcode ?: $prod->name; @endphp
                            @if($value !== '')
                                <option value="{{ $value }}">{{ $prod->name }}</option>
                            @endif
                        @endforeach
                    </datalist>
                </div>
                <div class="col-lg-2">
                    <label class="form-label">Kategori</label>
                    <select class="form-select form-select-sm" name="category">
                        <option value="">Tüm kategoriler</option>
                        @foreach($categories ?? [] as $category)
                            <option value="{{ $category }}" @selected(($categoryFilter ?? '') === (string)$category)>{{ $category }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-lg-2">
                    <label class="form-label">Reyon</label>
                    <select class="form-select form-select-sm" name="aisle">
                        <option value="">Tüm reyonlar</option>
                        @foreach($aisles ?? [] as $a)
                            <option value="{{ $a->name }}" @selected(($aisleFilter ?? '') === (string)$a->name)>{{ $a->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-lg-2">
                    <label class="form-label">Durum</label>
                    <select class="form-select form-select-sm" name="days_status">
                        <option value="">Tümü</option>
                        <option value="overdue" @selected(($daysStatus ?? '') === 'overdue')>Kalan ≤ 0</option>
                    </select>
                </div>
                <div class="col-lg-1">
                    <label class="form-label">Min Gün</label>
                    <input class="form-control form-control-sm" type="number" name="min_days" value="{{ $minDaysRaw ?? '' }}">
                </div>
                <div class="col-lg-1">
                    <label class="form-label">Max Gün</label>
                    <input class="form-control form-control-sm" type="number" name="max_days" value="{{ $maxDaysRaw ?? '' }}">
                </div>
                <div class="col-12 text-end">
                    <button class="btn btn-primary btn-sm">Filtrele</button>
                    <a class="btn btn-outline-secondary btn-sm" href="{{ route('panel.index', ['view' => 'products']) }}">Temizle</a>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header fw-semibold">Ürün Listesi</div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-striped mb-0">
                    <thead>
                    <tr>
                        @if($showUserColumn ?? false)<th>Kullanıcı</th>@endif
                        <th>Barkod</th>
                        <th>Ürün</th>
                        <th>Kategori</th>
                        <th>Reyon</th>
                        <th>SKT</th>
                        <th class="text-center">Kalan Gün</th>
                        <th class="text-center">Bildirim Günü</th>
                        <th class="text-center">Miktar</th>
                        <th>Birim</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($products ?? [] as $row)
                        <tr>
                            @if($showUserColumn ?? false)<td>{{ $row->username }}</td>@endif
                            <td>{{ $row->barcode }}</td>
                            <td>{{ $row->name }}</td>
                            <td>{{ $row->category }}</td>
                            <td>{{ $row->aisle }}</td>
                            <td>{{ $row->expiry_date }}</td>
                            <td class="text-center">{{ $row->days_left }}</td>
                            <td class="text-center">{{ $row->alert_days }}</td>
                            <td class="text-center">{{ $row->quantity }}</td>
                            <td>{{ $row->unit }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="{{ ($showUserColumn ?? false) ? 10 : 9 }}" class="text-center text-muted py-4">Kayıt bulunamadı.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endif
@endsection

@push('scripts')
<script>
(() => {
    const modeInput = document.getElementById('modeInput');
    const singleWrap = document.getElementById('singleUserWrap');
    const multiWrap = document.getElementById('multiUserWrap');
    if (!modeInput || !singleWrap || !multiWrap) return;

    const syncMode = () => {
        const mode = modeInput.value;
        singleWrap.style.display = mode === 'single' ? '' : 'none';
        multiWrap.style.display = mode === 'multi' ? '' : 'none';
    };

    modeInput.addEventListener('change', syncMode);
    syncMode();
})();
</script>
@endpush