@extends('theme.master')
@section('title', 'Careers')
@section('content')

@include('admin.message')

@if($data['one_enable'] == 1)
<!-- about-home start -->
<section id="careers" class="about-home-one-main-block careers-main-block">
    <div class="container">
        <div class="careers-block">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                <h1 class="careers-heading text-center text-white">{{ $data->one_heading }}</h1>
                <p class="text-center text-white btm-40">{{ $data->one_text }}</p>
                <div class="careers-btn btm-40 text-center">
                    <a href="{{ $data->three_btntxt }}" class="btn btn-primary" title="careers">{{ $data->one_btntxt }}</a>
                </div>
            </div>
        </div>
    </div>
</section> 
<!-- about-home end -->
<!-- careers-video start -->
<section id="careers-video" class="careers-video-main-block">
    <div class="container">
        <div class="careers-video">
            <a href="#" title="about">
                <img src="{{ asset('images/careers/'.$data->one_video) }}" class="img-fluid" alt="about-img">
            </a>
        </div>
    </div>
</section>
@endif
<!-- careers-video end -->
<!-- careers-info start -->
@if($data['two_enable'] == 1)
<section id="careers-info" class="careers-info-main-block">
    <div class="container">
        <div class="careers-block-one">
            <div class="row">
                @php
                    $items = App\Testimonial::limit(4)->get();
                @endphp
                @foreach($items as $item)
                <div class="col-lg-6">
                    <div class="careers-info-block bdr-right">
                        <div class="careers-info-img btm-20"><img src="{{ asset('images/testimonial/'. $item->image) }}" class="img-fluid"></div>
                        <h3 class="careers-info-heding btm-30">{{ $item->client_name }}</h3>
                        <p>{{ strip_tags(str_limit($item->details, $limit = 150, $end = '...')) }}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
@endif
<!-- careers-info end -->
<!-- careers-learn start -->
@if($data['three_enable'] == 1)
<section id="careers-learn" class="careers-learn-main-block" style="background-image: url('{{ asset('images/careers/'.$data->three_bg_image) }}')">
    <div class="container">
        <div class="careers-learn-block">
            <div class="row">
                <div class="col-lg-6">
                    <div class="careers-learn-video bdr-right">
                        <a href="#" title="about">
                            <img src="{{ asset('images/careers/'.$data->three_video) }}" class="img-fluid" alt="careers">
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="careers-learn-video-one">
                        <div class="careers-learn-heading btm-10">{{ $data->three_heading }}</div>
                        {{-- <a href="#" title="careers">{{ $data->three_btntxt }} ></a> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- careers-learn end -->
<!-- learning-learn-img start-->
@if($data['four_enable'] == 1)
 <section id="learning-learn-img" class="learning-learn-img-main-block">
    <div class="container-fluid">
        <div class="learning-learn-img-block">
            <div class="row no-gutters">
                <div class="col-lg-2">
                    <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_one) }}" title="img" class="img-fluid"></a>
                    <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_two) }}" title="img" class="img-fluid"></a>
                </div>
                <div class="col-lg-3">
                    <div class="height">
                        <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_three) }}" title="img" class="img-fluid"></a>
                    </div>
                    <div class="height-one">
                        <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_four) }}" title="img" class="img-fluid"></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_five) }}" title="img" class="img-fluid"></a>
                    <div class="row no-gutters">
                        <div class="col-lg-6">
                            <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_six) }}" title="img" class="img-fluid"></a>
                        </div>
                        <div class="col-lg-6">
                            <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_seven) }}" title="img" class="img-fluid"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-1">
                    <div class="height-one">
                        <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_eight) }}" title="img" class="img-fluid"></a>
                    </div>
                    <div class="height">
                        <a href="#" title="NextClass-learn"><img src="{{ asset('images/careers/'.$data->four_img_nine) }}" title="img" class="img-fluid"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- learning-learn-img end -->
<!-- careers-benefits start -->
@if($data['five_enable'] == 1)
<section id="careers-benefits" class="careers-benefits-main-block">
    <div class="container">
        <div class="careers-benefits-block">
            <div class="careers-benefits-heading text-center">{{ $data->five_heading }}</div>
            <p class="text-center btm-40">{{ $data->five_text }}</p>
            <div class="row">
                <div class="col-lg-6">
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textone }}</div>
                            <p>{{ $data->five_dtlone }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_texttwo }}</div>
                            <p>{{ $data->five_dtltwo }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textthree }}</div>
                            <p>{{ $data->five_dtlthree }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textfour }}</div>
                            <p>{{ $data->five_dtlfour }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>   
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textfive }}</div>
                            <p>{{ $data->five_dtlfive }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textsix }}</div>
                            <p>{{ $data->five_dtlsix }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textseven }}</div>
                            <p>{{ $data->five_dtlseven }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_texteight }}</div>
                            <p>{{ $data->five_dtleight }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textnine }}</div>
                            <p>{{ $data->five_dtlnine }}</p>
                        </div>
                    </div>
                    <div class="careers-benefits-dtl-block btm-40">
                        <div class="careers-benefits-icon">
                            <i class="fa fa-check"></i>
                        </div>   
                        <div class="careers-benefits-dtl">
                            <div class="careers-benefits-dtl-heading">{{ $data->five_textten }}</div>
                            <p>{{ $data->five_dtlten }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- careers-benefits end -->
<!-- join-team start -->
@if($data['six_enable'] == 1)
<section id="join-team" class="join-team-main-block">
    <div class="container">
        <div class="join-team-block">
            <div class="careers-benefits-heading text-center">{{ $data->six_heading }}</div>
            <p class="text-center">{{ $data->six_text }}</p>
            
            <div class="faq-block">
                <div class="faq-dtl">
                    <div id="accordion" class="second-accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <div class="mb-0">
                                    <h3 class="text-center">{{ $data->six_topic_one }}</h3>
                                </div>
                            </div>
                            
                        </div>
                        <hr>
                        <div class="card">
                            <div class="card-header" id="headingTwo">
                                <div class="mb-0">
                                    <h3 class="text-center">{{ $data->six_topic_two }}  </h3>
                                    
                                </div>
                            </div>
                            
                        </div>
                        <hr>
                        <div class="card">
                            <div class="card-header" id="headingThree">
                                <div class="mb-0">
                                    <h3 class="text-center">{{ $data->six_topic_three }}  </h3>
                                   
                                </div>
                            </div>
                            
                        </div>
                        <hr>
                        <div class="card">
                            <div class="card-header" id="headingFour">
                                <div class="mb-0">
                                    <h3 class="text-center">{{ $data->six_topic_four }} </h3>
                                    
                                </div>
                            </div>
                            
                        </div>
                        <hr>
                        <div class="card">
                            <div class="card-header" id="headingFive">
                                <div class="mb-0">
                                    <h3 class="text-center">{{ $data->six_topic_five }} </h3>
                                   
                                </div>
                            </div>
                            
                        </div>
                        <hr>
                        <div class="card">
                            <div class="card-header" id="headingSix">
                                <div class="mb-0">
                                   <h3 class="text-center">{{ $data->six_topic_six }}</h3>
                                   
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- join-team end -->

@endsection
