@extends('layouts.admin.app')
@section('content')
   
      <div class="pd-30">
        <div class="col-sm-12 col-xl-12 " style="display: flex;">
           <h4 class="tx-gray-800 mg-b-5 title" style="width: 100%;">Classification</h4>
            <a href="/gpclrmainportal/classification/create" class="btn btn-primary mr-2" style="border-radius: 0px;">Add</a>
           
        </div>
      </div><!-- d-flex -->
      <div class=" br-pagebody mg-t-5 pd-x-30">
        <div class="br-section-wrapper row row-sm">
          <div class="col-sm-12 col-xl-12">
             <div class="table-responsive" style="overflow-x:auto;">
            <table id="example" class="table" role="grid" aria-describedby="datatable1_info">
              @if(count($classifications) > 0)
              <thead class="thead-colored">
                <tr>
                  <th>Sr No</th>
                  <th>Status</th>
                  <th>Action</th>
                  <th>Region</th>
                  <th>CAS NO</th>
                  <th>EC NO</th>
                  <th>CAS Name</th>
                  <th>Classification</th>
                 
                </tr>
              </thead>
              <tbody>
                @php $i = 1; @endphp
                @foreach($classifications as $key => $n)
                <tr>
                  <th scope="row">{{$i++}}</th>
                  <td>
                    @if($n->status == 0)
                    <span class="badge-danger">Deactive</span>
                    @else
                      <span class="badge-success">Active</span>
                    @endif
                  </td>
                  <td style="display: flex;"> 

                  <a href="/gpclrmainportal/classification/{{$hashids->encode($n->id)}}/edit" class="btn-action-edit mr-1"><i class="fas fa-pen-square"></i></a>
                  
                  <!-- <form method="post" action="/gpclrmainportal/classification/changestatus">
                    @csrf @method('post')
                    <input type="hidden" name="id" value="{{$n->id}}">
                    <input type="hidden" name="status" value="{{$n->status}}">
                    <button class="btn-action-status"  onclick="return confirm('Are you sure you want to  change status of this record?');">
                      @if($n->status == 1)
                      <i class="fas fa-toggle-on" style="font-size: 15px;color: white;"></i>
                      @else
                      <i class="fas fa-toggle-off" style="font-size: 15px;color: white;"></i>
                      @endif
                    </button> -->
                  </form>
                  </td>
                  <td>{{$n->Region->name ?? ''}}</td>
                  <td>{{$n->cas_no}}</td>
                  <td>{{$n->ec_no}}</td>
                  <td>{{$n->cas_name}}</td>
                  <td>{!! $n->classification !!}</td>

                  
                </tr>
               @endforeach
              </tbody>
            </table>
             @else
                <h4 class="text-center">No Classification Found</h4>
            @endif
            <br>
          </div>
        </div>
      </div>
    </div>
     
<script>
      $(document).ready(function() {
          var table = $('#example').DataTable( {
              lengthChange: false,
              buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
          } );
      
          table.buttons().container()
              .appendTo( '#example_wrapper .col-md-6:eq(0)' );
      });
</script>
@endsection
@section('scripts')

@endsection