@extends('layouts.app')

@section('title') Team Agents - {{ $team->name ?? 'N/A' }} @endsection

@section('content')

<section class="content-header">
  <h1>
    Team Agents
    <small>{{ $team->name ?? 'N/A' }}</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="{{ url('/team-list') }}"><i class="fa fa-dashboard"></i> Team List</a></li>
    <li class="active">Team Agents</li>
  </ol>
</section>

<section class="content top-head">
  <div class="row">
    <div class="col-xs-12">
      @include('layouts.flesh-message')
      <div class="box box-primary border-no">
        <div class="box-header with-border blue-back">
          <h3 class="box-title">Team Information</h3>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-md-3">
              <strong>Team Name:</strong> {{ $team->name ?? 'N/A' }}
            </div>
            <div class="col-md-3">
              <strong>Team Manager:</strong> 
              @if($team->users)
                {{ $team->users->name }} {{ $team->users->last_name }}
              @else
                N/A
              @endif
            </div>
            <div class="col-md-3">
              <strong>Total Agents:</strong> 
              <span class="badge bg-blue">{{ $teamAgents->count() }}</span>
            </div>
            <div class="col-md-3">
              <strong>Status:</strong> 
              @if(($team->status ?? 0) == 1)
                <span class="label label-success">Active</span>
              @else
                <span class="label label-danger">Inactive</span>
              @endif
            </div>
          </div>
          @if(!empty($team->logo))
          <div class="row" style="margin-top: 15px;">
            <div class="col-md-12">
              <strong>Team Logo:</strong><br>
              <img src="{{ bucket_show(newTeamLogoPath().$team->logo) }}" alt="Team Logo" style="max-width: 100px; max-height: 100px;" />
            </div>
          </div>
          @endif
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12">
      <div class="box box-primary border-no">
        <div class="box-header with-border blue-back">
          <h3 class="box-title">All Agents in Team</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <table id="agents-table" class="table table-bordered table-hover">
            <thead>
              <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Status</th>
                <th>Commission</th>
                <th>Invoicing Cost</th>
                <th>AL Invoicing Cost</th>
                <th>RL Invoicing Cost</th>
                <th>RS Invoicing Cost</th>
                <th>CL Invoicing Cost</th>
                <th>CS Invoicing Cost</th>
                <th>Created At</th>
              </tr>
            </thead>
            <tbody>
              @if($teamAgents->count() > 0)
                @foreach($teamAgents as $teamAgent)
                <tr>
                  <td>{{ $teamAgent->users->id ?? 'N/A' }}</td>
                  <td>
                    @if($teamAgent->users)
                      {{ $teamAgent->users->name }} {{ $teamAgent->users->last_name }}
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if(isset($teamAgent->users->status) && $teamAgent->users->status == 1)
                      <span class="label label-success">Active</span>
                    @else
                      <span class="label label-danger">Inactive</span>
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->commission)
                      {{ $teamAgent->commission }}@if($teamAgent->unit == 0)%@endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->invoicing_cost)
                      @if(isset($teamAgent->unit) && $teamAgent->unit == 1)
                        ${{ number_format($teamAgent->invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->al_invoicing_cost)
                      @if(isset($teamAgent->al_unit) && $teamAgent->al_unit == 1)
                        ${{ number_format($teamAgent->al_invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->al_invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->rl_invoicing_cost)
                      @if(isset($teamAgent->rl_unit) && $teamAgent->rl_unit == 1)
                        ${{ number_format($teamAgent->rl_invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->rl_invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->rs_invoicing_cost)
                      @if(isset($teamAgent->rs_unit) && $teamAgent->rs_unit == 1)
                        ${{ number_format($teamAgent->rs_invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->rs_invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->cl_invoicing_cost)
                      @if(isset($teamAgent->cl_unit) && $teamAgent->cl_unit == 1)
                        ${{ number_format($teamAgent->cl_invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->cl_invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>
                    @if($teamAgent->cs_invoicing_cost)
                      @if(isset($teamAgent->cs_unit) && $teamAgent->cs_unit == 1)
                        ${{ number_format($teamAgent->cs_invoicing_cost, 2) }}
                      @else
                        {{ number_format($teamAgent->cs_invoicing_cost, 2) }}%
                      @endif
                    @else
                      N/A
                    @endif
                  </td>
                  <td>{{ $teamAgent->created_at ? date('M d, Y', strtotime($teamAgent->created_at)) : 'N/A' }}</td>
                </tr>
                @endforeach
              @else
                <tr>
                  <td colspan="11"><center><p style="font-size: 15px;color: red;"> No agents found in this team. </p></center></td>
                </tr>
              @endif
            </tbody>
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
  </div>
</section>

<script>
$(document).ready(function() {
    $('#agents-table').DataTable({
        "pageLength": 25,
        "order": [[0, "asc"]], // Order by ID
        "columnDefs": [
            { "orderable": false, "targets": [] }
        ],
        "responsive": true,
        "dom": '<"row"<"col-sm-6"l><"col-sm-6"f>>rtip',
        "language": {
            "search": "Search Agents:",
            "lengthMenu": "Show _MENU_ Agents Per Page",
            "info": "Showing _START_ to _END_ of _TOTAL_ Agents",
            "infoEmpty": "No Agents",
            "infoFiltered": "(Filtered from _MAX_ Total Agents)",
            "emptyTable": "No Agents Found",
            "zeroRecords": "No Matching Agents Found"
        }
    });
});
</script>

@endsection