@extends('bucketadmin.master')
@section('pageTitle', 'Productos')
@push('styles')
@endpush
@section('template-content')
@include('partials.messages')
<!--main content start-->
<products :data='{!! @json_encode($products) !!}'></products>
<div class="text-right">
                     {{$products->links()}}  
                </div>
<!--main content end-->
@endsection
@push('scripts')
<style>
.pagination {
    float: right;
}
.pagination>.active>span{
    background-color: #167787;
    border-color: #167787;
}
.label-info {
    background-color: #8175c7;
}
.jambo_table tbody tr:hover td {
    background: #fff1d0;
    border-top: 1px solid #ffdc8c;
    border-bottom: 1px solid #ffc848
}
.pagination>.active>span:hover {
    background-color: #167787;
    border-color: #167787;
}
.pagination li a {
    color: #32323a !important;
}
</style>
@endpush