@extends('layouts.admin')

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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Detail Testimonial</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('testimonials.index') }}">Testimonial</a></li>
                <li class="breadcrumb-item active">Detail</li>
            </ol>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ $testimonial->name }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('testimonials.edit', $testimonial) }}" class="btn btn-warning btn-sm">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                        <a href="{{ route('testimonials.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left"></i> Kembali
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    @if($testimonial->photo)
                        <div class="mb-4 text-center">
                            <img src="{{ Storage::disk('public')->url($testimonial->photo) }}" alt="{{ $testimonial->name }}" class="img-fluid rounded" style="max-height:200px; object-fit:contain;">
                        </div>
                    @endif
                    <div class="form-group">
                        <label class="text-muted">Nama:</label>
                        <p class="form-control-plaintext font-weight-bold">{{ $testimonial->name }}</p>
                    </div>
                    @if($testimonial->institution)
                        <div class="form-group">
                            <label class="text-muted">Institusi:</label>
                            <p class="form-control-plaintext">{{ $testimonial->institution }}</p>
                        </div>
                    @endif
                    @if($testimonial->review)
                        <div class="form-group">
                            <label class="text-muted">Review:</label>
                            <p class="form-control-plaintext">{{ $testimonial->review }}</p>
                        </div>
                    @endif
                    <div class="form-group">
                        <label class="text-muted">Rating:</label>
                        <p class="form-control-plaintext">{{ $testimonial->rating ?? '-' }}</p>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="text-muted">Dibuat:</label>
                                <p class="form-control-plaintext">{{ $testimonial->created_at->format('d M Y H:i') }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="text-muted">Diperbarui:</label>
                                <p class="form-control-plaintext">{{ $testimonial->updated_at->format('d M Y H:i') }}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('testimonials.edit', $testimonial) }}" class="btn btn-warning"><i class="fas fa-edit"></i> Edit</a>
                    <form method="POST" action="{{ route('testimonials.destroy', $testimonial) }}" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger" onclick="return confirm('Yakin ingin menghapus testimonial ini?')"><i class="fas fa-trash"></i> Hapus</button>
                    </form>
                    <a href="{{ route('testimonials.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Kembali</a>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
<style>
@media (max-width:768px){
    .col-md-8.offset-md-2{padding:.5rem;}
    .form-group{margin-bottom:1rem;}
    img{max-width:100%;height:auto;}
}
</style>
@stop