@extends('layouts.app')

@section('content')
<section id="topSearchPage">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="form_job_search">
                    </div>
                    <!-- <form action="">
                        <div id="banner" class="form_wrap">
                            <div class="banner_content_right">
                                <div class="poisk_banner_1">
                                    <input type="search" placeholder="Job title, keywords or company">
                                </div>
                                <div class="poisk_banner_1 paddong">
                                    <input type="text" placeholder="Location">
                                </div>
                                <a class="top_form_button_send" href="">Find jobs</a>
                            </div>
                        </div>
                    </form> -->
                </div>
            </div>
        </div>
    </section>
    <section id="resultOfSearch">
        <div class="container">
            <div class="row">
                <div class="col-lg-9">
                <div class="container">
                        <div class="margin_top_35">
                            <p class="top_text"><span>{{count($newsLength)}} results</span> <span class="float_right">Sort by: 
                                <select name="sort_by" id="sort_by">
                                    <option value="date">date</option>
                                    <option value="date2">date2</option>
                                </select></span>
                            </p>
                        </div>
                    @foreach ($news as $new)
                        <div class="card_job">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="new_img_card_job">
                                        <img src="/{{ $new->img }}" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <p class="job_title">{{ $new->title }} <span></span></p>
                                    <p class="job_location">{{ $new->company_name }} - {{ $new->location }}</p>
                                    <p class="job_price">{{ $new->sellery }} a year</p>
                                    <p class="job_description">{{ $new->description }}</p>
                                    <div class="card_footer">
                                        <span class="date">{{ $new->created_at }}</span>
                                        <a href="{{route('singleNews', [$new -> id])}}" class="btn_more">More</a>
                                    </div>
                                    <!-- <i class="far fa-heart"></i> -->
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                {{ $news->links() }}
                
                    <div class="pagination_cards">
                         <a href="#" class="pagination active">1</a>
                         <a href="#" class="pagination">2</a>
                         <a href="#" class="pagination">3</a>
                         <a href="#" class="pagination">></a>
                    </div>
                </div>
                <div class="col-lg-3 bg_color_grey">
                    <div class="margin_top_35">
                        <p class="news_categories">
                            Categories
                        </p>
                        <ul class="list_category">
                            <li><a href="/news_page">all news</a></li>
                            <li><a href="/news_page/category1">test1</a></li>
                            <li><a href="/news_page/category2">test2</a></li>
                        </ul>
                        <p class="news_search">
                            Search
                        </p>
                        @include('inc/forms/searchNews')
                        <!-- <form class="news_search_form" action="">
                            <input type="text" name="news_keywords">
                        </form> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection