@extends('layouts.home')
@section('search')
{{-- <x-job-search></x-job-search> --}}
@endsection
@section('content')
<div class="bg-gradient-to-r from-color2-300 via-color2-300 to-color2-300 w-full h-10">
    <div class="flex justify-start pb-3 mx-auto xl:container">
        @include('includes.breadcrumb')
    </div>
</div>
    <div class="xl:container mx-auto p-5 md:p-10 ">
        <h1 class="text-4xl text-color2-400 mb-10 text-center">
            @yield('title')
        </h1>
<div class="grid grid-cols-1 md:grid-cols-12 gap-5 w-full">
            <div class="md:col-span-4 lg:col-span-3">
                <h4 class="text-2xl mb-5">@yield('leftTitle')</h4>
                @yield('leftSideBar')
            </div>
            <div class="md:col-span-8 lg:col-span-9">
                <h4 class="text-2xl mb-5">@yield('rightTitle')</h4>
                @include('errors.error')
                @yield('rightContent')
            </div>
        </div>
    </div>
@endsection