@extends('layouts.master')
@section('title') Unauthorized ONUs @endsection
@section('css')
<link href="{{URL::asset('assets/js/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{URL::asset('assets/css/datatable-custom.css')}}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
<div class="row">
   <div class="col-12">
      <div class="page-title-box d-sm-flex align-items-center justify-content-between">
         <h4 class="mb-sm-0 font-size-18">Unauthorized ONUs</h4>
      </div>
   </div>
</div>
<div class="row">
   <div class="col-lg-12">
      @if (session('status'))
      <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show" role="alert">
         <i class="ri-check-double-line label-icon"></i><strong>Success</strong> - {{session('status')}}
         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      @endif @if (session('error'))
      <div class="alert alert-danger alert-dismissible alert-label-icon label-arrow fade show mb-xl-0" role="alert">
         <i class="ri-error-warning-line label-icon"></i><strong>Failed</strong>
         - {{session('error')}}
         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      <br />
      @endif
      <div class="card">
         <div class="card-body">
            @if(count($onus))
            <div class="table-responsive table-card mb-1">
               <table class="table align-middle" id="datatable" style="width: 100%;">
                  <thead class="table-light text-muted">
                     <tr>
                        <th>#</th>
                        <th>Serial Number</th>
                        <th>Type</th>
                        <th>Board</th>
                        <th>Port</th>
                        <th>OLT</th>
                        <th>Action</th>
                     </tr>
                  </thead>
                  <tbody>
                     @foreach($onus as $key => $onu)
                     <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $onu['sn'] }}</td>
                        <td>{{ $onu['onu_type_name'] }}</td>
                        <td>{{ $onu['board'] }}</td>
                        <td>{{ $onu['port'] }}</td>
                        <td>{{ $onu['olt_id'] }}</td>
                        <td>
                           <a href="{{ route('smartolt.authorize.form', [
                              'sn' => $onu['sn'],
                              'olt_id' => $onu['olt_id'],
                              'board' => $onu['board'],
                              'port' => $onu['port'],
                              'onu_type_name' => $onu['onu_type_name'],
                              'pon_type' => $onu['pon_type'], // ✅ This must exist
                              ]) }}" class="btn btn-soft-success btn-sm">
                           <i class="ri-check-line"></i> Authorize
                           </a>
                        </td>
                     </tr>
                     @endforeach
                  </tbody>
               </table>
            </div>
            @else
            <div class="noresult" style="display: block;">
               <div class="text-center">
                  <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width: 75px; height: 75px;"></lord-icon>
                  <h5 class="mt-2 text-danger">No unauthorized ONUs found</h5>
                  <p class="text-muted">Your system is fully configured</p>
               </div>
            </div>
            @endif
         </div>
      </div>
   </div>
</div>
@endsection
@section('script')
<script src="{{ URL::asset('/assets/js/jquery-3.6.1.js')}}"></script>
<script src="{{ URL::asset('/assets/js/datatables/datatables.min.js') }}"></script>
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
<script src="{{ URL::asset('/assets/js/datatable.js') }}"></script>
@endsection