@extends('central.dashboard.layouts.master')

@section('sidebar')
    @include('central.dashboard.layouts.sidebar', ['page' => 'countries'])
@endsection

@section('content')
    <div class="row justify-content-center rtl">
        <div class="col-12 col-md-10">
            <div class="d-flex justify-content-between my-2">
                <h4>الدول</h4>
                @if (Auth::guard('admin')->user()->hasPermissionTo('countries-add', 'admin'))
                    <a href="{{ route('central.dashboard.countries.create') }}" class="btn btn-success">إضافة جديد <i
                            class="fas fa-plus-circle"></i></a>
                @endif
            </div>

            <table class="table table-bordered table-borderless table-striped table-hover">
                <thead>
                    <tr>
                        <th class="xs-td">#</th>
                        <th class="md-td">إسم الدولة (عربي)</th>
                        <th class="md-td">إسم الدولة (انكليزي)</th>
                        <th class="sm-td">العملة</th>
                        <th class="sm-td">اجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($countries as $country)
                        <tr>
                            <td class="xs-td">{{ $loop->iteration }}</td>
                            <td class="md-td">{{ $country->ar_name }}</td>
                            <td class="md-td">{{ $country->en_name }}</td>
                            <td class="md-td">{{ $country->currency?->name }}</td>
                            <td class="sm-td">
                                @if (Auth::guard('admin')->user()->hasPermissionTo('countries', 'admin'))
                                    <div class="dropdown">
                                        <a class="btn operations-btn dropdown-toggle" href="#"
                                            role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
                                            aria-expanded="false">
                                            إجراءات
                                        </a>

                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                            @if (Auth::guard('admin')->user()->hasPermissionTo('countries-edit', 'admin'))
                                                <li style="text-align: start">
                                                    <a href="{{ route('central.dashboard.countries.edit', ['country' => $country->id]) }}"
                                                        class="btn btn-sm edit-btn">
                                                        <i class="fas fa-edit"></i> تعديل
                                                    </a>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4">
                                لا يوجد دول إلى الآن ..
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection