@extends('layouts.system')
@section('content')
    <!-- ============================================================== -->
    <!-- pageheader  -->
    <!-- ============================================================== -->
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="page-header">
                <h3 class="mb-2">Products</h3>
                {{--<p class="pageheader-text">Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.</p>--}}
                <div class="page-breadcrumb">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Dashboard</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Finance Dashboard Template</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end pageheader  -->
    <!-- ============================================================== -->
    <div class="row">

        <!--<div class="offset-xl-10 col-xl-2 col-lg-2 col-md-6 col-sm-12 col-12">

            <form>
                <div class="form-group">
                    <input class="form-control" type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
                </div>
            </form>
        </div>-->

    </div>
    <div class="row">
        <div class="col-xl-12 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">

                <div class="card-body">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">Id</th>
                            <th scope="col">Nome</th>
                            <th scope="col">Email</th>
                            <th scope="col">Produtos</th>
                            <th scope="col">Imagens</th>
                            <th scope="col">Pedidos</th>

                        </tr>
                        </thead>
                        <tbody>

                        @foreach($clients as $client)
                            <tr>
                                <td>{{$client['id']}}</td>
                                <td>{{$client['name']}}</td>
                                <td>{{$client['email']}}</td>




                                <td>
                                    <a href="/home/products/json/{{$client['id']}}?page=1" class="btn btn-xs btn-primary"><i class="fa  fa-eye" style="padding-right: 5px"></i>Detalhes</a>
                                </td>
                                <td>
                                    <a href="#" class="btn btn-xs btn-primary"><i class="fa  fa-eye" style="padding-right: 5px"></i>Detalhes</a>
                                </td>
                                <td>
                                    <a href="#" class="btn btn-xs btn-primary"><i class="fa  fa-eye" style="padding-right: 5px"></i>Detalhes</a>
                                </td>



                            </tr>
                        @endforeach


                        </tbody>
                    </table>

                </div>

                <div class="card-footer text-center bg-white">

                </div>
            </div>
        </div>

    </div>


@endsection