@extends('layouts.contentLayoutMaster')

@php
    $breadcrumbs = [[['link' => route('countries.index'), 'name' => "قائمة الدول"]],['title'=> 'قائمة الدول']];
@endphp

@section('title', 'ادارة قائمة الدول')

@section('content')

    <!-- Striped rows start -->
    <x-ui.table :autoWith="false">
        <x-slot name="title">قائمة الدول </x-slot>
        <x-slot name="cardbody">قائمة الدول </x-slot>
        <x-slot name="button">
            <a class="btn btn-primary mb-1" href="{{ route('countries.create') }}">
                <em data-feather='plus-circle'></em> اضافة دولة جديد </a>
        </x-slot>

        <x-slot name="thead">
            <tr>
                <th scope="col">كود</th>
                <th scope="col">اسم الدولة</th>
                <th scope="col">كود الجوال</th>
                <th scope="col">الحالة</th>
                <th scope="col">الاجراءات المتاحة</th>

            </tr>
        </x-slot>

        <x-slot name="tbody">

            @foreach ($countries as $country)
                <tr>
                    <th scope="row">
                        {{ $country->id }}
                    </th>
                    <td>{{ $country->country_name }}</td>
                    <td>{{ $country->country_code }}</td>
                    <td>{{ $country->active == 1 ? 'فعال' : 'غير مفعل' }}</td>
                    <td>
                        @can('accounts-list')
                            <x-inputs.btn.view :route="route('countries.show',$country->id)" />
                        @endcan

                        @can('accounts-edit')
                            <x-inputs.btn.edit :route="route('countries.edit',$country->id)" />
                        @endcan

                        @can('accounts-delete')
                            <x-inputs.btn.delete :route="route('countries.destroy', $country->id)" />
                        @endcan

                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-ui.table>
    <x-ui.SideDeletePopUp />

    <!-- Striped rows end -->
@endsection