@extends('layouts.frontend-layout')
@section('content')
        <!-- page-title -->
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Career</h2>
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <i class="ti ti-home margin_right1"></i>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Career</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--site-main start-->
        <div class="site-main">
            <!--double-section-->
            <section class="ttm-row broken-section clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-lg-6 col-md-7 mx-auto">
                                    <div
                                        class="ttm-bg ttm-col-bgcolor-yes ttm-bgcolor-grey ttm-left-span spacing-7 res-767-mr_15">
                                        <div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
                                        <div class="layer-content">
                                            <!-- ttm_single_image-wrapper -->
                                            <div class="ttm_single_image-wrapper">
                                                <div
                                                    class="d-inline-block p-10 ttm-bgcolor-white border-rad_6 position-relative z-index-1 box-shadow mr_300 res-767-margin_right0">
                                                    @if($career)
                                                        @if($career->image)
                                                        <img class="img-fluid" src="{{ asset($career->image) }}"
                                                            alt="single_04">
                                                        @endif
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div
                                        class="padding_top100 margin_top15 res-991-margin_top0 res-991-padding_top40 res-991-padding_bottom60 ml_25 res-1199-margin_left0">
                                        <!-- section-title -->
                                        <div class="section-title">
                                            <div class="title-header">
                                                <h2 class="title">CAREER</h2>
                                            </div>
                                            @if($career)
                                            <div class="title-desc">
                                                <p>{!! $career->short_description !!}</p>

                                                <p>{!! $career->description !!}</p>

                                            </div>
                                            @endif
                                        </div><!-- section-title end -->

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="title-header">
                                <h2 class="title text-center">Jobs</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table table-bordered" style="border: 1px solid #859fbdaf;">
                                <tr>
                                    <th style="border: 1px solid #859fbdaf;">#</th>
                                    <th style="border: 1px solid #859fbdaf;">Position</th>
                                    <th style="border: 1px solid #859fbdaf;">Department</th>
                                    <th style="border: 1px solid #859fbdaf;">Closing Date</th>
                                    {{-- <th style="border: 1px solid #859fbdaf;">Actions</th> --}}
                                </tr>
                                @foreach($jobs as $key)
                                <tr>
                                    <td style="border: 1px solid #859fbdaf;">{{ $loop->index+1 }}</td>
                                    <td style="border: 1px solid #859fbdaf;">{{ $key->position }}</td>
                                    <td style="border: 1px solid #859fbdaf;">{{ $key->department }}</td>
                                    <td style="border: 1px solid #859fbdaf;">{{ $key->closing_date }}</td>
                                    {{-- <td style="border: 1px solid #859fbdaf;">
                                        <a href="{{ route('main-site.job-details',['id'=>$key->id]) }}" class="btn-link p-2">Read more...</a>
                                    </td> --}}
                                </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </section>


@endsection