@extends('frontend.layouts.web')
@section('content')
<div class="news-events-details-wrapper container    p-0">
    <div class="event-details-heading my-4 ps-2">
        <h3 class="text-left text-uppercase">{{$CareerDetail->title}}</h3>
    </div>
    <div class="events-details-top-banner">
        <img src="{{URL('/')}}/frontend/images/career/careertips/{{$CareerDetail->image}}" alt="{{$CareerDetail->title}}">
    </div> <!-- details top banner ends here -->
    <div class="container my-5">
        {!! $CareerDetail->description !!}
    </div>  <!-- container details ends here --> 
    <div class="container">
        <div class="event-related-posts"> <!-- Event Related posts section starts -->
            <h3>Related Posts</h3>
            <div class="row justify-content-center my-2">
                @foreach($CareerTips as $CareerTip)
                    <div class="col-lg-3 col-md-6 col-12 text-center mt-5 mb-5">
                        <div class="event-related-posts">
                            <a href="{{route('career-tips-detail.show',$CareerTip->slug)}}">
                                <img src="{{URL('/')}}/frontend/images/career/careertips/{{$CareerTip->image}}" alt="" class="img-fluid">
                            </a>
                        </div>
                    </div>
                @endforeach   
            </div>
        </div>  <!-- related posts section ends -->
    </div>
</div>  <!--details wrapper ends here -->
@endsection