@extends('layouts.app')

@section('title', 'Birim Detayı')

@section('content')
    <div class="container-fluid">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
            <div>
                <h2 class="h4 mb-1">Birim Detayı: {{ $group->name }}</h2>
                <p class="text-muted mb-0 small">Bu birimin üyelerini yönetebilir, yetkili atayabilir ve grup bilgilerini düzenleyebilirsiniz.</p>
            </div>
            <a href="{{ route('admin.assets.groups.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i> Birim Listesi
            </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">{{ $errors->first() }}</div>
        @endif

        <div class="row g-4 mb-4">
            <div class="col-lg-8">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">Birim Bilgisi</h5>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('admin.assets.groups.update', ['id' => $group->id]) }}"
                            class="d-flex flex-wrap flex-xl-nowrap gap-2 align-items-end">
                            @csrf
                            <div class="flex-fill" style="min-width: 220px;">
                                <label class="form-label">Birim Adı</label>
                                <input type="text" name="name" class="form-control" value="{{ $group->name }}" required>
                            </div>
                            <div class="flex-fill" style="min-width: 280px;">
                                <label class="form-label">Açıklama</label>
                                <input type="text" name="description" class="form-control" value="{{ $group->description }}">
                            </div>
                            <div style="min-width: 84px;">
                                <div class="form-check mt-4">
                                    <input class="form-check-input" type="checkbox" value="1" id="group_active_{{ $group->id }}" name="is_active"
                                        {{ (int) $group->is_active === 1 ? 'checked' : '' }}>
                                    <label class="form-check-label" for="group_active_{{ $group->id }}">Aktif</label>
                                </div>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary text-nowrap px-3">
                                    <i class="bi bi-check2-circle me-1"></i> Grubu Güncelle
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0">Özet</h5>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-column gap-2">
                            <div class="d-flex justify-content-between"><span class="text-muted">Toplam Üye</span><span class="fw-semibold">{{ $authorityCount + $personnelCount }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">Yetkili</span><span class="fw-semibold">{{ $authorityCount }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">Personel</span><span class="fw-semibold">{{ $personnelCount }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">Envanter</span><span class="fw-semibold">{{ $assetCount }}</span></div>
                            <div class="d-flex justify-content-between"><span class="text-muted">Açık Arıza</span><span class="fw-semibold {{ $openFaultCount > 0 ? 'text-danger' : '' }}">{{ $openFaultCount }}</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-white py-3">
                <h5 class="mb-0">Bu Birime Üye Ekle</h5>
            </div>
            <div class="card-body">
                @php
                    $oldMemberRef = (string) old('member_ref', '');
                @endphp
                <form method="post" action="{{ route('admin.assets.groups.members.store', ['groupId' => $group->id]) }}" class="row g-3 align-items-end">
                    @csrf
                    <div class="col-md-2">
                        <label class="form-label">Rol</label>
                        <select name="member_type" class="form-select" required>
                            <option value="personnel">Personel</option>
                            <option value="authority">Yetkili</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Üye Ara</label>
                        <input type="text" id="member_search_input" class="form-control"
                            placeholder="İsim yazarak filtrele...">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Üye Listesi (Kullanıcı + Personel)</label>
                        <select name="member_ref" id="member_ref_select" class="form-select" required>
                            <option value="">Listeden üye seçin...</option>
                            @foreach($users as $user)
                                @php
                                    $value = 'user:' . $user->id;
                                    $label = $user->name . ' (Kullanıcı #' . $user->id . ')';
                                @endphp
                                <option value="{{ $value }}" data-label="{{ strtolower($label) }}" {{ $oldMemberRef === $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                            @foreach($employees as $employee)
                                @php
                                    $value = 'employee:' . $employee->id;
                                    $label = $employee->name . (!empty($employee->employee_code) ? ' (' . $employee->employee_code . ')' : '') . ' (Personel #' . $employee->id . ')';
                                @endphp
                                <option value="{{ $value }}" data-label="{{ strtolower($label) }}" {{ $oldMemberRef === $value ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 text-end">
                        <button type="submit" class="btn btn-outline-success w-100 text-nowrap">Üyeyi Ekle</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card shadow-sm border-0">
            <div class="card-header bg-white py-3">
                <h5 class="mb-0">Birim Üyeleri</h5>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th class="ps-3">Üye</th>
                                <th>Kaynak</th>
                                <th>Rol</th>
                                <th>Erişim Kullanıcısı</th>
                                <th class="text-end pe-3">Işlemler</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($members as $member)
                                @php
                                    $memberName = $member->user_name ?: ($member->employee_name ?: ('Kayıt #' . $member->id));
                                    $isAuthority = (string) $member->member_type === 'authority';
                                @endphp
                                <tr>
                                    <td class="ps-3 fw-semibold">{{ $memberName }}</td>
                                    <td>
                                        @if(!empty($member->user_id))
                                            <span class="text-muted small">Kullanıcı #{{ $member->user_id }}</span>
                                        @elseif(!empty($member->employee_id))
                                            <span class="text-muted small">Personel #{{ $member->employee_id }}</span>
                                        @else
                                            <span class="text-muted small">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($isAuthority)
                                            <span class="badge bg-primary-subtle text-primary border">Yetkili</span>
                                        @else
                                            <span class="badge bg-secondary-subtle text-secondary border">Personel</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if(!empty($member->employee_id))
                                            @if(!empty($member->linked_user_id))
                                                <div class="small fw-semibold">{{ $member->linked_user_name ?: $memberName }}</div>
                                                <div class="text-muted small">{{ $member->linked_user_email ?: ('Kullanıcı #' . $member->linked_user_id) }}</div>
                                                <div class="mt-2 d-flex flex-wrap gap-2">
                                                    <a href="{{ route('admin.users.index', ['edit' => $member->linked_user_id]) }}" class="btn btn-sm btn-outline-primary">Kullanıcıyı Düzenle</a>
                                                    <a href="{{ route('admin.users.permissions', ['user_id' => $member->linked_user_id]) }}" class="btn btn-sm btn-outline-secondary">Yetkiler</a>
                                                </div>
                                            @elseif(!empty($member->employee_code))
                                                <form method="post" action="{{ route('admin.assets.groups.members.user', ['groupId' => $group->id, 'memberId' => $member->id]) }}" class="row g-2">
                                                    @csrf
                                                    <div class="col-12">
                                                        <input type="email" name="email" class="form-control form-control-sm" placeholder="E-posta" required>
                                                    </div>
                                                    <div class="col-8">
                                                        <input type="password" name="password" class="form-control form-control-sm" placeholder="Şifre" required>
                                                    </div>
                                                    <div class="col-4">
                                                        <button type="submit" class="btn btn-sm btn-outline-success w-100">Oluştur</button>
                                                    </div>
                                                </form>
                                            @else
                                                <span class="text-muted small">Personel kodu yok</span>
                                            @endif
                                        @else
                                            <span class="text-muted small">-</span>
                                        @endif
                                    </td>
                                    <td class="text-end pe-3">
                                        <div class="d-inline-flex gap-2">
                                            <form method="post" action="{{ route('admin.assets.groups.members.type', ['groupId' => $group->id, 'memberId' => $member->id]) }}">
                                                @csrf
                                                <input type="hidden" name="member_type" value="{{ $isAuthority ? 'personnel' : 'authority' }}">
                                                <button type="submit" class="btn btn-sm {{ $isAuthority ? 'btn-outline-secondary' : 'btn-outline-primary' }}">
                                                    {{ $isAuthority ? 'Yetkiyi Kaldır' : 'Yetkili Yap' }}
                                                </button>
                                            </form>
                                            <form method="post" action="{{ route('admin.assets.groups.members.remove', ['groupId' => $group->id, 'memberId' => $member->id]) }}">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-danger">Çikar</button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center text-muted py-4">Bu birime kayıtlı üye bulunmuyor.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        (() => {
            const searchInput = document.getElementById('member_search_input');
            const selectEl = document.getElementById('member_ref_select');
            if (!searchInput || !selectEl) {
                return;
            }

            const options = Array.from(selectEl.options).filter((opt) => opt.value !== '');
            const normalize = (val) => (val || '').toString().toLocaleLowerCase('tr-TR');

            const applyFilter = () => {
                const query = normalize(searchInput.value.trim());
                let firstVisible = null;

                options.forEach((opt) => {
                    const haystack = normalize(opt.dataset.label || opt.textContent || '');
                    const visible = query === '' || haystack.includes(query);
                    opt.hidden = !visible;
                    if (visible && firstVisible === null) {
                        firstVisible = opt;
                    }
                });

                const selected = selectEl.selectedOptions[0];
                if (selected && selected.value && selected.hidden) {
                    selectEl.value = '';
                }

                if (query !== '' && !selectEl.value && firstVisible) {
                    selectEl.value = firstVisible.value;
                }
            };

            searchInput.addEventListener('input', applyFilter);
        })();
    </script>
@endpush