@extends('frontend.layouts.master')
@section('meta_title', __('Internship Jobs') . ' || ' . $setting->app_name)
<!-- @section('meta_title', $seo_setting['course_page']['seo_title']) -->
<!-- @section('meta_description', $seo_setting['course_page']['seo_description']) -->

@section('contents')
<!-- breadcrumb-area -->
<x-frontend.breadcrumb :title="__('Internships')" :links="[['url' => route('home'), 'text' => __('Home')], ['url' => '', 'text' => __('Internships')]]" />
<!-- breadcrumb-area-end -->

<!-- all-courses -->
<section class="all-courses-area section-py-120 top-baseline">
    <div class="container position-relative">
        <div class="preloader-two d-none">
            <div class="loader-icon-two"><img src="{{ asset(Cache::get('setting')->preloader) }}" alt="Preloader"></div>
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-4">
                <div class="courses__sidebar_area">
                    <div class="courses__sidebar_button d-lg-none">
                        <h4>{{ __('filter') }}</h4>
                    </div>
                    <aside class="courses__sidebar">
                        <div class="courses-widget">
                            <h4 class="widget-title">{{ __('Categories') }}</h4>
                            <div class="courses-cat-list">
                                <ul class="list-wrap">
                                    @foreach ($categories->sortBy('name') as $category)
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input category-checkbox" type="checkbox"
                                                name="main_category" value="{{ $category->id }}"
                                                id="cat_{{ $category->id }}">
                                            <label class="form-check-label"
                                                for="cat_{{ $category->id }}">{{ $category->name }}</label>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                                <div class="show-more">
                                </div>
                            </div>
                        </div>

                        <div class="sub-category-holder "></div>

                        <div class="courses-widget">
                            <h4 class="widget-title">{{ __('Company type') }}</h4>
                            <div class="courses-cat-list">
                                <ul class="list-wrap">
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input level-checkbox" type="checkbox"
                                                value="" id="difficulty_1">
                                            <label class="form-check-label"
                                                for="difficulty_1">{{ __('All') }}</label>
                                        </div>
                                    </li>
                                    @foreach ($companyCategory as $company)
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input company-checkbox" type="checkbox"
                                                value="{{ $company->id }}" id="difficulty_{{ $company->id }}">
                                            <label class="form-check-label"
                                                for="difficulty_{{ $company->id }}">{{ $company->name }}</label>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>

                        

                        <div class="courses-widget">
                            <h4 class="widget-title">{{ __('City') }}</h4>
                            <div class="courses-cat-list">
                                <ul class="list-wrap">
                                    <!-- <li>
                                        <div class="form-check">
                                            <input class="form-check-input posteddate-checkbox" type="checkbox" value="" id="posteddate">
                                            <label class="form-check-label" for="posteddate">{{ __('All') }}</label>
                                        </div>
                                    </li> -->
                                    @foreach ($countryArray as $key=>$location)
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input location-checkbox" type="checkbox" value="{{ $key }}" id="posteddate_{{ $key }}">
                                            <label class="form-check-label" for="posteddate_{{ $key }}">{{ $location }}</label>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="show-more">
                            </div>
                        </div>

                        <div class="courses-widget">
                            <h4 class="widget-title">{{ __('Date posted') }}</h4>
                            <div class="courses-cat-list">
                                <ul class="list-wrap">
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input posteddate-checkbox" type="checkbox" value="" id="posteddate">
                                            <label class="form-check-label" for="posteddate">{{ __('All') }}</label>
                                        </div>
                                    </li>
                                    @foreach ($datePosted as $key=>$date)
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input posteddate-checkbox" type="checkbox" value="{{ $key }}" id="posteddate_{{ $key }}">
                                            <label class="form-check-label" for="posteddate_{{ $key }}">{{ $date }}</label>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="show-more">
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
            <div class="col-xl-9 col-lg-8">
                <div class="courses-top-wrap courses-top-wrap">
                    <div class="row align-items-center">
                        <div class="col-md-5">
                            <div class="courses-top-left">
                                <p>{{ __('Total') }} <span class="course-count">0</span> {{ __('Internships Job found') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="d-flex justify-content-center align-items-center flex-wrap">
                                <div class="courses-top-right m-0 ms-md-auto">
                                    <span class="sort-by">{{ __('Sort By') }}:</span>
                                    <div class="courses-top-right-select">
                                        <select name="orderby" class="orderby">
                                            <option value="desc">{{ __('Latest to Oldest') }}</option>
                                            <option value="asc">{{ __('Oldest to Latest') }}</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="grid" role="tabpanel"
                        aria-labelledby="grid-tab">
                        <div
                            class="course-holder row courses__grid-wrap row-cols-1 row-cols-xl-3 row-cols-lg-2 row-cols-md-2 row-cols-sm-1">
                            {{-- dynamic content will go here via ajax --}}
                        </div>

                        <div class="pagination-wrap">
                            <div class="pagination">
                                {{-- dynamic content will go here via ajax --}}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- all-courses-end -->
@endsection

@push('scripts')
<script src="{{ asset('frontend/js/default/internships-page.js') }}"></script>
<style>
    .breadcrumb__bg {
        padding: 20px 0;
    }
    .courses__item{
        min-height: 388px;
        max-height: 388px;
    }
    .shine__animate-link {
        text-align: center;
    }
    .courses__item-thumb img{
        width: auto !important;
        max-width: 100% !important;
        /* object-fit: unset; */
        object-fit: contain;
    }
</style>
@endpush