@extends('admin.layouts.master')

@section('content')
    <div class="page-content-wrapper">
        <!-- BEGIN CONTENT BODY -->
        <div class="page-content">
            <!-- BEGIN PAGE BASE CONTENT -->
            <div class="row">
                <div class="col-md-12 ">
                    <!-- BEGIN SAMPLE FORM PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-settings font-dark"></i>
                                <span class="caption-subject font-dark sbold uppercase">Service</span>
                            </div>
                            <div class="actions">
                                <div class="btn-group btn-group-devided">
                                    @can('service-create')
                                    <a href="/service/create"><label class="btn btn-transparent dark btn-outline btn-circle btn-sm">Add New Service</label></a>
                                    @endcan
                                </div>
                            </div>
                        </div>
                        <div class="portlet-body form">                             
                            @if (Session::has('message'))
                                <div class="alert alert-info">{{ Session::get('message') }}</div>
                            @endif
                            <table class="table mb0"> 
                                <thead>
                                    <tr> 
                                        <th class="col-md-1">ID</th>
                                        <th class="col-md-3">Title</th>
                                        <th class="col-md-3">description</th>
                                        <th class="col-md-3">image</th>
                                        <th class="col-md-2" colspan="2">Action</th>
                                    </tr>
                                </thead>
                                <tbody> 
                                @foreach($services as $service)
                                    <tr> 
                                        <td>{{ $service->id }}</td>
                                        <td>{{ $service->title }}</td>
                                        <td>{{ str_limit(strip_tags($service->details), 130) }}</td>
                                        <td><img src="/{{ $service->image }}" class="img-responsive" alt=""></td>
                                        @can('service-edit')
                                        <td class="align-middle">
                                            <a class="btn btn-sm btn-primary" href="{{ url('/service/'.$service->id.'/edit') }}">Edit</a>
                                        </td>
                                        @endcan
                                        @can('service-delete')
                                        <td class="align-middle">
                                            {!! Form::open([ 'method' => 'Delete', 'url' => ['/service', $service->id]]) !!}
                                            {!! Form::submit('Delete',['class'=>'btn btn-sm btn-danger']) !!}
                                            {!! Form::close() !!}                                        
                                        </td>
                                        @endcan
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>