@extends('website.layouts.web-layouts')
@section('title', "FBCCI | $breadcrumb ")
@section('description', 'FBCCI | ' . $breadcrumb)
@section('image', site_setting()->logo)
@section('url', url()->full())

@section('content')

    <div class="breadcrumb mb-0" style="background: url('{{ asset('images/sm-2.jpg') }}');">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="content">
                            <h3 class="text-white">{{ $breadcrumb }}</h3>
                            <ul class="d-flex pt-2 list-unstyled">
                                <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                <li class="px-2">/</li>
                                <li>Media</li>
                                <li class="px-2">/</li>
                                <li>{{ $breadcrumb }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="news-list-page">
        <div class="container">
            <div class="common-search">
                <div class="row">
                    <div class="col-lg-12 ms-auto">
                        <form action="">
                            <div class="d-md-flex search-field justify-content-end">
                                <div class="input-groups">
                                    <p>From Date</p>
                                    <input type="text" placeholder="From date" id="datepicker01"
                                        value="{{ $from_date }}" name="from_date">
                                </div>
                                <div class="input-groups">
                                    <p>To Date</p>
                                    <input type="text" placeholder="To date" id="datepicker02"
                                        value="{{ $to_date }}" name="to_date">
                                </div>
                                <div class="input-groups title-groups">
                                    <p>News Title</p>
                                    <input type="text" placeholder="Type your keywords" value="{{ $keyword }}"
                                        name="keyword">
                                </div>
                                <div class="button-groups">
                                    <button type="submit">Search</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                @forelse ($news as $item)
                    <div class="col-lg-4 col-md-6">
                        <div class="news-item-list">
                            <div class="img">
                                <img src="{{ $item->image }}" alt="{{ $item->title }}" class="img-fluid w-100">
                            </div>
                            <div class="text">
                                <a href="{{ route('web.news.show', $item->slug) }}">
                                    <ul class="list-unstyled">
                                        <li>
                                            <i class="bi bi-calendar2-week-fill pe-1"></i>
                                            {{ global_date_format($item->date) }}
                                        </li>
                                    </ul>
                                    <h3 class="pt-1">{{ global_title_format($item->title) ?? '' }}</h3>
                                </a>
                            </div>
                        </div>
                    </div>

                @empty
                    <x-empty-component></x-empty-component>
                @endforelse
            </div>

            <!-- pagination part start -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="pagination d-flex justify-content-end">
                        {{ $news->links('website.custom.paginate') }}
                    </div>
                </div>
            </div>
            <!-- pagination part end -->
        </div>
    </section>





@endsection