@extends('admin.layouts.layout')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">{{ $data->title }}</h4>
                <h6 class="card-subtitle text-muted">By {{ $data->author_name }}</h6>
                
                <div class="table-responsive mt-3">
                    <table class="table table-bordered">
                        <tr>
                            <th width="200">Testimonial ID</th>
                            <td>{{ $data->id }}</td>
                        </tr>
                        <tr>
                            <th>Title</th>
                            <td>{{ $data->title }}</td>
                        </tr>
                        <tr>
                            <th>Sport</th>
                            <td>{{ $data->sport_name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Author Name</th>
                            <td>{{ $data->author_name }}</td>
                        </tr>
                        <tr>
                            <th>Author Address</th>
                            <td>{{ $data->author_address ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Rating</th>
                            <td>
                                <div class="text-warning">
                                    @for($i = 1; $i <= 5; $i++)
                                        @if($i <= $data->rating)
                                            <i class="bx bxs-star"></i>
                                        @else
                                            <i class="bx bx-star"></i>
                                        @endif
                                    @endfor
                                    <small class="text-muted">({{ $data->rating }}/5)</small>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>Testimonial Content</th>
                            <td>
                                <div class="border p-3 bg-light rounded">
                                    <blockquote class="blockquote mb-0">
                                        <p class="mb-0">{{ $data->testimonial_content }}</p>
                                        <footer class="blockquote-footer mt-2">
                                            <cite title="Source Title">{{ $data->author_name }}</cite>
                                        </footer>
                                    </blockquote>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td><span class="badge badge-pill badge-soft-{{ $data->statuses[$data->status]['badge'] }} font-size-12">{{ $data->statuses[$data->status]['name'] }}</span></td>
                        </tr>
                        <tr>
                            <th>Created Date</th>
                            <td>{{ \App\Helpers\Helper::showdate($data->created_at, true) }}</td>
                        </tr>
                        <tr>
                            <th>Updated Date</th>
                            <td>{{ \App\Helpers\Helper::showdate($data->updated_at, true) }}</td>
                        </tr>
                    </table>
                </div>

                <div class="mt-3">
                    <a href="{{ route('master.testimonials.index') }}" class="btn btn-secondary">
                        <i class="bx bx-arrow-back"></i> Back to List
                    </a>
                    <a href="{{ route('master.testimonials.edit', $data->id) }}" class="btn btn-primary">
                        <i class="bx bx-edit"></i> Edit
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection