@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">
                        Patient Education
                    </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">Patient Education</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($patientEducations as $patientEducation)
                            <div class="col-md-12">
                                <a class="events-content-box d-block no-underline clr5c patient-edu-box" href="{{ route('patient-education.show', $patientEducation->Slug) }}">
                                    <h3 class="f-500 f-18 f-sm-18  mb-1 h-auto">
                                        {{ $patientEducation->Title }}
                                    </h3>

                                    <div class="shortDesc">
                                        {{ \Illuminate\Support\Str::limit($patientEducation->ShortDescription, 100, '...') }}
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>

                    <!-- Pagination -->
                    <div class="row mt-4 ">
                        <div class="col-md-12">
                            {{ $patientEducations->links() }}
                        </div>
                    </div>
                </div>

                {{-- <div class="col-lg-4">
                    <div class="sticky-top bg-white doctor-master-sticky">
                        <div>
                            <form action="{{ route('patient-education') }}" method="GET" id="eventForm">
                                <h3 class="f-20 f-500 clrBlueDark mt-3">Organs</h3>
                                <select name="organs" class="form-select text-black-50 sidebar-input fw-400 f-16" id="organs">
                                    <option value="" selected>Select Organs</option>
                                    @foreach($organs as $value => $key)
                                       <option value="{{ $key }}" @if($key === request('organs')) selected @endif>{{ $value }}</option>
                                   @endforeach
                                </select>
                            </form>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
    </section>

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