@extends('company.layout.layout')

@push('title')
    عملاء
@endpush
@push('breadcrumbs')

    <li class="breadcrumb-item  ">
        <a href="{{route('company.home')}}" class="text-muted"> الرئيسية </a>
    </li>


    <li class="breadcrumb-item  ">
        <a href="{{route('company.company.index')}}" class="text-muted"> <h3>الشركة  </h3> </a>
    </li>

@endpush
@push('toolbar-actions')

    <a href="{{route('company.company.client.create' ,$parent->id)}}"   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('company.company.client.create',$parent->id)}}" class="btn btn-primary font-weight-bolder">

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

@endpush

@push('content')
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">عملاء
                    <span class="d-block text-muted pt-2 font-size-sm">
                        يمكنك عرض وتعديل وحذف واستخراج تقارير عملاء
                    </span></h3>
            </div>

        </div>
        <div class="card-body">
            <!--begin: Search Form-->
            <!--begin::Search Form-->
            <div class="mb-7">
                <div class="row align-items-center">
                    <div class="col-lg-9 col-xl-8">
                        <div class="row align-items-center">
                            <div class="col-md-4 my-2 my-md-0">
                                <div class="input-icon">
                                    <input type="text" class="form-control" placeholder="بحث..."
                                           id="kt_datatable_search_query"/>
                                    <span>
											<i class="flaticon2-search-1 text-muted"></i>
									</span>
                                </div>
                            </div>


                        </div>
                    </div>

                </div>
            </div>
            <!--end::Search Form-->
            <!--end: Search Form-->
            <!--begin: Datatable-->
            <table class="datatable datatable-bordered datatable-head-custom" id="kt_datatable">
                <thead>
                <tr>
                    <th title="Field #1">#</th>
                    <th title="Field #2">اسم العميل   </th>
                    <th title="Field #3"> رقم الهاتف</th>
                    <th title="Field #5"> البريد </th>
                    <th title="Field #5"> النوع </th>
                    <th title="Field #5"> صورة العميل </th>

                    
                     <th title="Field #8">العمليات</th>
                </tr>
                </thead>


                <tbody>
                @foreach($items as $item)
                    <tr>
                        <td> {{$item->code}} </td>
                        <td> {{$item->name}} </td>
                        <td> {{$item->phone}} </td>
                        <td> {{$item->email}} </td>
                        <td> {{all_client_type($item->type)}} </td>

                        

                        <td>
                        
                            <!--begin::Avatar-->
                                <div class="symbol symbol-35px symbol-circle me-5">
                                    <img alt="Pic" src="@if($item->image) {{getimg($item->image)}}@else{{asset('/admin/assets')}}/media/users/blank.png @endif" />
                                </div>
                            <!--end::Avatar-->

                        </td>
                        <td data-field="Actions" data-autohide-disabled="false" aria-label="null">


                            <a href="{{route('company.company.client.edit',[$parent->id,$item->id])}}"
                                class="btn btn-sm btn-light btn-text-primary btn-icon"
                                title="تعديل">
                                 <i class="flaticon2 flaticon-edit"></i>
                             </a>


                            <a href="{{route('company.client_cart',[$item->id,0])}}"
                               class="btn btn-sm btn-light btn-text-primary btn-icon"
                               title="منتجات العميل ">
                                <i class="flaticon2 flaticon-cart"></i>
                            </a>



                            <button onclick="readyFn({{$item->id}})"
                                    class="delete btn btn-sm btn-light btn-text-primary btn-icon"
                                    title="Delete">
                                <i class="flaticon2 flaticon2-delete"></i>
                                {!!Form::open( ['route' => ['company.company.client.destroy',[$parent->id,$item->id]] ,'class'=>'hidden','id'=>'delete-form'.$item->id, 'method' => 'Delete']) !!}
                                {!!Form::close() !!}
                            </button>


                        </td>

                    </tr>
                @endforeach
                </tbody>
            </table>
            <!--end: Datatable-->
        </div>
    </div>
@endpush

@push('scripts')
    <script>
        function readyFn($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>
    <!--begin::Page Scripts(used by this page)-->
    <script src="{{asset('/admin/assets')}}/js/pages/crud/ktdatatable/base/html-table.js"></script>
    <!--end::Page Scripts-->
@endpush