@extends('back.template.index')

@section('title', 'Detail Klinik')

@section('content')
<div class="container-fluid mt-4">
    <h1 class="h3 mb-4 text-gray-800">Detail Klinik</h1>

    <div class="card shadow mb-4">
        <div class="card-body">
            <dl class="row">
                <dt class="col-sm-3">Nama Klinik</dt>
                <dd class="col-sm-9">{{ $clinic->nama }}</dd>

                <dt class="col-sm-3">Alamat</dt>
                <dd class="col-sm-9">{{ $clinic->alamat }}</dd>

                <dt class="col-sm-3">Nomor Telepon</dt>
                <dd class="col-sm-9">{{ $clinic->nomor_telepon }}</dd>

                <dt class="col-sm-3">Pelayanan</dt>
                <dd class="col-sm-9">
                    @if($clinic->services->isNotEmpty())
                        <ul class="mb-0">
                            @foreach($clinic->services as $service)
                                <li>{{ $service->nama_layanan }}</li>
                            @endforeach
                        </ul>
                    @else
                        <em>Tidak ada layanan terdaftar.</em>
                    @endif
                </dd>
            </dl>

            <a href="{{ route('clinics.index') }}" class="btn btn-secondary">Kembali</a>
            <a href="{{ route('clinics.edit', $clinic->id) }}" class="btn btn-warning">Edit</a>
        </div>
    </div>
</div>
@endsection