@extends('dashboard.layouts.main')

@section('container')
<div class="container-fluid pt-4 px-4">

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle"></i> {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if(!isset($users) && !isset($user))
        <!-- Search Users Form -->
        <div class="card mb-4">
            <div class="card-header">
                <h4>Cari Users</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.searchUsers') }}" method="GET" class="row g-3">
                    <div class="col-md-10">
                        <input type="text" name="query" id="query" class="form-control" placeholder="Masukan nama, username, dan email" value="{{ old('query', $query ?? '') }}">
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-warning w-100"><i class="fas fa-search"></i> Cari</button>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if(isset($users))
        <!-- Search Results for Users -->
        <div class="card mb-4">
            <div class="card-header">
                <h4>Hasil Pencarian</h4>
            </div>
            <div class="card-body">
                @if($users->count() == 0)
                    <p class="alert alert-warning">Tidak Ditemukan nama, username, dan email "{{ $query }}" dalam database.</p>
                @else
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="table">
                                <tr>
                                    <th>Nama</th>
                                    <th>Username</th>
                                    <th>Email</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $user)
                                    <tr>
                                        <td>{{ $user->name }}</td>
                                        <td>{{ $user->username }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>
                                            <a href="{{ route('admin.listGardens', $user->id) }}" class="btn btn-warning">
                                                <i class="fas fa-eye"></i> Lihat Kebun
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- Pagination links -->
                    <div class="d-flex justify-content-center mt-4">
                        {{ $users->links() }}
                    </div>
                @endif
            </div>
        </div>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-secondary mt-3">
            <i class="fas fa-arrow-left"></i> Kembali
        </a>
    @endif

    @if(isset($user) && isset($gardens))
        <!-- Search Gardens for a Specific User -->
        <div class="card mb-4">
            <div class="card-header">
                <h4>Kebun {{ $user->name }}</h4>
            </div>
            <div class="card-body">
                @if($gardens->isEmpty())
                    <p class="alert alert-info">Anda tidak memiliki kebun.</p>
                @else
                    <form action="{{ route('admin.searchGardens', $user->id) }}" method="GET" class="d-flex mb-3">
                        <div class="col-md-10">
                            <input type="text" name="query" id="query" class="form-control me-2" placeholder="Masukan nama kebun" value="{{ old('query', $query ?? '') }}">
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-warning"><i class="fas fa-search"></i> Cari</button>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="table">
                                <tr>
                                    <th>ID Kebun</th>
                                    <th>Nama Kebun</th>
                                    <th>Blynk Token</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($gardens as $garden)
                                    <tr>
                                        <td>{{ $garden->id}}</td>
                                        <td>{{ $garden->name }}</td>
                                        <td>{{ $garden->blynk_token ? $garden->blynk_token : 'Belum ada data' }}</td>
                                        <td>
                                            <form action="{{ route('admin.updateBlynkToken', $garden->id) }}" method="POST">
                                                @csrf
                                                <div class="input-group">
                                                    <input type="text" name="blynk_token" id="blynk_token" class="form-control" required>
                                                    <button type="submit" class="btn btn-warning"><i class="fas fa-save"></i> Update</button>
                                                </div>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-secondary mt-3">
            <i class="fas fa-arrow-left"></i> Kembali
        </a>
    @endif

</div>
@endsection

@push('styles')
<style>
    .btn {
        display: flex;
        align-items: center;
    }
    .btn i {
        margin-right: 5px;
    }
    .table-responsive {
        margin-top: 20px;
    }
    .table-hover tbody tr:hover {
        background-color: #f2f2f2;
    }
</style>
@endpush

@push('scripts')
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
@endpush