@extends('Layouts.app')

@section('content')
{{-- Bagian atas info --}}
<main class="flex-1 p-6 space-y-6">
    <div class="bg-white p-6 rounded-xl shadow">
        <h2 class="text-2xl font-semibold text-gray-800 mb-2">
             Daftar {{ ucfirst($level ?? 'User') }}
        </h2>
        <nav class="text-sm text-gray-600">
            <ol class="flex flex-wrap space-x-2">
                <li><a href="{{ route('dashboard') }}" class="text-blue-600 hover:underline">Dashboard</a></li>
                <li>/</li>
                <li><a href="#" class="text-blue-600 hover:underline"> Daftar {{ ucfirst($level ?? 'User') }}</a></li>
            </ol>
        </nav>
    </div>
    
<div class="max-w-full mx-auto bg-white p-6 rounded shadow mt-10">
    <h2 class="text-xl font-semibold mb-4"> Daftar {{ ucfirst($level ?? 'User') }}</h2> 
<div class="flex justify-between items-center mb-4">

    <!-- Form Search -->
<form action="{{ isset($level) ? route('users.list', $level) : route('users.index') }}" 
      method="GET" 
      class="flex gap-2">
    <input type="text" name="search" value="{{ request('search') }}"
        placeholder="Cari nama atau email..."
        class="border border-gray-300 rounded px-3 py-2 w-80">
    <button type="submit"
        class="bg-gray-600 text-white px-4 py-2 rounded hover:bg-gray-700">
        Cari
    </button>
</form>
<a href="{{ route('users.exportPdf', $level ?? '') }}?search={{ request('search') }}"
   class="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600 flex items-center gap-2">
   <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="w-5 h-5">
      <path d="M6 2a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h12a2 
               2 0 0 0 2-2V8l-6-6H6z"/>
      <path fill="red" d="M12 17h4v2h-4zM8 13h8v2H8zM8 9h8v2H8z"/>
   </svg>
   Export PDF
</a>
</div>

        {{-- Alert Sukses --}}
    @if(session('success'))
        <div class="mb-4 p-3 rounded bg-green-100 text-green-800">
            {{ session('success') }}
        </div>
    @endif

    {{-- Alert Error --}}
    @if(session('error'))
        <div class="mb-4 p-3 rounded bg-red-100 text-red-800">
            {{ session('error') }}
        </div>
    @endif

    <table class="w-full border border-white-200 rounded">
            <thead>
                <tr class="bg-white-100 text-left">
                    <th class="px-4 py-2 border">No</th>
                    <th class="px-4 py-2 border">Username</th>
                    <th class="px-4 py-2 border">Nama</th>
 @if(request()->is('users/list/mahasiswa'))
        <th class="px-4 py-2 border">Tahun Ajaran</th>
    @endif
                    <th class="px-4 py-2 border">NIM</th>
                    <th class="px-4 py-2 border">Email</th>
                    <th class="px-4 py-2 border">Level</th>
                    <th class="px-4 py-2 border">Last Login</th>
                    <th class="px-4 py-2 border">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $index => $user)
                    <tr class="hover:bg-white-50">
                        <td class="px-4 py-2 border">
                            {{ ($users->currentPage() - 1) * $users->perPage() + $index + 1 }}
                        </td>
                        <td class="px-4 py-2 border">{{ $user->username }}</td>
                        <td class="px-4 py-2 border">{{ $user->nama }}</td>
    @if(request()->is('users/list/mahasiswa'))
        <td class="px-4 py-2 border">{{ $user->th_ajaran }}</td>
    @endif
                        <td class="px-4 py-2 border">{{ $user->no_pokok }}</td>
                        <td class="px-4 py-2 border">{{ $user->email }}</td>
                        <td class="px-4 py-2 border">{{ $user->level }}</td>
                        <td class="px-4 py-2 border">{{ \Carbon\Carbon::parse($user->last_login)->timezone('Asia/Jakarta')->format('d-m-Y H:i') }}</td>
                        <td>
        <div class="flex justify-center space-x-2 px-4 py-2 border">
                {{-- Tombol Edit --}}
                    <a href="{{ route('users.edit', $user->id_user) }}" 
                       class="p-2 bg-yellow-400 rounded hover:scale-110 transition" title="Edit">
                        <i class="fa fa-edit text-white"></i>
                    </a>
        
        
                    {{-- Tombol Delete --}}
            <form action="{{ route('users.destroy', $user->id_user) }}" method="POST" 
                  onsubmit="return confirm('Yakin ingin menghapus user ini?')">
                @csrf
                @method('DELETE')
                <button type="submit" 
                    class="p-2 bg-red-500 rounded hover:scale-110 transition" title="Delete">
                    <i class="fa fa-trash text-white"></i>
                </button>
            </form>
        </div>                        
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-4">Belum ada user.</td>
                    </tr>
                @endforelse
            </tbody>
    </table>

        {{-- Paginasi --}}
    <div class="mt-6">
        <div class="flex justify-center space-x-2">
            {{ $users->onEachSide(1)->links('vendor.pagination.tailwind') }}
        </div>
    </div>
    


</div>

</main>
@endsection