
<div class="body-content">
    <div class="contacts Kanban-view">
        <div class="contacts-box">
            <div class="contacts-body">
                <div class="row">
                    @foreach($contact_lists as $key => $row)
                        <div class="col-lg-4">
                            <div class="contacts-box">
                                <div class="contact-head">
                                    <div class="l-side">
                                        <div class="form-check mb-0 ps-0">
                                            <label class="form-check-label d-block" for="task1">
                                                <i class="far fa-user cr-blue me-2"></i> {{$key}} <span class="num"> {{count($row)}} </span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                @foreach($row as $contactList)
                                    <div class="contact-row">
                                        <div class="row align-items-center">
                                            <div class="col-12">
                                                <div class="main-inf mb-2">
                                                    <div class="icon">
                                                        <img src="{{asset($contactList->image)}}" alt="">
                                                    </div>
                                                    <div class="cont">
                                                        <h6 class="com-name"> {{$contactList->title}} <i class="{{ $contactList->is_top_customer ? 'fas fa-star' : 'fal fa-star' }}"></i></h6>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <a href="mailto:{{$contactList->email}}" class="text mt-2"> <i class="fal fa-envelope me-1"></i> {{$contactList->email}} </a>
                                            </div>
                                            <div class="col-12">
                                                <a href="tel:{{$contactList->phone}}" class="text mt-2"> <i class="fal fa-phone me-1"></i> {{$contactList->phone}} </a>
                                            </div>
                                            <div class="col-12">
                                                <div class="text mt-2"> <i class="fal fa-map-marker me-1"></i> {{$contactList->role}} </div>
                                            </div>
                                            <div class="btm-inf">
                                                <a href="tel:{{$contactList->phone}}"> <i class="fal fa-phone"></i> <span class="txt"> Phone </span> </a>
                                                <a href="mailto:{{$contactList->email}}"> <i class="fal fa-envelope"></i> <span class="txt"> Email </span> </a>
                                            </div>
                                        </div>
                                        <div class="dropdown float-dropdown">
                                            <button class="btn bg-transparent border-0 p-0 dropdown-toggle no-after" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="fas fa-ellipsis-v"></i>
                                            </button>
                                            <ul class="dropdown-menu">
                                                @if(auth()->user()->canAccess('contact_lists','update') && $contactList->lock == 0)
                                                    <li><a class="dropdown-item" href="#0" onclick="openModel(this)" action="{{ route ('employee.contact_lists.edit', $contactList->id) }}" > <i class="fal fa-pen me-1"></i> edit</a></li>
                                                @endif
                                                @if(auth()->user()->canAccess('contact_lists','delete'))
                                                    @if($contactList->deleted_at ?? null)
                                                        <a href="{{ route ('employee.contact_lists.restore', $contactList->id) }}" data-method="put" class="dropdown-item rowAction" title="{{ __('dashboard.restore') }}"> <i class="bi bi-pen ml-1"></i> {{ __('dashboard.restore') }} </a>
                                                    @else
                                                        <a href="{{ route ('employee.contact_lists.destroy', $contactList->id) }}" data-method="delete" class="dropdown-item rowAction" title="{{ __('dashboard.trash') }}"> <i class="bi bi-slash-circle ml-1"></i> {{ __('dashboard.trash') }} </a>
                                                    @endif
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
