@extends('admin.layouts.admin')

@section('title', 'Testimonials - SIVILIMA Admin')
@section('breadcrumb_title', 'Testimonials')
@section('breadcrumb')
  <li class="breadcrumb-item active" aria-current="page">Testimonials</li>
@endsection

@section('content')
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ session('success') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row">
  <div class="col-12 col-lg-5">
    <div class="card">
      <div class="card-header"><h6 class="mb-0">Add Testimonial</h6></div>
      <div class="card-body">
        <form method="POST" action="{{ route('admin.testimonials.store') }}">
          @csrf
          <div class="row g-3">
            <div class="col-12">
              <label class="form-label">Name *</label>
              <input type="text" name="name" class="form-control" required>
            </div>
            <div class="col-12">
              <label class="form-label">Role / Position</label>
              <input type="text" name="role" class="form-control" placeholder="Architect, Colombo">
            </div>
            <div class="col-12">
              <label class="form-label">Quote *</label>
              <textarea name="quote" class="form-control" rows="4" required></textarea>
            </div>
            <div class="col-md-6">
              <label class="form-label">Sort Order</label>
              <input type="number" name="sort_order" class="form-control" value="0">
            </div>
            <div class="col-md-6">
              <label class="form-label">Status</label>
              <select name="is_active" class="form-select">
                <option value="1" selected>Active</option>
                <option value="0">Inactive</option>
              </select>
            </div>
            <div class="col-12">
              <button type="submit" class="btn btn-primary px-4">Add Testimonial</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

  <div class="col-12 col-lg-7">
    <div class="card">
      <div class="card-header"><h6 class="mb-0">All Testimonials</h6></div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered align-middle">
            <thead>
              <tr>
                <th width="60">#</th>
                <th>Name</th>
                <th>Role</th>
                <th>Quote</th>
                <th width="70">Order</th>
                <th width="70">Status</th>
                <th width="80">Actions</th>
              </tr>
            </thead>
            <tbody>
              @forelse($testimonials as $t)
              <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $t->name }}</td>
                <td>{{ $t->role }}</td>
                <td><small>{{ Str::limit($t->quote, 60) }}</small></td>
                <td>{{ $t->sort_order }}</td>
                <td>@if($t->is_active) <span class="badge bg-success">Active</span> @else <span class="badge bg-secondary">Inactive</span> @endif</td>
                <td>
                  <form method="POST" action="{{ route('admin.testimonials.destroy', $t) }}" onsubmit="return confirm('Delete?')">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                  </form>
                </td>
              </tr>
              @empty
              <tr><td colspan="7" class="text-center text-muted py-3">No testimonials yet.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection