@extends('layouts.system_guest')
@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">Orders</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">Orders</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 class="form-inline">

                <div class="form-group mx-sm-3 mb-2">
                    <input class="form-control" type="text" name="order"placeholder="Pesquise o Pedido"/>
                </div>
                <button type="submit" class="btn btn-primary mb-2"><i class="fa fa-search" aria-hidden="true"></i></button>
            </form>
        </div>

    </div>
    <div class="row">
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Pedidos Realizados</h5>
                <div class="card-body">
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{$complete}}</h1>
                    </div>
                    <div class="metric-label d-inline-block float-right text-success font-weight-bold">
                        <span class="ml-1">{{$completepercent}}%</span>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Pedidos Em Andamento</h5>
                <div class="card-body">
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{$andamento}}</h1>
                    </div>
                    <div class="metric-label d-inline-block float-right text-warning font-weight-bold">
                        <span class="ml-1">{{$andamentopercent}}%</span>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Pedidos Cancelados</h5>
                <div class="card-body">
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">{{$canceled}}</h1>
                    </div>
                    <div class="metric-label d-inline-block float-right text-danger font-weight-bold">
                        <span class="ml-1">{{$canceledpercent}}%</span>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Valor Total Dos Pedidos</h5>
                <div class="card-body">
                    <div class="metric-value d-inline-block">
                        <h1 class="mb-1">R$: {{$totalvalue}}</h1>
                    </div>
                    <div class="metric-label d-inline-block float-right text-success font-weight-bold">
                        <!--<span class="icon-circle-small icon-box-xs text-success bg-success-light"><i class="fa fa-fw fa-arrow-up"></i></span> <span class="ml-1">25%</span>-->
                    </div>
                </div>

            </div>
        </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">@if(!empty($order_id))Busca por "{{$order_id}}" : @endif {{$total}} Pedidos</h5>

                <div class="card-body">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">Cliente</th>
                            <th scope="col">id</th>
                            <th scope="col">id do pedido</th>
                            <th scope="col">código do pedido</th>
                            <th scope="col">Nome do comprador</th>
                            <th scope="col">CPF</th>
                            <th scope="col">Valor do pedido</th>
                            <th scope="col">Valor do frete</th>
                            <th scope="col">Status atual</th>
                            <th scope="col">Atividade</th>
                            <th scope="col">Data</th>


                        </tr>
                        </thead>
                        <tbody>

                        @foreach($orders as $order)
                            @if(date('d/m/Y', strtotime($order->created_at)) ==  date("d/m/Y"))
                                <tr class="table-success">
                            @else
                                <tr>
                                    @endif
                                    <td>{{$order->name}}</td>
                                    <td>{{$order->id}}</td>
                                    <td>{{$order->order_id}}</td>
                                    <td>{{$order->increment_id}}</td>
                                    <td>{{$order->customer_firstname}} {{$order->customer_lastname}}</td>
                                    <td>{{$order->CPF}}</td>
                                    <td>R$: {{$order->base_subtotal}}</td>
                                    <td>R$: {{$order->shipping_amount}}</td>
                                    <td>{{$order->status}}</td>
                                    <td>@if($order->activity == '1')
                                            <span class="text-success ml-1">Sem atividades pendentes</span>
                                        @elseif($order->activity == '6')
                                            <span class="text-warning ml-1">Criar pedido na Fullhub</span>
                                        @elseif($order->activity == '7')
                                            <span class="text-warning ml-1">Atualizar pedido na Fuhllhub</span>
                                        @elseif($order->activity == '8')
                                            <span class="text-warning ml-1"> Atualizar pedido no magento</span>
                                        @elseif($order->activity == '9')
                                            <span class="text-muted ml-1"> Pedido Cancelado</span>
                                        @elseif($order->activity == '400')
                                            <span class="text-danger ml-1">400 - Bad Request</span>
                                        @elseif($order->activity == '500')
                                            <span class="text-danger ml-1"> Erro 500 - Internal server error na FullHub</span>
                                    @endif
                                    <td>01/01/1970</td>





                                    {{--<td>--}}
                                    {{--<a href="/home/products/view/{{$client->id}}" class="btn btn-sm 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">
                    @if(!empty($_GET['order']))
                        <a href="{{ route('orders.index') }}" class="btn btn-primary mb-2"><i class="fa fa-arrow-left" aria-hidden="true"></i> Voltar</a>
                    @endif
                </div>
            </div>
        </div>

    </div>


@endsection

@section('javascript')
    <script type="text/javascript">
        var pageGenID = "";
        var processUpdate = function( response ) {


            var x=response;
//console.log(pageGenID); by removing the remarks you will see the compared numbers all the time.
//console.log(x);
            if ( pageGenID < x )
            {

                window.location.reload();


            }
        }

        var checkUpdates = function()
        {
            serverPoll = setInterval( function()
            {

                $.get('/api/count',
                    processUpdate, 'html');
            }, 60000 ) };
        $( document ).ready( checkUpdates );
    </script>


@endsection