{{-- admin/pages/solutions/index.blade.php --}}
@extends('admin.layouts.app')
@section('title','Solutions')
@section('page-title','Solutions')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div style="font-size:.82rem;color:#64748b">{{ $solutions->count() }} solutions</div>
    <a href="{{ route('admin.solutions.create') }}" class="btn btn-admin btn-sm px-3"><i class="bi bi-plus-lg me-1"></i>Add Solution</a>
</div>
<div class="card-admin">
    <table class="table table-hover mb-0">
        <thead><tr><th>#</th><th>Title</th><th>Status</th><th>Order</th><th style="width:130px">Actions</th></tr></thead>
        <tbody>
            @forelse($solutions as $s)
            <tr>
                <td class="text-muted">{{ $s->id }}</td>
                <td>
                    <div class="fw-600" style="color:#0f172a">{{ $s->title }}</div>
                    <div style="font-size:.74rem;color:#94a3b8">{{ Str::limit($s->short_description, 70) }}</div>
                </td>
                <td><span class="badge" style="background:{{ $s->is_active ? '#f0fdf4' : '#fee2e2' }};color:{{ $s->is_active ? '#166534' : '#991b1b' }};font-size:.72rem">{{ $s->is_active ? 'Active' : 'Inactive' }}</span></td>
                <td class="text-muted">{{ $s->sort_order }}</td>
                <td>
                    <div class="d-flex gap-1">
                        <a href="{{ route('admin.solutions.edit', $s->id) }}" class="btn btn-sm" style="background:#eff6ff;color:#1d4ed8;border:none"><i class="bi bi-pencil"></i></a>
                        <a href="{{ route('solution.show', $s->slug) }}" target="_blank" class="btn btn-sm" style="background:#f0fdf4;color:#166534;border:none"><i class="bi bi-eye"></i></a>
                        <form method="POST" action="{{ route('admin.solutions.destroy', $s->id) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')
                            <button class="btn btn-sm" style="background:#fee2e2;color:#991b1b;border:none"><i class="bi bi-trash"></i></button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="text-center py-4 text-muted">No solutions yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection