mobile logo

Laravel blade @include with @yield

Solution:

molecules/blocks/banner.blade.php

@if(isset($background))
  <section class="banner" style="background-image:url('{{$background}}');">
@else
  <section class="banner">
@endif
      <h1>Hi</h1>
      @yield('main_content')
</section>

aMainPage.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vNull</title>
</head>
<body>
@section('main_content')
    <h1>Woho</h1>
@endsection
@include('molecules.blocks.banner', ['background' => '/image.jpeg'])
</body>
</html>

Secondary Solution

molecules/blocks/banner.blade.php

@if(isset($background))
  <section class="banner" style="background-image:url('{{$background}}');">
@else
  <section class="banner">
@endif
      <h1>Hi</h1>
      @stack('main_content')
</section>

aMainPage.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vNull</title>
</head>
<body>
@include('molecules.blocks.banner', ['background' => '/image.jpeg'])
@push('main_content')
    <h1>Woho</h1>
@endpush
</body>
</html>

Result

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vNull</title>
</head>
<body>
  <section class="banner" style="background-image:url('/image.jpeg');">
      <h1>Hello</h1>
      <h1>Woho</h1>
  </section>
</body>
</html>