@include('header') 
@php
// Set no-cache headers
header('Cache-Control: no-cache, no-store, must-revalidate');
header('Pragma: no-cache');
header('Expires: 0');
@endphp
<section class="body-section">
    <x-transient-message />
    <div class="content-width-container split-view">
      @include('left-split-view')
      <div class="primary-content-container">
        <div class="title-block">
          <div class="title-block-title">
            <div>My Companies</div>
            <div class="title-block-description">Create content, manage plans, and edit details of the companies you manage.<br></div>
          </div>
          <div class="title-block-controls">
            <div class="search-container">
                <form action="/composer/companies" method="GET" class="company-searcy-form">
                  @php
                    $search = session()->has('searchHistory') ? session()->get('searchHistory') :'';
                  @endphp
                  <input type="text" value="{{$search}}" name="search" placeholder="Search..." class="company-searcy-input">
                  <button type="submit" class="company-searcy-button">Search</button>
                </form>
                @if(!empty($search))
                  <form action="/composer/companies" method="GET" id="search-clear-form" style="margin-top: 10px;">
                    <input type="hidden" name="clear" value="clear">
                    <a href="#" type="submit" onclick='document.getElementById("search-clear-form").submit()' class="company-searcy-clear" id="btn-clear-search">Clear</a>
                  </form>
                @endif
            </div>
          </div>
          @can('add-company')
            <div class="title-block-controls">
                <a href="/composer/addcompany" class="button button-shadow purple-gradient w-inline-block">
                <div class="button-label white-text">Add New Company</div>
                {{-- <div class="button-icon-container"><img src="{{asset('images/refresh-icon.svg')}}" loading="lazy" alt="" class="image-3"></div> --}}
                </a>
            </div>
          @endcan
        </div>
        @isset($companies['data'])
            <div class="table-grid-scroller">
                @if($companies['data'] != null)
                    <div class="w-layout-grid table-grid" style="display: grid; grid-template-columns: {{ auth()->user()->user_role === 1 ? '1fr 1fr 1fr 1fr 1fr 1fr 1fr' : '1fr 1fr 1fr 1fr 1fr 1fr' }};">
                        <div id="w-node-cd62ec5e-bd7a-02ee-11c7-e4c12a33130a-1efa3617" class="table-grid-title">
                        <div>Company Id</div>
                        </div>
                        <div id="w-node-ad156db0-abc4-7ed8-cd8a-9d56e560b60b-1efa3617" class="table-grid-title">
                        <div>Email</div>
                        </div>
                        <div id="w-node-_0c078380-3806-5da0-b23f-7e0c4f95c939-1efa3617" class="table-grid-title">
                        <div>Company Name</div>
                        </div>
                        <div id="w-node-_23e26fd9-6fda-9790-35ae-edddbdebbb89-1efa3617" class="table-grid-title">
                        <div>URL</div>
                        </div>
                        <div id="w-node-_8503125b-ab23-118d-7c81-255c81ace9bf-1efa3617" class="table-grid-title">
                        <div>Seller Name</div>
                        </div>
                        @if(auth()->user()->user_role === 1)
                          <div id="w-node-_8503125b-ab23-5595-7c81-255c81hce9bf-1efa3617" class="table-grid-title">
                          <div>Account Type</div>
                          </div>
                        @endif

                        <div class="grid-action-container"></div>


                        @foreach ($companies['data'] as $company)
                            <div id="w-node-dab1547c-217b-6884-da8c-e88bdab00325-1efa3617" class="table-grid-value">
                            <div>#{{$company->client_id}}</div>
                            </div>
                            <div id="w-node-f8db3852-0eb7-95fe-1102-8b6a87e8cf3f-1efa3617" class="table-grid-value">
                            <div>{{$company->email}}</div>
                            </div>
                            <div id="w-node-_68f03e5a-0278-32c7-2d21-966edcb4a632-1efa3617" class="table-grid-value">
                            <div>{{$company->company_name}}</div>
                            </div>
                            <div id="w-node-_618fde29-ab5a-266a-fefd-59f401890b55-1efa3617" class="table-grid-value">
                            <div>
                                <a href="{{$company->url}}" target="_blank">{{$company->url}}</a>
                            </div>
                            </div>
                            <div id="w-node-a8e8d8ac-6441-512a-ab27-c9e337a5ed04-1efa3617" class="table-grid-value">
                            <div>{{$company->name}}</div>
                            </div>
                            @if(auth()->user()->user_role === 1)
                              <div id="w-node-a8ddd8ac-6941-519a-a827-c9e36ehued04-1efa3617" class="table-grid-value">
                                @if($company->user_role === 3)
                                  <a class="btn btn-link" href="#" onclick="return confirmChangeRole(event, '{{$company->customerId}}')">Change Role</a>
                                @else 
                                  <div class="btn btn-link">{{ $company->user_role === 1 ? 'Account Manager' : ($company->user_role === 2 ? 'Partner' : ($company->user_role === 4 ? 'Direct Sales' : '')) }}</div>
                                @endif
                              </div>
                            @endif
                            <div id="w-node-_2f439e03-d23b-a314-bed3-44f331eb2335-1efa3617" class="table-grid-value">
                                @can('update-company')
                                    <a class="btn btn-link" href="/composer/updatecompany/{{$company->id}}" style="margin-right: 18px;">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                @endcan                            
                                @can('Give-access-to-edit-permissions')
                                    <a class="btn btn-link" href="/composer/permissions/{{$company->customerId}}" style="margin-right: 18px;">
                                        <i class="fas fa-user-cog"></i>
                                    </a>
                                @endcan
                                @can('impersonate')
                                    <a class="btn btn-link" href="/composer/impersonate/{{$company->customerId}}">
                                    <img src="{{asset('images/impersonate.png')}}" width="20" title="Login to {{$company->name}} account" />
                                    </a>
                                @endcan
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="primary-content-after-title-block">
                        <div class="inline-message">
                        <div>There are no company details available.</div>
                        </div>
                    </div>
                @endif
            </div>
        @endisset
        <div class="pagination-container">
            @if(!empty($companies['to']))
                @foreach ($companies['links'] as $link)
                    <div class="pagination-bubble {{$link['active'] ? 'active' : ''}}">
                    <a class="pagination-number {{$link['active'] ? 'white' : ''}}" href="{{!empty($link['url']) ? $link['url'] : '#' }}" tabindex="-1">{{html_entity_decode($link['label'])}}</a>
                    </div>
                @endforeach
            @endif
        </div>
      </div>
    </div>
</section>
@include('footer')