@extends('layout')
@section('page-title', 'Testimonials')

@section('dashboard-content')

@if(session('success'))
  <div class="alert alert-success">{{ session('success') }}</div>
@endif

{{-- Section header --}}
<div class="card mb-4">
  <div class="card-header">Section Header</div>
  <div class="card-body p-4">
    <form action="{{ url('admin/testimonials/store') }}" method="POST">
      @csrf
      <input type="hidden" name="testimonial_id" value="{{ $first->id ?? '' }}">
      <input type="hidden" name="text"        value="{{ $first->text ?? 'placeholder' }}">
      <input type="hidden" name="author_name" value="{{ $first->author_name ?? 'placeholder' }}">
      <div class="row g-3">
        <div class="col-md-6">
          <label class="form-label">Section Headline</label>
          <input type="text" class="form-control" name="section_headline"
                 value="{{ $first->section_headline ?? 'Quiet confidence, every day.' }}">
        </div>
        <div class="col-md-6">
          <label class="form-label">Section Sub-text</label>
          <input type="text" class="form-control" name="section_sub"
                 value="{{ $first->section_sub ?? '' }}">
        </div>
        <div class="col-12">
          <button type="submit" class="submit-button">Update Section Header</button>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span>Customer Reviews</span>
    <a href="{{ route('admin.testimonials.create') }}" class="submit-button text-decoration-none">+ Add Review</a>
  </div>
  <div class="card-body p-0">
    <table class="table mb-0">
      <thead>
        <tr>
          <th>Author</th>
          <th>Meta</th>
          <th>Review (preview)</th>
          <th>Stars</th>
          <th style="width:80px;">Order</th>
          <th style="width:120px;">Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($testimonials as $t)
        <tr>
          <td>{{ $t->author_name }}</td>
          <td><small class="text-muted">{{ $t->author_meta }}</small></td>
          <td>{{ Str::limit($t->text, 55) }}</td>
          <td>{{ str_repeat('★', $t->stars) }}</td>
          <td>{{ $t->sort_order }}</td>
          <td>
            <a href="{{ route('admin.testimonials.edit', $t) }}" class="btn btn-sm btn-outline-secondary me-1">Edit</a>
            <form action="{{ route('admin.testimonials.destroy', $t) }}" method="POST" style="display:inline"
                  onsubmit="return confirm('Delete this review?')">
              @csrf @method('DELETE')
              <button type="submit" class="btn-admin-danger">Del</button>
            </form>
          </td>
        </tr>
        @empty
        <tr><td colspan="6" class="text-center text-muted py-4">No testimonials yet. <a href="{{ route('admin.testimonials.create') }}">Add one</a>.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection