@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">Clients</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">
                            {{--{{Request::segment('1')}}--}}
                            @foreach(Request::segments() as $segment)

                                <li class="breadcrumb-item">
                                    <a href="{{ $segment }}">{{$segment}}</a>
                                </li>
                                @endforeach
                        </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">
                <h5 class="card-header"><a href="{{ url('/home/clients/add') }}" class="btn btn-primary">Cadastrar</a></h5>
                <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">Explorar</th>
                            <th scope="col">Produtos integrados</th>
                            <th scope="col">Pedidos integrados</th>
                            <th scope="col">Imagens integradas</th>
                            <th scope="col">Configuração Básica da Loja</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/clients/integration-enterprises/view/{{$client->id}}"><span class="alert alert-primary padding-4"><i class="fa fa-search" aria-hidden="true"></i></span></a>
                                   </td>
                                    <td>{{$productsCount[$client->id]}}</td>
                                   <td>{{$ordersCount[$client->id]}}</td>
                                   <td>{{$imagesCount[$client->id]}}</td>
                                   {{--<td><!--<a href="/home/clients/delete/{{$client->id}}" class="btn btn-sm btn-danger">Excluir</a>--></td>--}}
                                   <td id="percentage_{{$client->id}}">
                                           <span id="configurations_{{$client->id}}"></span>% concluído
                                           <a href="/home/clients/store-configs/{{$client->id}}/{{$iei[$client->id]}}"><span class="pointer"><i class="fa fa-search" aria-hidden="true"></i></span></a>

                                   </td>
                                   

                                </tr>
                           @endforeach


                        </tbody>
                    </table>

                </div>

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

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

    </div>

    <!-- Modal -->
    <div class="modal fade" id="description" tabindex="-1" role="dialog" aria-labelledby="description" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="TituloModalCentralizado">Configurações Básicas da Loja</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="description-body">
                    <table class="table table-striped prod-description">
                        <thead>
                        <tr>
                            <th scope="col">Configuração</th>
                            <th scope="col">Valor</th>


                        </tr>
                        </thead>
                        <tbody id="content">
                        <tr>
                            <td>Nome da Loja</td>
                            <td>Loja Exemplo</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    {{--<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>--}}
                    {{--<button type="button" class="btn btn-primary">Salvar mudanças</button>--}}
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    @endsection
    @section('javascript'),
    <script type="text/javascript">
        function seeConfigs(id){
            //$("#content").html("");
            $('#description').modal('show');



        }

    </script>

    @endsection