@extends('layouts.app')
@section('content')
<div class="container mt-4">

  <div class="row">
    <div class="col-12">

      {{-- หัวข้อ + ตัวเลือกบริษัท + ปุ่มต่าง ๆ --}}
      <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
          <h2 class="mb-0">
            <i class="fas fa-boxes me-2"></i> {{ __('รายการผลิตภัณฑ์') }}
          </h2>

          {{-- แสดงชื่อบริษัทที่กำลังดู --}}
          @if(isset($selectedAgency))
            <p class="text-muted mb-0">
              <i class="fas fa-building me-1"></i>
              {{ __('บริษัท: ') . ($selectedAgency->Agency_Name ?? ('#'.$selectedAgency->Agency_ID)) }}
            </p>
          @elseif(Auth::user()->Agency_ID && optional(Auth::user()->agency)->Agency_Name)
            <p class="text-muted mb-0">
              <i class="fas fa-building me-1"></i>
              {{ __('บริษัท: ') . Auth::user()->agency->Agency_Name }}
            </p>
          @endif
        </div>

        <div class="d-flex gap-2 align-items-center">

          {{-- สำหรับ consult: dropdown เลือกบริษัท --}}
          @if(isset($userAgencies) && $userAgencies->isNotEmpty())
            <form method="GET" action="{{ route('products.index') }}">
              <select name="agency_id" class="form-select w-auto" onchange="this.form.submit()">
                @foreach($userAgencies as $ag)
                  <option value="{{ $ag->Agency_ID }}"
                    {{ (int)request('agency_id', $selectedAgencyId) === (int)$ag->Agency_ID ? 'selected' : '' }}>
                    {{ $ag->Agency_Name ?? ('บริษัท #'.$ag->Agency_ID) }}
                  </option>
                @endforeach
              </select>
              {{-- preserve filter ถ้ามี --}}
              @if(request('filter'))
                <input type="hidden" name="filter" value="{{ request('filter') }}">
              @endif
            </form>
          @endif

          {{-- ปุ่ม filter (พก agency_id ถ้ามี) --}}
          <div class="btn-group" role="group">
            <a href="{{ route('products.index', array_filter(['agency_id' => $selectedAgencyId])) }}"
               class="btn btn-outline-primary {{ request()->routeIs('products.index') && request('filter') !== 'my' ? 'active' : '' }}">
              <i class="fas fa-building me-1"></i> {{ __('ทั้งหมดในบริษัท') }}
            </a>
            <a href="{{ route('products.index', array_filter(['filter' => 'my', 'agency_id' => $selectedAgencyId])) }}"
               class="btn btn-outline-primary {{ request('filter') === 'my' ? 'active' : '' }}">
              <i class="fas fa-user me-1"></i> {{ __('ของฉัน') }}
            </a>
          </div>

          {{-- เพิ่มผลิตภัณฑ์ (คง context agency_id) --}}
          <a href="{{ route('products.create-new', array_filter(['agency_id' => $selectedAgencyId])) }}" class="btn btn-primary">
            <i class="fas fa-plus me-1"></i> {{ __('เพิ่มผลิตภัณฑ์') }}
          </a>

          {{-- ปุ่มกลับไป ServTack --}}
          <a href="http://203.185.101.206/ServTrack_Dev/index.php" class="btn btn-servtrack">
            <i class="fas fa-external-link-alt me-1"></i> กลับไป ServTack
          </a>
        </div>
      </div>

      {{-- flash message --}}
      @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert" id="auto-dismiss-alert">
          {{ session('success') }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
      @elseif(session('error') && !session('success'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert" id="auto-dismiss-alert">
          {{ session('error') }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @php session()->forget('error'); @endphp
      @endif

      {{-- ตารางรายการ / ว่าง --}}
      @if($products->isEmpty())
        <div class="text-center py-5">
          <i class="fas fa-box-open fa-3x text-muted mb-3"></i>
          <h4 class="text-muted">{{ __('ไม่มีผลิตภัณฑ์') }}</h4>
          <p class="text-muted">
            @if(isset($selectedAgency))
              {{ __('ยังไม่มีผลิตภัณฑ์ในบริษัทนี้') }}
            @elseif(Auth::user()->Agency_ID)
              {{ __('บริษัทของคุณยังไม่มีผลิตภัณฑ์') }}
            @else
              {{ __('คุณยังไม่มีผลิตภัณฑ์') }}
            @endif
          </p>
          <a href="{{ route('products.create-new', array_filter(['agency_id' => $selectedAgencyId])) }}" class="btn btn-primary">
            <i class="fas fa-plus me-1"></i> {{ __('เพิ่มผลิตภัณฑ์แรก') }}
          </a>
        </div>
      @else
        <div class="card shadow-sm">
          <div class="card-body p-0">
            <div class="table-responsive">
              <table class="table table-hover mb-0">
                <thead class="table-dark">
                  <tr>
                    <th class="text-center" style="width: 50px;">ลำดับ</th>
                    <th style="width: 220px;">ชื่อผลิตภัณฑ์</th>
                    <th style="width: 140px;">โมเดล/รุ่น</th>
                    <th style="width: 160px;">วิธีรับข้อมูล</th>
                    <th style="width: 170px;">ประเภทผลิตภัณฑ์</th>
                    <th style="width: 140px;">สถานะการประเมิน</th>
                    <th style="width: 120px;">วันที่สร้าง</th>
                    <th class="text-center" style="width: 220px;">การดำเนินการ</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($products as $index => $product)
                    <tr class="clickable-row" data-product-id="{{ $product->id }}">
                      <td class="text-center">{{ $index + 1 }}</td>
                      <td>
                        <strong>{{ $product->name }}</strong>
                        @if($product->description)
                          <br>
                          <small class="text-muted">
                            {{ \Illuminate\Support\Str::limit($product->description, 50) }}
                          </small>
                        @endif
                      </td>
                      <td>{{ $product->model ?? 'ไม่ระบุ' }}</td>
                      <td>
                        @switch($product->log_receive_method)
                          @case('syslog_udp')  <span class="badge bg-primary">syslog UDP</span> @break
                          @case('syslog_tcp')  <span class="badge bg-info">syslog TCP</span> @break
                          @case('syslog_both') <span class="badge bg-success">syslog UDP & TCP</span> @break
                          @default             <span class="badge bg-secondary">{{ $product->log_receive_method }}</span>
                        @endswitch
                      </td>
                      <td>
                        @if($product->product_type == 'hw_sw_log_server')
                          <span class="badge bg-warning text-dark">Hardware + Software</span>
                        @else
                          <span class="badge bg-info">Software Only</span>
                        @endif
                      </td>
                      <td>
                        @php $latestAssessment = $product->assessments()->latest()->first(); @endphp
                        @if($latestAssessment)
                          @if($latestAssessment->status === 'draft')
                            <span class="badge bg-warning text-dark"><i class="fas fa-save me-1"></i>ฉบับร่าง</span>
                          @elseif($latestAssessment->status === 'submitted')
                            <span class="badge bg-success"><i class="fas fa-check me-1"></i>ส่งแล้ว</span>
                          @else
                            <span class="badge bg-secondary"><i class="fas fa-clock me-1"></i>{{ $latestAssessment->status }}</span>
                          @endif
                        @else
                          <span class="badge bg-light text-dark"><i class="fas fa-times me-1"></i>ยังไม่ประเมิน</span>
                        @endif
                      </td>
                      <td>
                        {{ optional($product->DtmIns)->format('d/m/Y') ?? optional($product->created_at)->format('d/m/Y') ?? '-' }}
                      </td>
                      <td class="text-center">
                        <div class="btn-group" role="group">
                          @if($latestAssessment && $latestAssessment->status === 'draft')
                            <a href="{{ route('assessments.continue-draft', $product->id) }}" class="btn btn-sm btn-warning">
                              <i class="fas fa-play me-1"></i> ทำต่อ
                            </a>
                          @endif
                          <a href="{{ route('products.report', $product->id) }}" class="btn btn-sm btn-outline-info">
                            <i class="fas fa-chart-bar me-1"></i> รายงาน
                          </a>

                          {{-- สิทธิ์ลบอย่างง่าย (ฝั่ง server ตรวจซ้ำแล้ว) --}}
                          @php
                            $u = Auth::user(); $canDel = false;
                            if ($u->Customer_ID === $product->user_id) $canDel = true;
                            elseif (strcasecmp($u->Level,'admin')===0 || strcasecmp($u->Level,'superadmin')===0) $canDel = true;
                            elseif ($u->Agency_ID && $product->user && $product->user->Agency_ID && $u->Agency_ID === $product->user->Agency_ID) $canDel = true;
                          @endphp
                          @if($canDel)
                            <form action="{{ route('products.destroy', $product->id) }}" method="POST" class="d-inline delete-form">
                              @csrf @method('DELETE')
                              <button type="submit" class="btn btn-sm btn-outline-danger delete-btn" data-product-name="{{ $product->name }}">
                                <i class="fas fa-trash me-1"></i> ลบ
                              </button>
                            </form>
                          @endif
                        </div>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      @endif

    </div>
  </div>
</div>

<style>
.btn-servtrack{
  color:#fff!important;background-color:#F4511E!important;border-color:#F4511E!important;
}
.btn-servtrack:hover,.btn-servtrack:focus{
  color:#fff!important;background-color:#E0481B!important;border-color:#E0481B!important;
  box-shadow:0 0 0 .25rem rgba(244,81,30,.25)!important;
}
.btn-servtrack:active,.btn-servtrack.active,.show>.btn-servtrack.dropdown-toggle{
  color:#fff!important;background-color:#C73F18!important;border-color:#C73F18!important;
}
.btn-servtrack:disabled,.btn-servtrack.disabled{background-color:#F4511E!important;border-color:#F4511E!important;opacity:.65}
</style>

<script>
document.addEventListener('DOMContentLoaded', function () {
  const alertEl = document.getElementById('auto-dismiss-alert');
  if (alertEl) {
    setTimeout(() => { alertEl.classList.remove('show'); setTimeout(()=>alertEl.remove(), 500); }, 5000);
  }

  document.querySelectorAll('.delete-form').forEach(f => {
    f.addEventListener('submit', function(e){
      e.preventDefault();
      const name = this.querySelector('.delete-btn')?.dataset.productName || '';
      if (confirm(`คุณต้องการลบข้อมูลผลิตภัณฑ์ "${name}" และผลการประเมินนี้หรือไม่?`)) this.submit();
    });
  });

  document.querySelectorAll('.clickable-row').forEach(row => {
    row.addEventListener('click', function(e){
      if (e.target.closest('button, a, form')) return;
      const id = this.getAttribute('data-product-id');
      if (id) window.location.href = `{{ route('products.report', ':id') }}`.replace(':id', id);
    });
  });
});
</script>
@endsection