@include('header')

<section class="body-section">
  <div class="content-width-container split-view">
    @include('left-split-view')
    <div class="primary-content-container">
      @if (session('success'))
          <div class="alert alert-success alert-dismissible fade show">
              {{ session('success') }}
          </div>
      @endif
      @if (session('error'))
          <div class="col-sm-12">
              <div class="alert alert-danger alert-dismissible fade show" role="alert">
                  {{ session('error') }}
              </div>
          </div>
      @endif
      
      <div class="w-layout-grid article-type-grid">
        <h3 class="left-panel-title">Add Articles</h3>
        <div class="add-form-container">
          <form action="{{ route('add-articles') }}" method="POST" id="add-articles">
              @csrf
              <label for="user_id">User ID</label>
              <input type="text" id="user_id" class="text-input-form w-input" name="user_id" placeholder="Enter User ID" value="{{old('user_id')}}" required>
              @error('user_id')
                  <div class="alert alert-danger">{{ $message }}</div>
              @enderror

              <label for="number_of_articles_added">Number of articles to give</label>
              <input type="number" id="number_of_articles_added" class="text-input-form w-input" name="number_of_articles_added" value="{{old('number_of_articles_added')}}" placeholder="Enter number of articles to give" min="1" required>
              @error('number_of_articles_added')
                  <div class="alert alert-danger">{{ $message }}</div>
              @enderror
              <button type="submit" class="button button-shadow purple-gradient w-inline-block add-articles">
                  <div class="button-label white-text">Add</div>
              </button>
          </form>
        </div>
      </div>
      <div class="title-block">
        <div class="title-block-title">
          <div>Assigned Articles</div>
          <div class="title-block-description"></div>
        </div>
      </div>

      @isset($assignedArticles['data'])
        <div class="table-grid-scroller">
            @if($assignedArticles['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' }};">
                    <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-_0c078380-3806-5da0-b23f-7e0c4f95c939-1efa3617" class="table-grid-title">
                      <div>Salesperson</div>
                    </div>
                    <div id="w-node-_23e26fd9-6fda-9790-35ae-edddbdebbb89-1efa3617" class="table-grid-title">
                      <div>Assigned Articles</div>
                    </div>
                    <div id="w-node-_8503125b-ab23-118d-7c81-255c81ace9bf-1efa3617" class="table-grid-title">
                      <div>Assigned At</div>
                    </div>
                    @foreach ($assignedArticles['data'] as $assignedArticle)
                        <div id="w-node-dab1547c-217b-6884-da8c-e88bdab00325-1efa3617" class="table-grid-value">
                          <div>{{$assignedArticle->client_id}}</div>
                        </div>
                        <div id="w-node-f8db3852-0eb7-95fe-1102-8b6a87e8cf3f-1efa3617" class="table-grid-value">
                          <div>{{$assignedArticle->email}}</div>
                        </div>
                        <div id="w-node-_68f03e5a-0278-32c7-2d21-966edcb4a632-1efa3617" class="table-grid-value">
                          <div>{{$assignedArticle->company_name}}</div>
                        </div>
                        <div id="w-node-_68f03e5a-0278-32c7-2d21-966edcb4a632-1efa3617" class="table-grid-value">
                          <div>{{$assignedArticle->name}}</div>
                        </div>
                        <div id="w-node-a8e8d8ac-6441-512a-ab27-c9e337a5ed04-1efa3617" class="table-grid-value">
                          <div>{{$assignedArticle->number_of_articles_added}}</div>
                        </div>
                        <div id="w-node-a8e8d8ac-6441-512a-ab27-c9e337a5ed04-1efa3617" class="table-grid-value">
                          <div>{{convertToUserLocalTime(strtotime($assignedArticle->created_at), '', 'm/d/Y')}}</div>
                        </div>
                    @endforeach
                </div>
            @else
                <div class="primary-content-after-title-block">
                    <div class="inline-message">
                    <div>Records are not available.</div>
                    </div>
                </div>
            @endif
        </div>
      @endisset
      <div class="pagination-container">
          @if(!empty($assignedArticles['to']))
              @foreach ($assignedArticles['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')