@extends('admin.layout.layout')

@push('title')
    المستخدمين
@endpush
@push('breadcrumbs')
    <li class="breadcrumb-item  ">
        <a href="{{route('admin.home')}}" class="text-muted"> {{trans('airline.home')}} </a>
     </li>
@endpush
@push('toolbar-actions')

    <a href="{{route('admin.admins.create')}}"   class="btn btn-light-primary font-weight-bolder m-2 "   aria-haspopup="true" aria-expanded="false">

        <i class="flaticon flaticon-download icon-md"></i>
        تصدير
    </a>

    <a href="{{route('admin.admins.create')}}" class="btn btn-primary font-weight-bolder">

        <i class="ki ki-solid-plus icon-md"></i>
        اضافة مستخدم جديد
    </a>

@endpush

@push('content')
    <div class="row">
        @forelse($items as $item)
            <!--begin::Col-->
            <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                <!--begin::Card-->
                <div class="card card-custom gutter-b card-stretch">
                    <!--begin::Body-->
                    <div class="card-body pt-4">

                        <!--begin::User-->
                        <div class="d-flex align-items-center mb-7">
                            <!--begin::Pic-->
                            <div class="flex-shrink-0 mr-4 mt-lg-0 mt-3">
                                <div class="symbol symbol-circle symbol-lg-75">
                                    <img src="{{getimg($item->image)}}" alt="{{$item->name}}">
                                </div>
                                <div class="symbol symbol-lg-75 symbol-circle symbol-primary d-none">
                                    <span class="font-size-h3 font-weight-boldest">{{$item->name}}</span>
                                </div>
                            </div>
                            <!--end::Pic-->
                            <!--begin::Title-->
                            <div class="d-flex flex-column">
                                <a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4 mb-0">{{$item->name}} {{$item->last_name}}</a>
                                <span class="text-muted font-weight-bold">{{$item->username}}</span>
                            </div>
                            <!--end::Title-->
                        </div>
                        <!--end::User-->

                        <!--begin::Info-->
                        <div class="mb-7">
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-dark-75 font-weight-bolder mr-2">البريد الإلكترونى:</span>
                                <a href="#" class="text-muted text-hover-primary">{{$item->email}}</a>
                            </div>

                        </div>
                        <!--end::Info-->
                        <div class="row">
                            <a href="{{route('admin.admins.edit',$item->id)}}" class="col-md-5 mr-1 btn  btn-sm btn-light-primary font-weight-bolder text-uppercase  ">تعديل</a>
                            <a href="#" onclick="deleteFn({{$item->id}})" class="col-md-5 btn   btn-sm btn-light-danger font-weight-bolder text-uppercase  ">حذف</a>

                            {!!Form::open( ['route' => ['admin.admins.destroy',$item->id] ,'class'=>'hidden','id'=>'delete-form'.$item->id, 'method' => 'Delete']) !!}
                            {!!Form::close() !!}
                        </div>
                       </div>
                    <!--end::Body-->
                </div>
                <!--end::Card-->

            </div>

            <!--end::Col-->
       @empty
       <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">

       <h1>NO Admins Added</h1>
           
       </div>
       @endforelse

    </div>
    {{ $items->links('admin.layout.pagination') }}
@endpush
@push('scripts')

<script>
    function deleteFn($id) {
        Swal.fire({
            title: "هل أنت متاكد من حذف العنصر",
            text: "سيتم حذف هذا العنصر ولن تستطيع استرجاعه !",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "نعم ، احذفه!",
            buttons: ["الغاء", "موافق"],
            dangerMode: true,
        }).then(function(result) {
            if (result.value) {
                document.getElementById('delete-form'+$id).submit();
            } else{
                swal("تم االإلفاء", "حذف العنصر تم الغاؤه",'info',{buttons:'موافق'});
            }
        });
    }
</script>
@endpush