@extends('layouts.admin.app')
@section('page_title') الاقسام @endsection
@section('content')
<x-list.card>
    <x-list.card-header name="الاقسام" :add_button="hasRole('areas.add')" :delete_button="hasRole('areas.delete')"></x-list.card-header>
    <x-list.card-body :responsive="true">
        <th class="text-white"><input type="checkbox" id="master"></th>
        <th class="text-white">#</th>
        <th class="text-white">المحافظة</th>
        <th class="text-white">الاسم</th>
        <th class="text-white">تحكم</th>
    </x-list.card-body>
</x-list.card>

<x-list.modal name="الاقسام" :save_button="true" ></x-list.modal>

@endsection
@push('admin_js')

    <script>
        var  columns =[
            {data: 'checkbox', name: 'checkbox', orderable: false, searchable: false},
            {data: 'id', name: 'id'},
            {data: 'city', name: 'city'},
            {data: 'name', name: 'name'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ];
    </script>
    @include('layouts.admin.inc.ajax',['url'=>'areas'])

@endpush