@extends('layouts.app')

@section('title', 'Healthcare Career Blog | healthcareers.app')
@section('description', 'Healthcare career guides, salary data, HIPAA and job search tips from healthcareers.app, home of free healthcare job postings.')
@section('canonical', $canonical)
@if ($filtered)
    @section('robots', 'noindex, follow')
@endif

@section('content')
    <div class="adm-head">
        <div>
            <h1>Healthcare career blog</h1>
            <p class="lead">Career guides, salary outlooks and job search advice for nurses, therapists, technicians and everyone else in healthcare.</p>
        </div>
        <form class="blog-search" method="get" action="{{ route('blog.index') }}" role="search">
            <label class="sr" for="q">Search articles</label>
            <input id="q" name="q" type="search" value="{{ $search }}" placeholder="Search articles">
            <button class="btn sm" type="submit">Search</button>
        </form>
    </div>

    <nav class="chips" aria-label="Categories">
        <a href="{{ route('blog.index') }}" @class(['chip', 'on' => ! $category])>All</a>
        @foreach ($categories as $c)
            <a href="{{ route('blog.index', ['category' => $c->blog_category_slug]) }}" @class(['chip', 'on' => $category && $category->id === $c->id])>{{ $c->blog_category_name }} <span>{{ $c->posts_count }}</span></a>
        @endforeach
    </nav>

    @if ($search !== '')
        <p class="muted">{{ number_format($posts->total()) }} {{ Str::plural('article', $posts->total()) }} matching “{{ $search }}”.</p>
    @endif

    @if ($posts->isEmpty())
        <div class="card empty">No articles found. <a href="{{ route('blog.index') }}">See all articles</a>.</div>
    @else
        <div class="post-grid">
            @foreach ($posts as $post)
                @include('blog._card', ['post' => $post])
            @endforeach
        </div>
        @include('blog._pager', ['posts' => $posts])
    @endif
@endsection