@extends('dashboard.layouts.layouts')

@section('content')



    <div class="content">

        <div class="card">
            <div class="card-header">

            @if (session('message'))
                        <div class="alert alert-success" role="alert">
                            {{ session('message') }}
                        </div>
                    @endif
                    @if (session('error'))
                        <div class="alert alert-danger" role="alert">
                            {{ session('error') }}
                        </div>
                    @endif

                <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">

                    <h1 class="h2">city</h1>
                </div>
                @permission('create-city')
               <a class="btn btn-sm btn-primary" href="{{route('city.create')}}">Add New city</a>
              @endpermission
{{--                <h2>{{$title}}</h2>--}}
                <div class="table-responsive">
                    <table class="table table-striped table-sm">
                        <thead>
                        <tr>
                            <th>city Name</th>
                            <th>اسم المحافظة</th>
                            <th>country Name</th>
                            <th>Action</th>

                        </tr>
                        </thead>
                        <tbody>
                        @foreach($cities as $city)
                            <tr>
                                <td>{{ $city->city_name }}</td>
                                <td>{{ $city->city_ar }}</td>
                                <td> {{ $city->country_name }} </td>
                                <td>
                  <div class="btn-group">

                    @permission('delete-city')
                    <form action="{{ route('city.destroy', ['id' => $city->id]) }}" method="POST">
                      @method('DELETE')
                      @csrf
                      <button class="btn btn-danger"><i class="fas fa-trash" title="Delete"></i></button>
                    </form>
                    @endpermission
                  </div>
                </td>

                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
@endsection