@extends('layout.admin.master')



@section('meta-title', 'Best Sellers')

@section('body-class', 'menu-position-side menu-side-left full-screen with-content-panel')

@section('breadcrumbs')

  <li class="breadcrumb-item">

    <span>Best Sellers</span>

  </li>

@endsection

@push('asset-top')

    

@endpush



@section('content')

<div class="element-wrapper">

  <h6 class="element-header">

    Best Sellers

  </h6>

  <div class="element-box">

    <h5 class="form-header">

      <!-- List -->

    </h5>

    <!-- <div class="form-desc">You can put a table tag inside an <code>.element-box</code> class wrapper and add <code>.table</code> class to it to get something like this:

    </div> -->

    <!--------------------

    START - Controls Above Table

    -------------------->

    <div class="controls-above-table">

      <div class="row">

        <div class="col-sm-6">

          

          

          <!-- <a class="btn btn-sm btn-danger" href="#">Delete</a> -->

        </div>

        <!-- <div class="col-sm-6">

          <form class="form-inline justify-content-sm-end">

            <input class="form-control form-control-sm rounded bright" placeholder="Search" type="text">

            <select class="form-control form-control-sm rounded bright">

              <option selected="selected" value="">Select Status</option>

              <option value="Pending">Pending</option>

              <option value="Active">Active</option>

              <option value="Cancelled">Cancelled</option>

            </select>

          </form>

        </div> --!>

      </div>

    </div>

    <!--------------------

    END - Controls Above Table

    -------------------->

    <div class="table-responsive">

      <!--------------------

      START - Basic Table

      -------------------->

      <table class="table table-lightborder">

        <thead>

          <tr>

            <th class="">#</th>

            <th>#</th>

            <th>Total Products</th>


            <th class="text-right">Action</th>

          </tr>

        </thead>

        <tbody>



            <tr>

         



              <td>#</td>

              <td>Best Sellers</td>

              <td>{{count($productsell)}}</td>





              <td class="row-actions text-right">
{{--  --}}
                <a href="{{route(session('role').'.viewbestsaller')}}"><i class="os-icon os-icon-ui-49"></i></a>

              </td>

            </tr>



        </tbody>

      </table>



      <!--------------------

      END - Basic Table

      -------------------->

    </div>

    <div class="ar-pagination">



      </div>

  </div>

</div>



@endsection