@extends('client.layouts.main')

@section('title', 'Hasil Skrining')

@php
    $kotaUuid = session('kota_uuid')
@endphp

@section('content')

<!-- result-area -->
<section class="newslater-area pt-50 w-75 mx-auto mb-0">

    @switch(session('result'))
    @case(1)
    <div class="container">
        <div class="text-center">
            <div class="col-12 pb-2">
                <h2 class="mb-3">Hasil Skrining</h2>
                <div class="alert alert-danger w-100 p-4" role="alert">
                    <h4 class="alert-heading">Anda Kemungkinan Mengalami Andropause!</h4>
                    <p>Silahkan berkonsultasi dengan dokter Spesialis Andrologi
                        terdekat</p>
                </div>
            </div>
        </div>
    </div>
    @break
    @case(2)
    <div class="container">
        <div class="text-center">
            <div class="col-12">
                <h2 class="mb-3">Hasil Skrining</h2>
                <div class="alert alert-success w-100 p-4" role="alert">
                    <h4 class="alert-heading">Kecil kemungkinan anda mengalami Andropause!</h4>
                    <p>Silahkan berkonsultasi dengan dokter Spesialis Andrologi
                        terdekat</p>
                </div>
            </div>
        </div>
    </div>
    @break

    @case(3)
    <div class="container">
        <div class="text-center">
            <div class="col-12">
                <h2 class="mb-3">Hasil Skrining</h2>
                <div class="alert alert-warning w-100 p-4" role="alert">
                    <h4 class="alert-heading">Kecil kemungkinan anda mengalami Andropause!</h4>
                    <p>Kecil kemungkinan mengalami andropause
                        tapi sebaiknya anda memeriksakan diri ke dokter spesialis
                        andrologi</p>
                </div>
            </div>
        </div>
    </div>
    @break
    @endswitch

</section>

<!-- result-area-end -->
<section id="video-section" class="row mt-5 mb-5" >
    <div class="mx-auto" style="display: grid; place-items: center;">
        <h5 style="width: 500px;" class="mb-2 text-center">{{\App\Models\SkriningVideo::get()[1]->judul}}</h5>

        <iframe allow="fullscreen;" style="height: 300px; width: 620px; margin: auto !important;" class="mx-auto" src="{{\App\Models\SkriningVideo::get()[1]->link}}"></iframe>
    </div>
</section>

<p class="text-center pt-20 mb-5">Kota Anda : {{session('kota_nama')}}</p>

<!-- team-area -->
<section id="team" class="team-area  pb-40">
    <div class="container">
        <div class="row">
            @forelse (\App\Models\Dokter::whereHas('kota', function ($q) use ( $kotaUuid ) {
                $q->where('dokter_kota.kota_uuid',  $kotaUuid );
            })->get() as $item)
            <div class="col-xl-4">
                <div class="single-post mb-30">
                    <div style="margin-bottom: -50px; z-index: 10;">
                        <img src="{{asset($item->foto)}}" style=" object-fit: cover;
                        width: 100%;
                        height: 300px;" alt="img">
                    </div>
                    <div class="blog-content text-center ">
                        <h5 style="height: 50px;">{{substr($item->nama, 0, 70)}}{{strlen($item->nama) >= 70 ? '.....' : ''}}</h5>
                        <div class="slider-btn mt-3">
                            <a href="https://wa.me/{{$item->no_hp}}" target="_blank" class="btn ss-btn"
                                data-animation="fadeInRight" data-delay=".8s">Konsultasi
                                <i class="fa-brands fa-whatsapp"></i></a>
                        </div>
                        <div data-bs-toggle="modal" data-bs-target="#detailModal-{{$item->uuid}}">
                            <p class="mt-15 cursor-pointer">Lihat Detail</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modal -->
            <!-- Detail Modal -->
            <div class="modal fade mt-5 pt-3" id="detailModal-{{$item->uuid}}" tabindex="-1"
                aria-labelledby="detailModalLabel-{{$item->uuid}}" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="detailModalLabel-{{$item->uuid}}">{{$item->nama}}</h5>
                        </div>
                        <div class="modal-body d-flex" style="height: 400px; overflow-x: auto;">
                            <img class="w-50 mr-3" height="300" src="{{asset($item->foto)}}" alt="Foto Dokter">
                            <div class="w-100">
                                <p class="mb-0">Kota : </p>
                                    @foreach ($item->kota as $item2)
                                    {{$loop->iteration}}. {{$item2->nama}} <br />
                                    @endforeach
                                <hr class="my-3">
                                <p class="mb-0">Lokasi Praktek  : </p>
                                @foreach ($item->lokasi as $item2)
                                {{$loop->iteration}}. {{$item2->lokasi}} 
                                @if ($item2->link)
                                <a href="{{$item2->link}}" target="_blank" class="ml-2"><i
                                    class="fa-sharp fa-solid fa-map-location-dot"></i></a> 
                                @endif
                                <br/>
                            @endforeach
                                <hr class="my-3">
                                <p>Lama Praktek : {{$item->lama_praktek}} Tahun</p>
                                <hr class="my-3">
                                <p>No. HP : {{$item->no_hp}}</p>
                                <div class="slider-btn mt-10 ">
                                    <a href="https://wa.me/{{$item->no_hp}}" target="_blank" class="btn ss-btn"
                                        data-animation="fadeInRight" data-delay=".8s">Konsultasi
                                        <i class="fa-brands fa-whatsapp"></i></a>
                                </div>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary p-3" data-bs-dismiss="modal">Tutup</button>
                        </div>
                    </div>
                </div>
            </div>
            @empty
            <div class="col-xl-12 text-center mx-auto">
                <h5 class="text-center">Dokter tidak ditemukan di kota anda</h5>
                {{-- <a class="btn ss-btn mx-auto" href="{{route('client.dokter')}}">Cari Dokter di Kota Terdekat
                    <i class="fas fa-chevron-right"></i></a> --}}
                <a href="{{route('client.dokter')}}" class="text-center text-primary">Cari dokter di kota terdekat</a>
            </div>
            @endforelse

        </div>
    </div>
</section>
<!-- team-area-end -->

@endsection