@extends('layouts.admin.app')
@section('page_title') المستخدمين @endsection
@section('content')
<x-list.card>
    <x-list.card-header name="المستخدمين" :add_button="hasRole('users.add')" :delete_button="hasRole('users.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>
        <th class="text-white">اسم المحل</th>
        <th class="text-white">عنوان المحل</th>
        <th class="text-white">محل الاقامة</th>
        <th class="text-white">الرقم القومى</th>
        <th class="text-white">المحافظة</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: 'name', name: 'name'},
            {data: 'user_name', name: 'user_name'},
            {data: 'phone', name: 'phone'},
            {data: 'shop_name', name: 'shop_name'},
            {data: 'shop_address', name: 'shop_address'},
            {data: 'address', name: 'address'},
            {data: 'national_id', name: 'national_id'},
            {data: 'city', name: 'city'},
            {data: 'area', name: 'area'},
            {data: 'active', name: 'active'},
            {data: 'devices', name: 'devices'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ];
    </script>
    @include('layouts.admin.inc.ajax',['url'=>'users'])

@endpush