@layout('content.master')
@section('content')
<div class="container">
    <section>
        <div class="row">
            <div class="col">
                <h1>Jobs</h1>
                <br>

                <br>

                @foreach($contents as $content)
                    <div class="col-12 col-md-6 mb-5">
                        <div class="card shadow-sm" style="background-color: #2776b7;">
                            <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
                            <div class="card-body">
                                <h2 class="card-title text-light">{{$content->title}}</h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>

                            </div>
                        </div>
                    </div>
                @endforeach

                @if (isset($list))
                    <p class="fs-5">
                        {{ $list->description }}

                    </p>

                @endif
                <br>
                <br>
            </div>
        </div>


        <style>
            #list-filter-menue .form-check {
                min-height: 2.5rem;
            }
            #list-filter-menue .bg-light {
                background-color: #4285c836 !important;
            }

            a:hover .card-body{
                background-color: #edeff25e;
            }
        </style>


        <div class="row">

            <div class="col-12 ">
                <div class="row">


                    @foreach($contents as $content)
                        <div class="col-12 col-md-6 mb-5">
                            <div class="card shadow-sm" style="background-color: #2776b7;">
                                <div class="card-body">
                                    <h2 class="card-title text-light">{{$content->title}}</h2>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>

                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>



        </div>
    </section>
</div>
@stop