@extends('clientside.layouts.app')
@section('content')
<section class="section_common inner_banner">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            @php $i = 0; @endphp
            @foreach($banner as $banners)
            <div class="carousel-item {{ $i==0 ? 'active': '' }}"
                style="background:url({{isset($banners->image)?asset('storage/banners/'.$banners->image):asset('/images/no-image.png')}})">
                <img src="{{isset($banners->image)?asset('storage/banners/'.$banners->image):asset('/images/no-image.png')}}" alt="" class="w-100 banner_inner_image">
                <div class="carousel-caption d-none d-flex justify-content-center align-items-center">
                    <div class=" wow fadeInUp">
                        {!!$banners->description!!}
                    </div>
                </div>
            </div>
            @php $i++; @endphp
            @endforeach
        </div>
        @if($i !=1)
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <img src="{{ asset('clientside/img/arr_left.png') }}" alt="">
            </a> 
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <img src="{{ asset('clientside/img/arr_right.png') }}" alt="">
            </a>
        @endif
    </div>
    <a href="#" class="scroll_more next-section"> <img alt="" src="{{ asset('clientside/img/circle_white.png') }}"
            class="circle"> <img alt="" src="{{ asset('clientside/img/arrow_white.png') }}" class="arrow"> </a>
</section>
<section class="section_common even_list_sec" style="background:url('../clientside/img/career_bg.jpg') no-repeat">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center wow fadeInDown">
                <h3 class="section_title2 mb-5">{{trans('headings.exciting_career')}}</h3>
            </div>
            @if(session()->has('message'))
                <div class="col-12 text-center alert alert-success">
                    {{ session()->get('message') }}
                </div>
                <br>
            @endif
            @foreach($vacancy as $vacancies)
            <div class="col-md-6 wow fadeInUp">
                <div class="career_thumb ">
                    <div class="media">
                        <img src="{{ asset('clientside/img/career_bag.png') }}" alt="">
                        <div class="media-body">
                            <h5 class="mt-0">{{$vacancies->title}}</h5>
                            <span>{{trans('headings.location')}} : {{$vacancies->location}} |{!!$vacancies->description!!} </span>
                        </div>
                        <a href="{{route('apply',$vacancies->id)}}" class="btn btn-primary">{{trans('headings.apply_now')}}</a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

@endsection