@extends('view.public.layouts.app')
@section('content')
<!--BANNER-->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        @php $nobanner = 1 @endphp
        @foreach($banners as $banner)
        @if($loop->first)
        <li data-target="#carouselExampleIndicators" data-slide-to="{{$nobanner}}" class="active"></li>
        @else
        <li data-target="#carouselExampleIndicators" data-slide-to="{{$nobanner}}"></li>
        @endif
        @php $nobanner++ @endphp
        @endforeach
    </ol>
    <div class="carousel-inner">
        @foreach($banners as $banner)
        @if($loop->first)
        <div class="carousel-item active">
        @else
        <div class="carousel-item">
        @endif
        <img class="d-block w-100" src="{{asset('uploads/'.$banner->filename)}}" alt="Third slide">
        <div class="carousel-cap">
            <p class="carousel-cap_tittle">
                Rumah Sakit Mata <br> Provinsi Kalimantan Timur
            </p>
            <p class="carousel-cap_text">
                "Optimasi Penglihatan dan Kualitas Hidup Untuk Terwujudnya Masyrakat Produktif"
            </p>
            <a href="{{url('profil')}}" class="btn btn-primer">Selengkapnya <i class="icofont-arrow-right"></i></a>
        </div>
      </div>
      @endforeach
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
      <i class="icofont-square-left"></i>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
      <i class="icofont-square-right"></i>
      <span class="sr-only">Next</span>
    </a>
</div>
<!--LAYANAN-->
<div class="container-fluid">
    <div class="row marginside bg-grey">
        <div class="container">
            <div class="col-md-12">
                <div class="row">
                    @forelse($lasiks as $lasik)
                    <div class="col-md-6">
                        <div class="layanan" onclick="location.href='{{url('layanan/unggulan/'.$lasik->id)}}';">
                            <div class="layanan_frame">
                                <img src="{{ $lasik->file->count() > 0 ? asset('uploads/'.$lasik->file->first()->filename) : asset('notfound.png') }}" alt="" class="layanan_image">
                            </div>
                            <div class="layanan_content">
                                <div class="layanan_kiri">
                                    <p class="layanan_tittle">{{$lasik->nama}}</p>
                                </div>
                                <div class="layanan_kanan">
                                    <a href="{{url('layanan/unggulan/'.$lasik->id)}}"><i class="icofont-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                    Data Kosong
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
<!--TENTANG-->
<div class="container-fluid">
    <div class="row marginside2">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading">
                        <p class="heading_text">Tentang Kami</p>
                        <hr class="heading_hr2">
                        <hr class="heading_hr">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="tentang_frame">
                        <img src="{{ $tentangkami->file->count() > 0 ? asset('uploads/'.$tentangkami->file->first()->filename) : asset('notfound.png') }}" alt="" class="tentang_image">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="tentang_content">
                        <p class="tentang_title">
                            Rumah Sakit Mata Provinsi Kalimantan Timur
                        </p>
                        <p class="tentang_text">
                            {{str_replace("&nbsp;", '',strip_tags(str_limit($tentangkami->detail, 900)))}} <br><br>
                        </p>
                        <a href="{{url('profil')}}" class="btn btn-primer">Selengkapnya <i class="icofont-long-arrow-right"></i></a>
                        &nbsp;
                        <a target="_blank" href="https://play.google.com/store/apps/details?id=app.bpjs.mobile&hl=en&gl=US" class="btn btn-primer--line">Daftar Antrian Online</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--TIM DOKTER-->
<div class="container-fluid">
    <div class="row marginside bg-grey">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading">
                        <p class="heading_text">Tim Dokter</p>
                        <hr class="heading_hr2">
                        <hr class="heading_hr">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="owl-carousel owl-theme dokfas">
                        @forelse($dokters as $dokter)
                        <div class="item">
                            <div class="col-md-12">
                                <div class="doktor text-center">
                                    <div class="doktor_frame">
                                        <img src="{{ $dokter->file->count() > 0 ? asset('uploads/'.$dokter->file->first()->filename) : asset('notfound.png') }}" class="doktor_image" alt="">
                                    </div>
                                    <a href="{{url('tim-dokter/'.$dokter->id)}}" class="doktor_name">{{$dokter->nama}}</a>
                                    <p class="doktor_positions">{{$dokter->spesialis}}</p>
                                    <a href="{{url('tim-dokter/'.$dokter->id)}}" class="btn btn-primer"><i class="icofont-doctor"></i> Detail Dokter</i></a>
                                </div>
                            </div>
                        </div>
                        @empty
                        Data Kosong
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--FASILITAS-->
<div class="container-fluid">
    <div class="row marginside">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading">
                        <p class="heading_text">Fasilitas</p>
                        <hr class="heading_hr2">
                        <hr class="heading_hr">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="owl-carousel owl-theme dokfas">
                        @forelse($fasilitass as $fasilitas)
                        <div class="item">
                            <div class="col-md-12">
                                <div class="fasilitas text-center">
                                    <img src="{{ $fasilitas->file->count() > 0 ? asset('uploads/'.$fasilitas->file->first()->filename) : asset('notfound.png') }}" class="fasilitas_image" alt="">
                                    <div class="fasilitas_frame">
                                        <div class="fasilitas_content" style="width:100%;">
                                            <p class="fasilitas_tittle">{{$fasilitas->nama}}</p>
                                            <a href="{{url('fasilitas')}}" class="btn btn-white btn-block" style="display:block">Selengkapnya <i class="icofont-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @empty
                        Data Kosong
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--INFORMASI-->
<div class="container-fluid">
    <div class="row marginside bg-grey">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading">
                        <p class="heading_text">Informasi</p>
                        <hr class="heading_hr2">
                        <hr class="heading_hr">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="beritah">
                        <div class="beritah_frame">
                            <img src="{{ $berita->file->count() > 0 ? asset('uploads/'.$berita->file->first()->filename) : asset('notfound.png') }}" alt="" class="beritah_image">
                        </div>
                        <a href="{{url('informasi/berita/'.$berita->id)}}" class="beritah_title">{{$berita->judul}}</a>
                        <p class="beritah_text">
                            {{str_replace('&nbsp;', '',strip_tags(str_limit($berita->isi, 900)))}}
                        </p>
                        <p style="overflow:hidden;height:0px">
                            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam aliquam cupiditate repellendus 
                        </p>
                        <div class="beritah_iconframe">
                            <i class="beritah_icon"><i class="icofont-user-alt-5"></i> Admin</i>
                            <i class="beritah_icon"><i class="icofont-eye"></i> {{$berita->view}}x Dilihat</i>
                            <i class="beritah_icon"><i class="icofont-calendar"></i> {{$berita->created_at->format('d, M Y')}}</i>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    @forelse($artikels as $artikel)
                    <div class="beritav">
                        <div class="beritav_frame">
                            <img src="{{ $artikel->file->count() > 0 ? asset('uploads/'.$artikel->file->first()->filename) : asset('notfound.png') }}" alt="" class="beritav_image">
                        </div>
                        <div class="beritav_content">
                            <a href="{{url('informasi/artikel/'.$artikel->id)}}" class="beritav_title">{{$artikel->judul}}</a>
                            <div class="beritav_iconframe">
                                <i class="beritav_icon"><i class="icofont-eye"></i> {{$artikel->view}}x Dilihat</i>
                                <i class="beritav_icon"><i class="icofont-calendar"></i> {{$artikel->created_at->format('d, M Y')}}</i>
                            </div>
                            <p class="beritav_text">
                                {{str_replace('&nbsp;', '',strip_tags(str_limit($artikel->isi, 100)))}}
                            </p>
                            <p style="overflow:hidden;height:0px">
                                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam aliquam cupiditate repellendus 
                            </p>
                        </div>
                    </div>
                    @empty
                    Data Kosong
                    @endforelse
                    <a href="{{url('informasi/berita')}}" class="link-primer">Lihat Informasi Lainnya <i class="icofont-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--CERITA-->
<div class="container-fluid">
    <div class="row marginside">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="heading">
                            <p class="heading_text">Cerita Pasien</p>
                            <hr class="heading_hr2">
                            <hr class="heading_hr">
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="owl-carousel owl-theme" id="ceritac">
                        @forelse($ceritapasiens as $ceritapasien)
                            @if ($ceritapasien->publish == 'active')
                                <div class="item">
                                    <div class="col-md-12">
                                        <div class="cerita">
                                            <p class="cerita_text">"{{strip_tags($ceritapasien->isi)}}"</p>
                                            <div class="cerita_frame">
                                                <div class="cerita_imageframe">
                                                    <img src="{{ $ceritapasien->file->count() > 0 ? asset('uploads/'.$ceritapasien->file->first()->filename) : asset('notfound.png') }}" alt="" class="cerita_image">
                                                </div>
                                                <div class="cerita_content">
                                                    <a href="#" class="cerita_name">{{$ceritapasien->nama}}</a>
                                                    <p class="cerita_status">{{$ceritapasien->pekerjaan}}, {{$ceritapasien->umur}} Tahun</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @empty
                        Data Kosong
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--MAKLUMAT PELAYANAN-->
<div class="container-fluid">
    <div class="row marginside bg-grey">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading">
                        <p class="heading_text">Maklumat Pelayanan</p>
                        <hr class="heading_hr2">
                        <hr class="heading_hr">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row justify-content-center">
                  <div class="col-md-6 d-flex justify-content-center align-items-center">
                      <div class="tentang_maklumat text-center">
                        <img src="{{ $tentangkami->file->count() > 0 ? asset('uploads/maklumat.jpg') : asset('notfound.png') }}" alt="" class="tentang_image img-fluid" style="width: 80%;">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection