@extends('layouts.app')

@section('content')
<div class="container">

    <h2>Project List</h2>

    <form method="GET" action="{{ route('projects.search') }}">
        <div class="input-group mb-3">
            <input type="text" name="search" class="form-control"
                   placeholder="Search projects..."
                   value="{{ request('search') }}">
            <button class="btn btn-primary" type="submit">Search</button>
        </div>
    </form>

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Project Name</th>
                <th>Project Code</th>
                <th>Description</th>
                <th>PR Number</th>
                <th>PO Number</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($projects as $project)
                <tr>
                    <td>{{ $project->project_name }}</td>
                    <td>{{ $project->project_code }}</td>
                    <td>{{ $project->project_description }}</td>
                    <td>{{ $project->pr_number }}</td>
                    <td>{{ $project->po_number }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="text-center">No projects found.</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    {{ $projects->links() }}
</div>
@endsection