@extends('adminlayout.admin')

 @section('content')
<!-- Content Wrapper Start -->
<div class="content-wrapper">
<section class="content-header" style="float:right;">
   <a class="btn btn-lg btn-info" href="{{ route('add_sidebar')}}">
        <i class="fa fa-fw fa-plus"></i>
        Add Sidebar
        </a>
        
  </section>
  <BR><BR>
<style>
    .cursor{
        cursor: pointer;
    }
    .nk-content-fluid{
        margin-top: 65px;
        position: relative;
    }
 </style>

<section class="content">   
            <!-- .nk-block-head -->
    <div class="row">
      <div class="col-xs-12">		 
        <!-- /.card -->       
        <div class="box box-success">
          <div class="box-header">
            <h3 class="box-title">
                Sidebar list </h3>
          </div>
          <!-- /.card-header -->
            <div class="box-body">
            <div class="table-responsive"> 
			 <div id="supplier-supplier-list_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
            <table id="example1" class="table table-bordered table-striped table-responsive">
              <thead>
                <tr>
                     <th >S.no</th>
                     <th >Title</th>
                     <th >Parent</th>
                     <th >Child Parent</th>
                     <th >Path</th>
                     <th >Suffix</th>
                     <th >Order</th>
                     <th >Status</th>
                     <th >Action</th>
                </tr>
              </thead>
              <tbody>
                @php 
                 $i=1;
                @endphp
               @foreach($all_data as $data)
               <tr>
                                 <td>{{$i++}}</td>
                 <td></td>
                 <td>{{($data->parent_id )? $data->parent->title??'' : ''}}</td>
                 <td>{{($data->child_parent_id )? $data->child_parent->title : ''}}</td>
                 <td></td>
                 <td></td>
                 <td></td>
                 <td>
                 @if($data->is_active == 'ACTIVE')
                     &nbsp;&nbsp;<i class="fa fa-circle user-status-dot" style="color:green;" ></i>&nbsp;&nbsp;  {{'Active'}}
                 @else
                   <i class="fa fa-circle user-status-dot" style="color:red;"></i> {{'Inactive'}}
                 @endif
                 </td>
                 <td>
                  @if($data->is_active == 'ACTIVE')
                    <a class="text-decoration-none" href='{{ route("updateSidebarStatus",array($data->id,"INACTIVE"))}}'  class="text-decoration-none" >	
                        <button type="button" class="btn btn-warning waves-effect btn-sm">INACTIVE</button>
                    </a>
                  @else
                    <a class="text-decoration-none" href='{{ route("updateSidebarStatus",array($data->id,"ACTIVE"))}}'  class="text-decoration-none" >	
                        <button type="button" class="btn btn-success waves-effect btn-sm">ACTIVE</button>
                    </a>
                  @endif
                    <a class="text-decoration-none" href='{{ route("edit_sidebar",array($data->id))}}'  class="text-decoration-none" >	
                        <button type="button" class="btn btn-success waves-effect btn-sm">Edit</button>
                    </a>
                 </td>    
               </tr>
               @endforeach
              </tbody>
            </table>
          </div>
		  </div>
		  </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
      <!-- /.col -->
    </div>
    
</section>
</div>
<script>
  $('[data-fancybox]').fancybox({
  // Options will go here
  buttons : [
    'close'
  ],
  wheel : false,
  transitionEffect: "slide",
   // thumbs          : false,
  // hash            : false,
  loop            : true,
  // keyboard        : true,
  toolbar         : false,
  // animationEffect : false,
  // arrows          : true,
  clickContent    : false
});
</script>
@endsection