@extends('admin_layouts.main')
@section('main-section')
<div class="content">
    <div class="container-fluid pt-4 px-4">
        <a href="/admin/services/form" class="btn btn-info m-2">Add Services</a>
        <div>
            @if(Session::has('success'))
            <div class="alert alert-success" role="alert">
                {{ Session::get('success') }}
            </div>
            @endif

            @if(Session::has('error'))
            <div class="alert alert-danger">
                {{ Session::get('error') }}
            </div>
            @endif

        </div>
        <div class="row g-4">
            <div class="col-sm-12 col-xl-6">
                <div class="bg-secondary rounded h-100 p-4" style="width: 200%">
                    <h6 class="mb-4">Services</h6>
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">Name</th>
                                <th scope="col">Description</th>
                                <th scope="col">Image</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        @foreach($service as $services)
                        <tbody>
                            <tr>
                                <th scope="row">{{$services->id}}</th>
                                <th scope="row">{{$services->name}}</th>
                                <th scope="row">{{$services->description}}</th>
                                <td><img style="height: 100px;" src="{{asset('/public/uploads/post/'.$services->image)}}" alt=""></td>
                                <td>
                                    <a href="{{route('services_edit',$services->id)}}" class="btn btn-info m-1">Edit</a>
                                    <a href="{{route('services_destroy',$services->id)}}" class="btn btn-danger m-1">Delete</a>
                                </td>
                            </tr>
                        </tbody>
                        @endforeach
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection