@extends('admin.dashboard.layouts.app')
@section('main')
<div class="content-wrapper">
    <section class="content-header"><h1>All Services</h1></section>
    <section class="content">
        <a href="{{ route('service-data.create') }}" class="btn btn-success mb-3">Add New Service</a>
        @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
        <table class="table table-bordered">
            <thead><tr><th>Name</th><th>Description</th><th>Actions</th></tr></thead>
            <tbody>
                @foreach($services as $service)
                    <tr>
                        <td>
                            @if($service->photo)
                                <img src="{{ asset('storage/' . $service->photo) }}" width="80" height="80" style="object-fit:cover;">
                            @else
                                <span class="text-muted">No Photo</span>
                            @endif
                        </td>
                        <td>{{ $service->name }}</td>
                        <td>{{ $service->description }}</td>
                        <td>
                             <a href="{{ route('service-data.edit', $service->id) }}" class="btn btn-warning btn-sm">Edit</a> 
                            <form action="{{ route('service-data.destroy', $service->id) }}" method="POST" class="d-inline">
                                @csrf @method('DELETE')
                                <button onclick="return confirm('Delete this?')" class="btn btn-danger btn-sm">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </section>
</div>
@endsection