@extends('dashboard.layout.content')

@section('customTitle')
    عرض الخدمات
@endsection

@section('customStyle')
    <link href='{{ asset('dashboard/ar/assets/css/elements/alert.css') }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
    <div id="content" class="main-content">
        <div class="layout-px-spacing">
            <div class="row layout-top-spacing">
                <div class="col-12 layout-spacing">
                    <div class="widget-content widget-content-area br-6">

                        <a class="btn btn-success mb-3" href="{{ route('dashboard.service.create') }}">إضافة خدمة</a>

                        <div class="table-responsive">
                            <table id="adminsTable" class="table table-hover text-center">
                                <thead>
                                    <tr>
                                        <th>الصورة</th>
                                        <th>الاسم</th>
                                        <th>خيارات</th>
                                    </tr>
                                </thead>

                                @foreach ($services as $service)
                                    <tr>
                                        <td><img src="{{ $service->image }}" alt="Image" width="50" /></td>
                                        <td>{{ $service->title }}</td>
                                        <td>
                                            <ul class="table-controls">

                                                <li>
                                                    <a href="{{ route('dashboard.service.edit', ['service' => $service->id]) }}"
                                                        data-toggle="tooltip" data-placement="top"
                                                        data-original-title="تعديل">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="feather feather-edit-2 text-success">
                                                            <path
                                                                d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z">
                                                            </path>
                                                        </svg>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="#" class="delete-from-form" data-toggle="tooltip"
                                                        data-placement="top" data-original-title="حذف">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="feather feather-x-circle text-danger">
                                                            <circle cx="12" cy="12" r="10"></circle>
                                                            <line x1="15" y1="9" x2="9"
                                                                y2="15"></line>
                                                            <line x1="9" y1="9" x2="15"
                                                                y2="15"></line>
                                                        </svg>
                                                        <form
                                                            action="{{ route('dashboard.service.destroy', ['service' => $service->id]) }}"
                                                            method="POST" style="display: none;">
                                                            @method('DELETE')
                                                            @csrf
                                                        </form>
                                                    </a>
                                                </li>

                                            </ul>
                                        </td>

                                    </tr>
                                @endforeach

                                <tfoot>
                                    <tr>
                                        <th>الصورة</th>
                                        <th>الاسم</th>
                                        <th>خيارات</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('customScript')
@endsection