@extends('layouts.admin')

@section('title', 'Services')

@section('content')
    <div class="row">
        <div class="col-sm-4 col-3">
            <h4 class="page-title">Services</h4>
        </div>
        <div class="col-sm-8 col-9 text-right m-b-20">
            <a href="{{ route('admin-cnp.services.create') }}" class="btn btn-primary float-right btn-rounded">
                <i class="fa fa-plus"></i> Nouveau service
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        @forelse ($services as $service)
            <div class="col-sm-6 col-md-6 col-lg-4">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="{{ route('admin-cnp.services.show', $service) }}">
                            <img class="img-fluid" style="height:130px;" src="{{asset('images/services/'.$service->image)}}" alt="">
                        </a>
                    </div>
                    <div class="blog-content">
                        <h3 class="blog-title"><a href="{{ route('admin-cnp.services.show', $service) }}">{{ Str::limit($service->titre, 40) }}</a></h3>
                        <a href="{{ route('admin-cnp.types-services.show', $service->typeService) }}" class="read-more">{{ $service->typeService->name }}</a>
                        <div class="blog-info clearfix">
                            <div class="post-left">
                                <ul>
                                    <li><i class="fa fa-calendar"></i> <span>{{ date("d M Y à H:i", strtotime($service->created_at)) }}</span></li>
                                </ul>
                            </div>
                            <div class="post-right">
                                <i class="fa fa-eye"></i>{{ $service->vues }} <i class="fa fa-check"></i>{{ $service->users()->count() }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            Pas encore de service
        @endforelse
        
        <div class="col-md-12">
            @if ($services)
            <div class="mt-3">
                {{ $services->links() }}
            </div>
            @endif
        </div>
    </div>
@endsection