@extends('layouts.app')
@section('content')
<!-- Header start -->
@include('includes.header')
<!-- Header end -->
<!-- Inner Page Title start -->

@include('includes.search')
<!-- Inner Page Title end -->
<div class="listpgWraper">
    <div class="container">
        @include('flash::message')



        <form action="{{route('job.list')}}" method="get">
            <!-- Search Result and sidebar start -->
            <div class="row"> @include('includes.job_list_side_bar')

                <div class="col-md-9 col-sm-12">
                <div class="row list-heading">
                    <div class="col-md-3 col-sm-4 hidden-xs hidden-sm first">NAME</div>
                    <div class="col-md-3 col-sm-4 hidden-xs hidden-sm second"></div>
                    <div class="col-md-3 col-sm-4 hidden-xs hidden-sm">JOB TYPE</div>
                    <div class="col-md-3 hidden-xs hidden-sm"></div>
                </div>
                    <!-- Search List -->
                    <ul class="searchList">
                        <!-- job start -->
                        @if(isset($jobs) && count($jobs))
                        @foreach($jobs as $job)
                        @php $company = $job->getCompany(); @endphp
                        @if(null !== $company)
                        <li>
                            <div class="row">
                                <div class="col-md-3 col-sm-4">
                                    <div class="jobinfo">
                                        <h3><a href="{{route('job.detail', [$job->slug])}}" title="{{$job->title}}">{{$job->title}}</a></h3>
                                    </div>
                                </div>

                                <div class="col-md-3 col-sm-4">
                                    {{-- <div class="jobinfo">
                                        <div class="companyName"><i class="fa fa-map-marker" aria-hidden="true"></i> <a href="{{route('company.detail', $company->slug)}}" title="{{$company->name}}">{{$company->name}}</a>  - <span>{{$job->getCity('city')}}</span> </div>
                                    </div> --}}
                                </div>
                                <div class="col-md-3 col-sm-4">
                                    <div class="jobinfo">
                                        <div class="location">
                                           <i class="fa fa-hourglass-start" aria-hidden="true"></i> <label title="{{$job->getJobType('job_type')}}">{{$job->getJobType('job_type')}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 hidden-sm hidden-xs text-right">
                                    <div class="listbtn"><a href="{{route('job.detail', [$job->slug])}}">{{__('Details')}}</a></div>
                                </div>
                            </div>
                            <div> <p>{!!str_limit(strip_tags($job->description), 150, '...')!!}</p></div>
                            <div class="col-md-3 hidden-lg hidden-md text-center">
                                    <div class="listbtn"><a href="{{route('job.detail', [$job->slug])}}">{{__('Details')}}</a></div>
                                </div>
                        </li>
                        <!-- job end -->
                        @endif
                        @endforeach
                        @endif
                    </ul>

                    <!-- Pagination Start -->
                    <div class="pagiWrap">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="showreslt">
                                    {{__('Showing Pages')}} : {{ $jobs->firstItem() }} - {{ $jobs->lastItem() }} {{__('Total')}} {{ $jobs->total() }}
                                </div>
                            </div>
                            <div class="col-md-7 text-right">
                                @if(isset($jobs) && count($jobs))
                                {{ $jobs->appends(request()->query())->links() }}
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- Pagination end -->
                    <div class=""><br />{!! $siteSetting->listing_page_horizontal_ad !!}</div>

                </div>
            </div>
        </form>
    </div>
</div>


<!-- How it Works start -->
@include('includes.how_it_works')
<!-- How it Works Ends -->


@include('includes.footer')
@endsection
@push('styles')
<style type="text/css">
    .searchList li .jobimg {
        min-height: 80px;
    }
    .hide_vm_ul{
        height:100px;
        overflow:hidden;
    }
    .hide_vm{
        display:none !important;
    }
    .view_more{
        cursor:pointer;
    }
</style>
@endpush
@push('scripts')
<script>
    $(document).ready(function ($) {
        $("form").submit(function () {
            $(this).find(":input").filter(function () {
                return !this.value;
            }).attr("disabled", "disabled");
            return true;
        });
        $("form").find(":input").prop("disabled", false);

        $(".view_more_ul").each(function () {
            if ($(this).height() > 100)
            {
                $(this).addClass('hide_vm_ul');
                $(this).next().removeClass('hide_vm');
            }
        });
        $('.view_more').on('click', function (e) {
            e.preventDefault();
            $(this).prev().removeClass('hide_vm_ul');
            $(this).addClass('hide_vm');
        });

    });
</script>
@include('includes.country_state_city_js')
@endpush