@section('title', 'Penelitian')
@section('styles')
    <link href="{{ asset('assets/admin/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
@endsection

<div>
    <div wire:loading wire:target="export">
        @include('layouts.admin.loading-screen')
    </div>
    <div class="row g-3 mb-3">
        <div class="col-3">
            <h3 class="fw-semibold mb-0">Penelitian</h3>
        </div>
        <div class="col-9">
            <div class="row g-3 row-cols-auto justify-content-end">
                @if ($auth->hasAnyRole('admin', 'ketua', 'sekretaris'))
                    <div class="col">
                        <div class="row row-cols-auto justify-content-end g-2">
                            <label class="col col-form-label">Penelaah : </label>
                            <div class="col">
                                <select class="form-select" wire:model.live="reviewer_id">
                                    <option value="">Semua</option>
                                    @foreach ($reviewers as $reviewer)
                                        <option value="{{ $reviewer['id'] }}">{{ Str::limit($reviewer['name'], 30) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    <hr class="my-3">
    <ul class="nav nav-pills mb-3 gap-2">
        <li class="nav-item">
            <a class="nav-link {{ $status ? '' : 'active' }}" href="javascript:void(0);" wire:click="selectStatus('')">
                Semua
                <span class="badge bg-danger rounded-pill ms-2" style="font-size: 9px;">
                    {{ $statusCounts['all'] ?? 0 }}
                </span>
            </a>
        </li>
        @foreach ($this->getResearchStatus() as $value => $label)
            <li class="nav-item">
                <a class="nav-link {{ $status === $value ? 'active' : '' }}" href="javascript:void(0);" wire:click="selectStatus('{{ $value }}')">
                    {{ $label }}
                    <span class="badge bg-danger rounded-pill ms-2" style="font-size: 9px;">
                        {{ $statusCounts[$value] ?? 0 }}
                    </span>
                </a>
            </li>
        @endforeach
    </ul>
    <div class="card">
        <div class="card-body">
            <div class="row g-3 justify-content-between">
                <div class="col-lg-5 col-6">
                    <div class="row">
                        <div class="col-lg-6 col-12 d-flex align-items-center gap-2">
                            <div>Lihat</div>
                            <select class="form-select" wire:model.live="perPage">
                                <option value="10">10</option>
                                <option value="25">25</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                            <div class="ms-auto">Hasil</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa-regular fa-magnifying-glass fa-fw"></i></span>
                        <input class="form-control" placeholder="Cari Sesuatu.." type="text" wire:model.live="search">
                    </div>
                </div>
            </div>
        </div>
        <div class="table-responsive scrollbar-x">
            <table class="table-bordered table">
                <thead class="table-light">
                    <tr>
                        <th class="text-center">NO</th>
                        <th class="text-center">Aksi</th>
                        <th>Nomor</th>
                        <th>Kategori Penelitian</th>
                        <th class="text-center">Status Utama</th>
                        @if ($auth->hasAnyRole('penelaah'))
                            <th class="text-center">Status<br>Penelaah
                                {{ $reviewer_id == $auth->id || $auth->hasAnyRole('penelaah') ? '(Anda)' : '' }}
                            </th>
                        @endif
                        <th class="text-center">Tgl Dibuat</th>
                        <th class="text-center">Tgl Diperbarui</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($research as $result)
                        <tr class="{{ $this->getRowClass($result) }}">
                            <td class="text-center">
                                {{ $research->currentPage() * $perPage - $perPage + $loop->iteration }}
                            </td>
                            <td class="text-center">
                                <button class="btn btn-info btn-sm" wire:click="detail('{{ $result->id }}')" wire:loading.attr="disabled" x-data="{ tooltip: 'Detail' }" x-tooltip="tooltip">
                                    <i class="fa-solid fa-eye fa-fw"></i>
                                </button>
                                @if ($auth->hasAnyRole('super-admin', 'admin', 'ketua', 'wakil-ketua', 'sekretaris'))
                                    <button class="btn btn-warning btn-sm" wire:click="rejectConfirm('{{ $result->id }}')" wire:loading.attr="disabled" x-data="{ tooltip: 'Tolak Penelitian' }" x-tooltip="tooltip">
                                        <i class="fa-solid fa-times fa-fw"></i>
                                    </button>
                                @endif
                            </td>
                            <td>
                                <div style="margin-top: 7px;">
                                    <p class="mb-0" style="line-height: 12px;">
                                        {{ $result->number ?? 'Nomor Belum Terbuat' }}
                                    </p>
                                    @if (!$auth->hasAnyRole('mahasiswa', 'dosen', 'umum'))
                                        @php
                                            $chief = $result->researchers->firstWhere('position', 'ketua') ?? $result->researchers->first();
                                        @endphp
                                        <small class="text-muted text-uppercase mb-0" style="font-size: 12px;line-height: 12px;">
                                            {{ $chief?->name ?? $chief?->researcher?->name }}
                                        </small>
                                    @endif
                                </div>
                            </td>
                            <td>
                                <div style="margin-top: 7px;">
                                    <p class="mb-0" style="line-height: 12px;">
                                        {{ $result->researchCategory->name }}
                                    </p>
                                    <small class="text-muted text-uppercase mb-0" style="font-size: 12px;line-height: 12px;">
                                        Tipe : {{ $result->research_type ? Str::replace('-', ' ', Str::title($result->research_type)) : 'Belum Dipilih' }} @if ($result->fullBoardMeetingSchedule)
                                            | Meeting : {{ $result->fullBoardMeetingSchedule->datetime->format('d/m/Y H:i') }}
                                        @endif
                                    </small>
                                </div>
                            </td>
                            <td class="text-center">
                                <span class="badge rounded-pill {{ $statusClasses[$result->status] ?? 'bg-secondary' }}">
                                    {{ $statusLabels[$result->status] ?? 'Status Tidak Dikenali' }}
                                </span>
                            </td>
                            @if ($auth->hasAnyRole('penelaah'))
                                <td class="text-center">
                                    @php
                                        $reviewer = $result
                                            ->researchReviewers()
                                            ->where('reviewer_id', $reviewer_id ?? $auth->id)
                                            ->first();
                                        $reviewerStatus = $reviewer?->status;
                                    @endphp
                                    @if ($reviewerStatus)
                                        <span class="badge rounded-pill {{ $statusClasses[$reviewerStatus] ?? 'bg-secondary' }}">
                                            {{ $statusLabels[$reviewerStatus] ?? 'Status Tidak Dikenali' }}
                                        </span>
                                    @else
                                        Tidak Ada
                                    @endif
                                </td>
                            @endif
                            <td class="text-center">{{ $result->created_at->format('d/m/Y') }}</td>
                            <td class="text-center">{{ $result->updated_at->format('d/m/Y') }}</td>
                        </tr>
                        @if (!$reviewer_id && $result->researchReviewers->isNotEmpty())
                            <tr>
                                <td class="table-light"></td>
                                <td colspan="7" style="background-color: aliceblue;">
                                    <div class="row g-3 row-cols-auto align-items-center">
                                        <div class="col fw-semibold">Penelaah :</div>
                                        @foreach ($result->researchReviewers as $reviewer)
                                            <div class="col {{ !$loop->last ? 'border-end' : '' }}" style="font-size: 10px;">
                                                <span class="me-1">
                                                    @if ($auth->hasAnyRole('sekretaris', 'admin', 'ketua'))
                                                        {{ $reviewer->user?->name ?? 'Belum Ada Penelaah' }}
                                                    @else
                                                        {{ $auth->id == $reviewer->reviewer_id ? $reviewer->user?->name : $loop->iteration }}
                                                    @endif
                                                </span>
                                                @if ($reviewer->status)
                                                    <span class="badge rounded-pill {{ $statusClasses[$reviewer->status] ?? 'bg-secondary' }}" style="font-size: 9px;">
                                                        {{ $statusLabels[$reviewer->status] ?? 'Status Tidak Dikenali' }}
                                                    </span>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                </td>
                            </tr>
                        @endif
                    @empty
                        <tr>
                            <td class="fw-bold text-center" colspan="8">Belum Ada Data</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="card-body">
            <div class="row d-flex align-items-center g-3">
                <div class="col-lg-6 col-12">
                    Menampilkan {{ $research->firstItem() ?? 0 }} sampai {{ $research->lastItem() ?? 0 }} dari {{ $research->total() }} hasil
                </div>
                <div class="col-lg-6 col-12">
                    {{ $research->links('vendor.livewire.bootstrap') }}
                </div>
            </div>
        </div>
    </div>

    <!-- Reject Modal -->
    <div aria-hidden="true" aria-labelledby="rejectModalLabel" class="modal fade" id="rejectModal" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Tolak Penelitian</h5>
                    <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button" wire:click="closeRejectModal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label" for="rejectReason">Alasan Penolakan <span class="text-danger">*</span></label>
                        <textarea class="form-control @error('rejectReason') is-invalid @enderror" id="rejectReason" placeholder="Masukkan alasan penolakan penelitian..." rows="4" wire:model="rejectReason"></textarea>
                        @error('rejectReason')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="alert alert-warning">
                        <i class="fa-solid fa-exclamation-triangle me-2"></i>
                        <strong>Perhatian:</strong> Setelah penelitian ditolak, penelitian tidak dapat diubah lagi dan hanya dapat dilihat dalam mode preview.
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button" wire:click="closeRejectModal">Batal <i class="fa-solid fa-xmark ms-2"></i></button>
                    <button class="btn btn-warning" type="button" wire:click="rejectResearch" wire:loading.attr="disabled">
                        <span wire:loading.remove wire:target="rejectResearch">Tolak Penelitian <i class="fa-solid fa-check ms-2"></i></span>
                        <span wire:loading wire:target="rejectResearch">
                            <span aria-hidden="true" class="spinner-border spinner-border-sm me-2" role="status"></span>
                            Memproses...
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
    <script src="{{ asset('assets/admin/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
    <script>
        document.addEventListener('livewire:init', () => {
            Livewire.on("detail", (event) => {
                const id = typeof event === 'object' && event !== null && event.id ? event.id : (Array.isArray(event) && event[0] ? (event[0].id || event[0]) : '');
                const url = id ? `${window.location.protocol}//${window.location.host}/penelitian/${id}` : `${window.location.protocol}//${window.location.host}/penelitian/detail`;
                window.open(url);
            });

            Livewire.on("openRejectModal", () => {
                const modal = new bootstrap.Modal(document.getElementById('rejectModal'));
                modal.show();
            });

            Livewire.on("closeRejectModal", () => {
                const modal = bootstrap.Modal.getInstance(document.getElementById('rejectModal'));
                if (modal) {
                    modal.hide();
                }
            });
        });
    </script>
@endpush