@extends('frontend_eng.layouts.app')
@section('title', 'Publications')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')
    <!-- BREADCRUMB
           ============================================= -->
    <div id="breadcrumb" class="division">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class=" breadcrumb-holder">
                        <h4 class="h4-sm text-white">Publications</h4>
                        <!-- Breadcrumb Nav -->
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('homepage') }}" class="text-white">Home</a>
                                </li>
                                <li class="breadcrumb-item active text-white" aria-current="page">Publications</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Title -->
                </div>
            </div>
        </div> <!-- End row -->
    </div> <!-- End container -->
    <div class="slider-overlay"></div>

    <!-- START SECTION BLOG -->
    <section class="bg_gray">
        <div class="container">
            <div class="row g-5">
                <div class="table-responsive careerTable">
                    <table class="table table-bordered table-hover" id="dataTable">
                        <thead>
                            <tr>
                                <th width="10%">SNo.</th>
                                <th width="40%">Title</th>
                                <th width="40%">Author</th>
                                <th width="20%">..</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($publications as $key => $publication)
                            <tr>
                                <th>{{++$key}}</th>
                                <td>{{$publication->title}}</td>
                                <td>{{$publication->doctor_id == null ? 'Om Hospital' : $publication->doctor->name}}</td>
                                @if($publication->is_link == 'Yes')
                                <td><a href="{{$publication->link}}" target="_blank" class="btn btn-primary p-2" style="font-size: 14px;">View</a></td>
                                @else
                                <td><a href="{{asset('uploads/doctor/publications')}}/{{$publication->file}}" target="_blank" class="btn btn-primary p-2" style="font-size: 14px;">View</a></td>
                                @endif
                            </tr>
                            @empty
                            <tr>
                                <td colspan="4">No publications are available at the moment</td>
                            </tr>
                            @endforelse

                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </section>
    <!-- END SECTION BLOG -->

@endsection

@push('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js" integrity="sha512-BkpSL20WETFylMrcirBahHfSnY++H2O1W+UnEEO4yNIl+jI2+zowyoGJpbtk6bx97fBXf++WJHSSK2MV4ghPcg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        $(document).ready(function(){
            $('#dataTable').dataTable();
        });
    </script>
@endpush