@extends('panel.layouts.master')
@section('title','سرویس ها')
@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
<style>
    .table-bordered td, .table-bordered th {
        text-align: center;
    }
</style>
<section class="creat-shop">
    <main class="main-content">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-12 row">
                        <a href="{{ route('services.create') }}" class="btn btn-outline-secondary btn-uppercase card-title mb-4">
                            <i class="fas fa-plus m-r-5"></i> ایجاد سرویس
                        </a>
                    </div>
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>ردیف</th>
                            <th>تصویر</th>
                            <th>عنوان</th>
                            <th>کد</th>
                            <th>تاریخ بارگذاری</th>
                            <th>ویرایش</th>
                            <th>حذف</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $key => $item)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td><img class="panel-table-image" src="{{ asset($item->image) }}" alt="post image"></td>
                                <td>{{ $item->title}}</td>
                                <td>{{ $item->code}}</td>
                                <td>{{ verta($item->created_at)->format('Y/m/d H:i') }}</td>
                                <td>
                                    <a href="{{ route('services.edit',$item->id) }}" class="btn btn-warning btn-floating">
                                        <i class="fas fa-pen-square text-white"></i>
                                    </a>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-danger btn-floating trashRow" data-url="{{ route('services.destroy',$item->id) }}" data-id="{{ $item->id }}" >
                                        <i class="fas fa-trash-alt"></i>
                                    </button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>

                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
        <div>{{ $data->links() }}</div>
    </main>
</section>
@endsection