@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>Notice</li>
                                <li class="px-2">/</li>
                                <li>{{ $breadcrumb }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <section class="notice-list">
        <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>Notice 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">
                <div class="col-lg-12 mx-auto bg-white">
                    <div class="row">
                        @forelse ($notices as $item)
                            <div class="col-lg-6">
                                <div class="notice-item mb-3 d-sm-flex align-items-center justify-content-between">
                                    <div class="notice-date text-center">
                                        <p>{{ $item->notice_date }}
                                            {{-- <span class="month">{{ date('M', strtotime($item->notice_date)) }} </span> --}}
                                            {{-- <span class="pt-1 year">{{ $item->notice_date }}</span> --}}
                                        </p>
                                    </div>
                                    <div class="notice-info">
                                        @if ($item->type == 'file')
                                            <a target="_blank" href="{{ $item->file }}">
                                            @else
                                                <a href="{{ route('web.notice.show', $item->slug) }}">
                                        @endif
                                        <h4>{{ global_title_format($item->title) }}</h4>
                                        <p class="title-info">{{ str_limit($item->description, 30) }}</p>
                                        </a>
                                    </div>
                                    @if ($item->type == 'file')
                                        <div class="pdf">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                    @endif
                                </div>
                            </div>


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

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

        </div>
    </section>

@endsection