@extends('adminlte::page')
@section('title', $title)
@section('content_header')
    <h1 class="page-title">{{@$title}}</h1>
    <a class="page-btn" href="{{url('admin/products/add')}}"><button class="btn btn-block btn-default import-btn">Add</button></a>
@stop

@section('content')
@include('admin.includes.notification')
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <div class="card-tools">
          <form method="get" action="">
            <div class="input-group input-group-sm">
              <input type="text" name="name" class="form-control float-right" value="{{@$name}}" placeholder="Search">

              <div class="input-group-append">
                <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
              </div>
              @if(@$name!='')
              <a href="{{url('admin/products')}}" class="btn btn-primary btn-sm m-l-5">Clear</a>
              @endif
            </div>
          </form>
        </div>
      </div>
      <!-- /.card-header -->
      <div class="card-body table-responsive p-0">
        <table class="table table-hover">
          <thead>
            <tr>
              <th width="10%">Id</th>
              <th width="35%">Name</th>
              <th width="20%">Rate</th>
              <th class="status-td center" width="13%">Focus / Unfocus</th>
              <th class="status-td center" width="10%">Status</th>
              <th class="center" width="12%">Action</th>
            </tr>
          </thead>
          <tbody>
            @if(count(@$result)==0)
            <tr>
              <td class="center" colspan="5">No record found.</td>
            </tr>
            @else 
                        @foreach(@$result as $row)
            <tr id="data-{{$row->id}}">
              <td>{{++$j}}</td>
              <td>{{$row->name}}</td>
              <td>{{$row->rate}}</td>
              <td class="status-td center">
                <div class="focus-switch {{($row->focus_unfocus=='focus')?'toggle-on':''}}">
                  <div class='toggle-text-off'>Unfocus</div>
                  <div class='glow-comp'></div>
                  <div class='toggle-button'></div>
                  <div class='toggle-text-on'>Focus</div>
                </div>
              </td>
              <td class="status-td center">
                <div class="switch {{($row->status=='enable')?'toggle-on':''}}">
                  <div class='toggle-text-off'>OFF</div>
                  <div class='glow-comp'></div>
                  <div class='toggle-button'></div>
                  <div class='toggle-text-on'>ON</div>
                </div>
              </td>
              <td class="center actions-td">
                <a href="javascript:;" class="delete" ><i class="fa fa-trash" aria-hidden="true"></i></a>
                <a href="{{url('admin/products/information/'.$row->id)}}" class="" ><i class="fa fa-eye" aria-hidden="true"></i></a>
              </td>
            </tr>
            @endforeach
            @endif
          </tbody>
        </table>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->
    <div class="pagination-wrapper">
      {{ $result->links() }}
    </div>
  </div>
</div>
<input type="hidden" id="tbl" value="{{@$tbl}}" />
@stop