@include('new_layouts.header')
<style>
   .avatar.avatar-xl.mb-3.user-initial {
      border-radius: 50%;
      color: #FFF;
   }
   .avatar-xl {
       --tblr-avatar-size: 6.2rem;
   }
   html,
   body {
      height: 100%;
      padding: 0px;
      margin: 0px;
      overflow: scroll;
   }
   .p-2.col-example {
      background: #FFFFFF;
   }
   .row row-cards{
      background: #FFFFFF;
   }
</style>
@php
   $user= Auth::user();
   Session::put('ses_user_id',$user->id);
   $profile = \App\Models\Utility::get_file('uploads/avatar/');
@endphp
<main class="page-wrapper">
   <section>
      {{--
      <aside class="col-2">
         <nav id="sidebar" class="navbar navbar-vertical navbar-transparent">
            <div class="custom-menu">
               <button type="button" id="sidebarCollapse" class="btn btn-primary"> <i class="fa fa-bars"></i> <span class="sr-only">Toggle Menu</span> </button>
            </div>
            <div class="p-4">
               <h1><a href="index.html" class="logo">Portfolic <span>Portfolio Agency</span></a></h1>
               <ul class="list-unstyled components mb-5">
                  <li class="active"> <a href="#"><span class="fa fa-home mr-3"></span> Home</a> </li>
                  <li> <a href="#"><span class="fa fa-user mr-3"></span> About</a> </li>
                  <li> <a href="#"><span class="fa fa-briefcase mr-3"></span> Works</a> </li>
                  <li> <a href="#"><span class="fa fa-sticky-note mr-3"></span> Blog</a> </li>
                  <li> <a href="#"><span class="fa fa-suitcase mr-3"></span> Gallery</a> </li>
                  <li> <a href="#"><span class="fa fa-cogs mr-3"></span> Services</a> </li>
                  <li> <a href="#"><span class="fa fa-paper-plane mr-3"></span> Contacts</a> </li>
               </ul>
            </div>
         </nav>
      </aside>
      --}}
      <article class="col-12">
         <div class="page-header d-print-none">
            <div class="container-fluid">
               @if (Auth::user()->type == "client")
                  <div class="card mt-5 p-4">
                     <div class="card-header">
                        <h3>{{ __('Organisation') }}</h3>
                     </div>
                  
                     <div class="row row-cards mt-1">
                        @forelse($users as $user)
                           <div class="col-md-6 col-lg-2">
                              <div class="card">
                                 <div class="ms-auto lh-1 p-2">
                                    @if ($user->color_code != null || $user->color_code != '')
                                       @php $color_co=$user->color_code; @endphp
                                    @else
                                       @php $color_co =Utility::rndRGBColorCode(); @endphp
                                    @endif
                                 </div>
                                 @php $short=substr($user->name, 0, 1); @endphp
                                 @php $short_lname=substr($user->lname, 0, 1); @endphp
                                 <div class="card-body p-2 text-center">
                                    @if (!empty($user->avatar))
                                       <img src="{{ !empty($user->avatar) ? $profile . $user->avatar :
                                          asset(Storage::url(' uploads/avatar/avatar.png ')) }}"
                                          class="avatar avatar-xl mb-3 rounded" alt="">
                                    @else
                                       <div class="avatar avatar-xl mb-3 user-initial"
                                          style='background-color:{{ $color_co }}'>
                                          {{ strtoupper($short) }}{{ strtoupper($short_lname) }}
                                       </div>
                                    @endif
                                    @php
                                       $name=strlen($user->name) > 20 ? substr($user->name,0,19)."..." : $user->name;
                                       $lname=strlen($user->lname) > 20 ? substr($user->lname,0,19)."..." : $user->lname;
                                    @endphp
                                    <h3 class="m-0 mb-1"><a href="{{ route('construction_main',['id' => Crypt::encrypt($user->id)]) }}">
                                       {{ $name }} {{ $lname }}</a>
                                    </h3>
                                    <div class="mt-3"><span class="badge bg-purple-lt">{{ucfirst($user->type)}}</span></div>
                                 </div>
                                 <div class="d-flex">
                                    <a data-bs-toggle="tooltip" title="{{ $user->email }}" class="card-btn">
                                       <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-muted" width="24"
                                          height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                          fill="none" stroke-linecap="round" stroke-linejoin="round">
                                          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                          <path
                                             d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2
                                             2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z">
                                          </path>
                                          <path d="M3 7l9 6l9 -6"></path>
                                       </svg>
                                       {{ __('Email') }}
                                    </a>
                                    <a data-bs-toggle="tooltip"
                                       title="{{ $user->phone }}" class="card-btn" href="tel:{{ $user->phone }}">
                                       <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-muted" width="24"
                                          height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                          fill="none" stroke-linecap="round" stroke-linejoin="round">
                                          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                          <path
                                             d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1
                                             -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2">
                                          </path>
                                       </svg>
                                       {{ __('Call') }}
                                    </a>
                                 </div>
                              </div>
                           </div>
                        @empty
                           <div class="empty">
                              <p class="empty-subtitle text-secondary">
                                 <h4>{{ __('No Company Found!') }}</h4>
                              </p>
                           </div>
                        @endforelse
                     </div>
                  </div>
               @else
                  <div class="row g-2 align-items-center">
                     <div class="col">
                        <h2 class="page-title">
                           {{__('Welcome')}} {{\Auth::user()->name }}!
                        </h2>
                     </div>
                  </div>