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

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

    @component('components.breadcrumb')
      @slot('title') Network Information List @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 Network Information</h4>
            @can('create-networkinformation')
              <a href="{{ route('networkinformation.create') }}" class="btn btn-sm btn-primary">Add New</a>
            @endcan
          </div>

          <div class="card-body">
            <div class="table-responsive custom-table" style="max-width: 100%; overflow-x: auto;">
              <table class="table table-bordered table-striped align-middle" id="NetworkInformationTable">
                <thead class="table-light text-nowrap">
                  <tr>
                    <th>ID</th>
                    <th>Country</th>
                    <th>City</th>
                    <th>Operator Name</th>
                    <th>Technologies Support</th>
                    <th>eSIM Support</th>
                    <th>Emergency Call</th>
                    <th>USSD Code</th>
                    <th>CSFB</th>
                    <th>VoLTE Support</th>
                    <th>VoLTE Call</th>
                    <th>VoWiFi Support</th>
                    <th>Vi WiFi Call</th>
                    <th>VoWifi Working on Airplane Mode</th>
                    <th>CA Combination</th>
                    <th>SRVCC to 3G/2G</th>
                    <th>5G Bands</th>
                    <th>5G Infra</th>
                    <th>MCC MNC</th>
                    <th>VoNR</th>
                    <th>4G Bands</th>
                    <th>3G Bands</th>
                    <th>2G Bands</th>
                    <th>Infra Vendor</th>
                    <th>Voicemail Services</th>
                    <th>UT XCAP</th>
                    <th>Conference Call Support</th>
                    <th>Supplementary Services</th>
                    <th>Prepaid APN</th>
                    <th>Dedicated Mode</th>
                    <th>Band Combination(NR+LTE)</th>
                    <th>5G CA Combination</th>
                    <th>OOS</th>
                    <th>Comment</th>
                    <th>Updated By</th>
                    <th>Status</th>
                    <th>Attachment</th>
                    <th>Updated At</th>
                    <th>Actions</th>
                  </tr>
                </thead>

                <tbody class="text-nowrap">
                  @foreach($items as $row)
                    <tr>
                      <td>{{ $row->id }}</td>
                      <td>{{ $row->country }}</td>
                      <td>{{ $row->city }}</td>
                      <td>{{ $row->operator_name }}</td>
                      <td>{{ $row->technologies_support }}</td>
                      <td>{{ $row->e_sim_support }}</td>
                      <td>{{ $row->emergency_call }}</td>
                      <td>{{ $row->ussd_code }}</td>
                      <td>{{ $row->csfb }}</td>
                      <td>{{ $row->volte_support }}</td>
                      <td>{{ $row->volte_call }}</td>
                      <td>{{ $row->vo_wifi_support }}</td>
                      <td>{{ $row->vi_wifi_call }}</td>
                      <td>{{ $row->ims_working_on }}</td>
                      <td>{{ $row->ca_combination }}</td>
                      <td>{{ $row->srvcc_to_3G_2G }}</td>
                      <td>{{ $row->band_5g }}</td>
                      <td>{{ $row->g5_infra }}</td>
                      <td>{{ $row->mcc_mnc }}</td>
                      <td>{{ $row->vonr }}</td>
                      <td>{{ $row->band_4g }}</td>
                      <td>{{ $row->band_3g }}</td>
                      <td>{{ $row->band_2g }}</td>
                      <td>{{ $row->infra_vendor_name }}</td>
                      <td>{{ $row->voicemail_services }}</td>
                      <td>{{ $row->ut_xcap }}</td>
                      <td>{{ $row->conference_call_support }}</td>
                      <td>{{ $row->supplementary_services }}</td>
                      <td>{{ $row->prepaid_apn }}</td>
                      <td>{{ $row->dedicate_mode }}</td>
                      <td>{{ $row->band_combination }}</td>
                      <td class="text-truncate" style="max-width:250px;">{{ $row->g5_ca_combination }}</td>
                      <td>{{ $row->oos }}</td>
                      <td class="text-truncate" style="max-width:200px;">{{ $row->comment }}</td>
                      <td>{{ $row->updated_by ?? '—' }}</td>
                      <td>
                        <span class="badge {{ $row->status ? 'bg-success' : 'bg-secondary' }}">
                          {{ $row->status ? 'Active' : 'Inactive' }}
                        </span>
                      </td>
                      <td>
                        @if($row->attachment_path)
                          <a href="{{ asset('storage/'.$row->attachment_path) }}" target="_blank">View</a>
                        @else
                          —
                        @endif
                      </td>
                      <td>{{ optional($row->updated_at)->format('d M Y H:i') }}</td>
                      <td class="d-flex gap-1">
                        @can('update-networkinformation')
                          <a href="{{ route('networkinformation.edit', $row->id) }}" class="btn btn-sm btn-success">Edit</a>
                        @endcan

                        @can('delete-networkinformation')
                          <form action="{{ route('networkinformation.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><!-- card-body -->
        </div><!-- card -->
      </div>
    </div>

  </div>
</div>
@endsection

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