@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%;">Upload SIP</h4>
             <a href="/gpclrmainportal/sip/create" class="btn btn-primary" 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">
             @if(count($sips) > 0)
            <table id="example" class="table responsive nowrap dataTable no-footer dtr-inline" role="grid" aria-describedby="datatable1_info">
              <thead class="thead-colored">
                <tr>
                  <th>Sr. No</th>
                  <th>Region</th>
                  <th>CAS No</th>
                  <th>EC No</th>
                  <th>File</th>
                  <th>Status</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @php $i = 1;
                @endphp
                @foreach($sips as $key => $n)
                <tr>
                  <th scope="row">{{$i++}}</th>
                  <td>{{$n->Region->name ?? ''}}</td>
                  <td>{{$n->cas_no}}</td>
                  <td>{{$n->ec_no ?? ''}}</td>
                  <td><a target="_blank" href='{{ asset("uploads/$n->pdf") }}'>View</a></td>
                  <td>
                    @if($n->status == 0)
                    <span class="badge-danger">Deactive</span>
                    @else
                      <span class="badge-success">Active</span>
                    @endif
                  </td>
                  <td style="display: flex;"> 

                  <!-- <form method="post" action="/gpclrmainportal/sip/{{$n->id}}">
                    @csrf @method('delete')
                    
                    <input type="hidden" name="id" value="{{$n->id}}">
                    <input type="hidden" name="status" value="{{$n->status}}">
                    <button  type="submit"  onclick="return confirm('Are you sure you want to  delete this record?');" style="border: none;background: transparent;">
                      <i class="far fa-trash-alt"></i>
                    </button>
                  </form> -->
                  <a href="/gpclrmainportal/sip/{{base64_encode($n->id)}}/edit"><i class="fas fa-pen-square"></i></a>
                    
                 <!-- <form method="post" action="/gpclrmainportal/sip/changestatus">
                    @csrf @method('post')
                    <input type="hidden" name="id" value="{{$n->id}}">
                    <input type="hidden" name="status" value="{{$n->status}}">
                   <button  style="border: none;background:transparent;" 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: 25px;color: #23bf08;"></i>
                      @else
                      <i class="fas fa-toggle-off" style="font-size: 25px;color: red;"></i>
                      @endif
                    </button>
                  </form>
       -->
                  </td>
                </tr>
               @endforeach
              </tbody>
            </table>
             @else
                <h4 class="text-center">No SIP Found</h4>
            @endif
            <br>
          </div>
        </div>
      </div>
   </div>
     
@endsection
@section('scripts')
<script>
  $(function() {
    $('.toggle-class').change(function() {
        var status = $(this).prop('checked') == true ? 1 : 0; 
        var user_id = $(this).data('id'); 
        //  alert(user_id);
        $.ajax({
            type: "GET",
            dataType: "json",
            url: '/changeStatus',
            data: {'status': status, 'user_id': user_id},
            success: function(data){
              // console.log(data.success)
            }
        });
    })
  })
</script>

<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