@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
  <div class="content container-fluid">

    @component('components.breadcrumb')
      @slot('title') Chipsets @endslot
    @endcomponent

    @if (session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    @if (session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title mb-0">All Chipsets</h4>
            @can('create-chipset')
              <a href="{{ route('chipsets.create') }}" class="btn btn-sm btn-primary">Add New</a>
            @endcan
          </div>

          <div class="card-body">
            <div class="table-responsive custom-table">
              <table class="table" id="ChipsetsTable">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Project</th>
                    <th>Product</th>
                    <th>Chipset</th>
                    <th>Android</th>
                    <th>Commercial</th>
                    <th>Brand</th>
                    <th>Status</th>
                    <th>Updated By</th>
                    <th>Updated At</th>
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                @foreach($items as $row)
                  <tr>
                    <td>{{ $row->id }}</td>
                    <td class="text-truncate" style="max-width:180px">{{ $row->project_name }}</td>
                    <td class="text-truncate" style="max-width:180px">{{ $row->product_name }}</td>
                    <td class="text-truncate" style="max-width:180px">{{ $row->chipset }}</td>
                    <td>{{ $row->android_version }}</td>
                    <td class="text-truncate" style="max-width:180px">{{ $row->commercial_name }}</td>
                    <td class="text-truncate" style="max-width:140px">{{ $row->brand }}</td>
                    <td>
                      <span class="badge {{ (int)$row->status === 1 ? 'bg-success' : 'bg-secondary' }}">
                        {{ (int)$row->status === 1 ? 'Active' : 'Inactive' }}
                      </span>
                    </td>
                    <td>{{ $row->updated_by ?? '—' }}</td>
                    <td>{{ optional($row->updated_at)->format('d M Y H:i') }}</td>
                    <td class="d-flex gap-1">
                      @can('update-chipset')
                        <a href="{{ route('chipsets.edit', $row->id) }}" class="btn btn-sm btn-success">Edit</a>
                      @endcan
                      @can('delete-chipset')
                        <form action="{{ route('chipsets.destroy', $row->id) }}" method="POST" onsubmit="return confirm('Delete this record?')">
                          @csrf
                          @method('DELETE')
                          <button class="btn btn-sm btn-danger">Delete</button>
                        </form>
                      @endcan
                    </td>
                  </tr>
                @endforeach
                </tbody>
              </table>

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

  </div>
</div>
@endsection

@push('scripts')
<script>
  initDataTableWithFilters && initDataTableWithFilters('ChipsetsTable');
</script>
@endpush