@extends('layouts.masterNew', ['vueView' => 'opportunities-index'])

@section('content')
  <div id="opportunitiesListWrapper">
    @include('Opportunities.filterForm')

    <div class="intranet-pagination">
      @if($isAllowedToSeePrivateColumns)
        <span class="floatRight"><a href="{{ $altViewUrl }}">Change View</a></span>
      @endif
      <span>{{ $opportunity->total() }} Results</span> - {{ $opportunity->appends(request()->input())->links() }}
    </div>

    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="intranet-opportunities-table opportunitiesSortTable">
      <thead>
        <tr class="table-head">
          <th scope="col"></th>
          <th scope="col" valign="middle" align="left">Brand/Co</th>
          <th scope="col" valign="middle" align="left">Type</th>
          <th scope="col" valign="middle" align="left">Project Name</th>
          <th scope="col" valign="middle" align="left">Date (if applicable)</th>
          <th scope="col" valign="middle" align="left">Budget</th>
          <th scope="col" valign="middle" align="left">Add. Compensation</th>
          <th scope="col" valign="middle" align="left">Description</th>
          @if($isAllowedToSeePrivateColumns)
            <th scope="col" valign="middle" align="left" >Buyer</th>
            <th scope="col" valign="middle" align="left">Contact</th>
            <th scope="col" valign="middle" align="left">{{-- Email --}}</th>
            <th scope="col" valign="middle" align="left">{{-- Phone --}}</th>
          @endif
          <th scope="col" valign="middle" align="left">Entered by</th>
          <th scope="col" valign="middle" align="left">Status</th>
          @if($isAllowedToSeePrivateColumns)
            <th scope="col" class="icon-column" valign="middle" align="center" >
              <div title="Department view only" data-toggle="tooltip" data-placement="left" class="">Notes</div>
            </th>
          @endif
          @if($isAllowedToSeePrivateColumns)
            <th scope="col" class="icon-column" valign="middle" align="center">Edit</th>
          @endif
        </tr>
      </thead>
      <tbody>
        @foreach($opportunity as $opportunityItem)
          <tr class="status-{{ strtolower($opportunityItem->status->name) }}">
            <td valign="middle" align="left" class="color-code">&nbsp;</td>
            <td valign="middle" align="left">
              {{--  only show brands if the current user is allowed to see private columns OR [the user is not allowed to see private columns and the "display brands outside dept" is set to true]  --}}
              @if($isAllowedToSeePrivateColumns == true || ($isAllowedToSeePrivateColumns == false && $opportunityItem->display_brands_outside_department == true))
                @foreach($opportunityItem->brands as $brand) 
                {{ $brand->name }}@if (!$loop->last), @endif
                @endforeach
              @else
                [hidden]
              @endif
            </td>
            <td valign="middle" align="left">{{ $opportunityItem->type->name }}</td>
            <td valign="middle" align="left"><a href="javascript:void(0);" @click="modalTitle = '{{ addSlashes($opportunityItem->name) }}'; opportunityIdOfCurrentModal = {{ $opportunityItem->id }}; showModal = true">{{ $opportunityItem->name }}</a></td>
            <td valign="middle" align="left">
              @if($opportunityItem->date_start)
                {{ $opportunityItem->date_start }}
              @endif
              @if($opportunityItem->date_start && $opportunityItem->date_end)
                to<br />
              @endif
              @if($opportunityItem->date_end)
                {{ $opportunityItem->date_end }}
              @endif</td>

            <td valign="middle" align="left">
              @if($opportunityItem->budget_min)
                ${{ number_format($opportunityItem->budget_min) }}
              @endif
              @if($opportunityItem->budget_min && $opportunityItem->budget_max)
                to 
              @endif
              @if($opportunityItem->budget_max)
                ${{ number_format($opportunityItem->budget_max) }}
              @endif</td>
            
            
            
            {{--  Add. Compensation:  --}}
            <td valign="middle" align="left">{{ $opportunityItem->budget_notes }}</td>
            
            <td valign="middle" align="left">
              @if($opportunityItem->description)
                {{ str_limit($opportunityItem->description, 250) }}
              @endif
            </td>

            @if($isAllowedToSeePrivateColumns)
              <td valign="middle" align="left"  >
                @if($opportunityItem->userHasPermission($currentUser))
                  @foreach($opportunityItem->companyContacts as $companyContact)
                    @if($companyContact->company)
                      <div>
                        {{ $companyContact->company->name }}
                      </div>
                    @endif
                  @endforeach
                @endif
              </td>
            @endif

            @if($isAllowedToSeePrivateColumns)
              <td valign="middle" align="left">
                @if($opportunityItem->userHasPermission($currentUser))
                  @foreach($opportunityItem->companyContacts as $companyContact)
                    @if($companyContact->contact)
                      {{ $companyContact->contact->name }} @if (!$loop->last)<br /> @endif
                    @endif
                  @endforeach
                @endif
              </td>

              {{--  We want the phone and email icons to be in their own "column" so that's what we're doing here:  --}}
              <td>
                @if($opportunityItem->userHasPermission($currentUser))
                  @foreach($opportunityItem->companyContacts as $companyContact)
                    @if($companyContact->contact)
                      @if($companyContact->contact->phone) <a href="tel:{{ $companyContact->contact->phone }}" class="subIcon"><img src="/img/intranet/icon-phone-40.png" style="max-height: 10px;" /></a> @else <br /> @endif 
                    @endif
                  @endforeach
                @endif
              </td>
              <td>
                @if($opportunityItem->userHasPermission($currentUser))
                  @foreach($opportunityItem->companyContacts as $companyContact)
                    @if($companyContact->contact)
                      @if($companyContact->contact->email1) <a href="mailto:{{ $companyContact->contact->email1 }}" class="subIcon"><img src="/img/intranet/icon-email.png" style="max-height: 9px;" /></a>  @else <br /> @endif 
                    @endif
                  @endforeach
                @endif
              </td>
            @endif

            <td valign="middle" align="left">@foreach($opportunityItem->users as $user) 
              <a href="/users/{{ $user->slug }}">{{ $user->first_name }} {{ $user->last_name }}</a>@if (!$loop->last), @endif
            @endforeach</td>

            <td valign="middle" align="left" class="color-code-text">{{ $opportunityItem->status->name }}</td>
            

            @if($isAllowedToSeePrivateColumns)
              <td valign="middle" align="center" class="icon-cell"  >
                @if($opportunityItem->userHasPermission($currentUser))
                  @if($opportunityItem->department_notes)
                    <div title="{{ $opportunityItem->department_notes }}" data-toggle="tooltip" data-placement="left" class="notes-column">
                      <img src="/img/icon-notes-40.png">
                    </div>
                  @endif
                @endif
              </td>
            @endif

            @if($isAllowedToSeePrivateColumns)
              <td valign="middle" align="center" class="icon-cell">
              @if($opportunityItem->userHasPermission($currentUser))
                <a href="{{ action('OpportunitiesController@edit', ['opportunity' => $opportunityItem->id]) }}" class="edit-column">
                  {{--  <img src="/img/intranet/icon-email-circle.png">  --}}