@extends('layouts.app')

@section('content')
<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <header class="card">
        <div class="flex items-start gap-6">
            @if($company->logo)
                <img src="{{ asset('storage/'.$company->logo) }}" alt="{{ $company->name }}" class="h-20 w-20 rounded-2xl object-cover" width="80" height="80">
            @endif
            <div>
                <h1 class="text-3xl font-bold">{{ $company->name }}</h1>
                @if($company->is_verified)<span class="badge bg-green-50 text-green-700 mt-2">{{ __('Verified') }}</span>@endif
                <p class="mt-2 text-gray-600">{{ $company->industry }}</p>
                @if($company->website)<a href="{{ $company->website }}" class="mt-2 inline-block text-brand-purple hover:underline" rel="noopener">{{ $company->website }}</a>@endif
            </div>
        </div>
        @if($company->description)
            <div class="mt-6 prose max-w-none">{!! nl2br(e($company->description)) !!}</div>
        @endif
    </header>

    <h2 class="section-title mt-12">{{ __('Open Positions') }} ({{ $jobs->total() }})</h2>
    <div class="mt-6 job-list">
        @foreach($jobs as $job)
            @include('public.jobs.partials.row', ['job' => $job])
        @endforeach
    </div>
    <div class="mt-8">{{ $jobs->links() }}</div>
</div>
@endsection