@extends('layouts/contentNavbarLayout')

@section('title', 'service Types')

@section('content')

<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>service Types List</h5>
      <a href="{{ route('serviceTypes.create') }}" class="btn btn-info">Create service Type </a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Title Ar</th>
                <th>Title En</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($serviceTypes as $serviceType )
            <tr>
                <td>{{ $serviceType->title_ar }}</td>
                <td>{{ $serviceType->title_en }}</td>
                <td class="text-center">
                    <a href="{{ route('serviceTypes.edit', $serviceType->id) }}" class="btn btn-icon btn-info btn-sm">
                      <i class="mdi mdi-pencil-outline"></i>
                    </a>

                </td>
            </tr>
            @empty
            <tr>
              <td colspan="4">
                <div class="alert alert-info col-md-6" role="alert">
                No department found !
                </div>
              </td>
            </tr>
            @endforelse
        </tbody>
    </table>
  </div>
</div>
@endsection