@extends('layout.app')

@section('content')
    <!-- Konten Anda -->
    <div class="container-fluid">

        <!-- Page Heading -->
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">Detail History</h1>
            <a href="{{ route('history.index') }}" class="btn btn-sm btn-secondary">Back</a>
        </div>

        <div class="row">
            <!-- Area Chart -->
            <div class="col-xl-12 col-lg-7">
                <div class="card shadow mb-4">
                    <!-- Card Header - Dropdown -->
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Detail History</h6>
                    </div>
                    <!-- Card Body -->
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Name:</label>
                            <div class="col-sm-8">
                                <p class="form-control-plaintext">{{ $details['name'] }}</p>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Email:</label>
                            <div class="col-sm-8">
                                <p class="form-control-plaintext">{{ $details['email'] }}</p>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Hasil:</label>
                            <div class="col-sm-8">
                                <p class="form-control-plaintext">{{ $details['hasil'] }}</p>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Solusi Masalah:</label>
                            <div class="col-sm-8">
                                <p class="form-control-plaintext">{{ $details['solusi_penyakit'] }}</p>
                            </div>
                        </div>
                        <!-- -->
                        <div class="form-group row">
                            <label class="col-sm-4 col-form-label">Created At:</label>
                            <div class="col-sm-8">
                                <p class="form-control-plaintext">{{ $details['created_at'] }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection