@extends('backend.layouts.app')
@section('service','active')
@section('content')
<main class="content">
				<div class="container-fluid p-0">
                    <h1 class="h3 mb-3"><strong>Service Detail</strong></h1>
                    <div class="py-3 d-flex flex-row-reverse">
                      <button class="btn btn-secondary back-btn">Back <i class="align-middle" data-feather="arrow-left"></i></a>
                    </div>
                    <div class="">
                            <div class="card">
                                <div class="card-body">
                                    <div class = "p-2">
                                       <div class="row">
                                        <div class="col">
                                            <h5>Images</h5>
                                            @foreach($service_images as $service_image)
                                            @if(!$service_image == '')
                                                <img src="{{asset('images/' . $service_image)}}" alt="" style="width:200px;height:200px;padding:10px;object-fit:contain;" class="border border-dark w-full mb-4">
                                            @else
                                                <img src="{{asset('backend/assets/img/noimage.jpg')}}" alt="" style="width:300px;height:200px;padding:5px;object-fit:contain;" class="mb-4">
                                            @endif
                                            @endforeach
                                        </div>
                                        <div class="mt-2">
                                            <h5>Title:  {{$service->title}}</h5>
                                        </div>
                                       </div>
                                    </div>
                                </div>
                            </div>
                    </div>				
				</div>
</main> 
@endsection