@extends('layouts.master')
@section('content')
<div class="heading-section">
    <div data-aos="fade-up">
        <h1 class="text-center text-capitalize text-white">WE ARE HIRING</h1>
        <p class="text-center">We Are Always Eager to Meet New Talents, So Check Out Our Open Positions</p>
    </div>
</div>

@if (Session::has('messagesent'))
<script>
    $( document ).ready(function() {
    sweetAlert("Applied Successfully", "Our Team Will Contact You Soon", "success");
    
    setTimeout(function(){
   window.location.reload();
    }, 2500);
});

</script>

@endif

<div class="innersection ">
        @include('layouts.breadcrumbs')
    <div class="container-fluid py-5 ">
        <div class="row ml-4 mr-4">
            @foreach($page_content as $job)
            <div class="col-sm-12 col-md-4">
                <div class="card mb-4">
                    @if($job->file)
                    <img src="{{asset('assets/images/job_posts/'.$job->file)}}" class="card-img-top w-50 m-auto">
                    @endif
                    <div class="card-body">
                        <h4 class="card-title">{{ $job->title }}</h4>
                        <h6 class="card-title">Last date to apply: {{ \Carbon\Carbon::parse($job->last_date)->format('d-M-Y')}}</h6>
                        <h6 class="card-title">Department: {{ $job->department_name }}</h6>
                        <h6 class="card-title">Discipline: {{ $job->discipline_name }}</h6>
                        
                        <p class="card-text">{!! $job->description !!}</p>
                        <a href="{{url('/apply-job',$job->id)}}" class="btn btn-primary w-100">Apply</a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

@endsection