@extends('layouts.app')
@section('title', 'Companies')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold mb-6">Companies</h1>

    <form method="GET" class="flex gap-3 mb-6">
        <input name="search" value="{{ request('search') }}" placeholder="Search company..."
               class="border rounded px-3 py-2 flex-1">
        <select name="industry" class="border rounded px-3 py-2">
            <option value="">All Industries</option>
            @foreach($industries as $industry)
                <option value="{{ $industry }}" @selected(request('industry') === $industry)>
                    {{ $industry }}
                </option>
            @endforeach
        </select>
        <button class="bg-blue-600 text-white px-6 rounded hover:bg-blue-700">Search</button>
    </form>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        @foreach($companies as $company)
            <a href="{{ route('companies.show', $company->slug) }}"
               class="bg-white rounded-lg shadow p-5 hover:shadow-lg transition">
                <div class="flex items-center gap-3">
                    <img src="{{ $company->logo_url }}"
                         class="w-14 h-14 rounded object-cover">
                    <div>
                        <p class="font-semibold text-gray-800">
                            {{ $company->name }}
                            @if($company->is_verified)
                                <span class="text-blue-500 text-xs">✓</span>
                            @endif
                        </p>
                        <p class="text-xs text-gray-500">
                            {{ $company->industry }} • {{ $company->full_location }}
                        </p>
                    </div>
                </div>
                <p class="text-xs text-blue-600 mt-3">
                    {{ $company->jobs_count }} active {{ Str::plural('job', $company->jobs_count) }}
                </p>
            </a>
        @endforeach
    </div>

    <div class="mt-6">{{ $companies->links() }}</div>
</div>
@endsection