@extends('layouts.main')

@section('content')

    <section class="py-4 py-md-3 banner-c">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h1 class="text-white f-sm-30 f-30 fw-500 mb-0">
                        Research Publication
                    </h1>
                </div>
                <div class="col-md-6 text-end"></div>
            </div>
        </div>
    </section>

    <section class="breadcrumb py-3 mb-0 custom_breadcrumb">
        <div class="container">
            <div class="row align-items-center">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" tabindex="0"><i class="fa fa-home"></i> Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Research Publication</li>
                </ol>
            </div>
        </div>
    </section>

    <section class="event-section pb-md-4">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mt-lg-0 mt-4 order-2 order-lg-0">
                    <div class="row">
                        @foreach($researchPublications as $researchPublication)
                            <div class="col-md-12">
                                <div class="events-content-box">
                                    <span class="rounded-pill mb-3 d-inline-block bgBlueLight clrBlueDark f-12 px-3 py-1">
                                        {{ $researchPublication->ResearchDate }}
                                    </span>
                                    <h3 class="fw-500 f-18 f-sm-16 clr5c mb-0">
                                        <a href="{{ route('research-publication.show', $researchPublication->Slug) }}" class="clr5c underline-none blog-link-text mt-0 clr5cDark position-relative">
                                            {{ $researchPublication->ResearchTitle }}
                                        </a>
                                    </h3>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <!-- Pagination -->
                    <div class="row mt-4 ">
                        {{ $researchPublications->links() }}
                    </div>
                </div>

                <div class="col-md-4 order-1 order-lg-0">
                    <div class="sticky-top bg-white doctor-master-sticky">
                        <div>
                            <form action="{{ route('research-publication') }}" method="GET" id="eventForm">
                                <h3 class="f-20 fw-500 clrBlueDark mt-3">Speciality</h3>
                                <select name="speciality" class="form-select clr5c sidebar-input fw-400 f-16" id="speciality">
                                    <option value="" selected>Select Speciality</option>
                                    @foreach($specialities as $value => $key)
                                        <option value="{{ $key }}" @if($key === request('speciality')) selected @endif>{{ $value }}</option>
                                    @endforeach
                                </select>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@stop

@section('css')
    <style>
        .events-content-box h3 a {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .events-content-box h3 {
            height: auto;
        }
    </style>
@stop

@section('javascript')
    <script>
        $(document).ready(function () {
            const baseURL = window.location.href;
            $('#speciality').on('change', function () {
                $('#eventForm').submit();
            })
        })
    </script>
@stop