@extends('admin.master')
@section('content')
<section id="dashboard-content">
    <div id="home" class="col-xs-12 section-content">
        <h1 class="page-title">Olá, {{$user->name}}!</h1>
        <div class="row">
            <div id="home-content" class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="news-content_wrapper box-content">
                            <div class="row">
                                <div class="col-xs-12 news-content_title box-title">
                                    <h2 class="content-title title-cinza">Atualizações</h2>
                                    <span class="main-button btn-transparente">
                                        <span class="btn-inner_label">Período:</span>
                                        <select class="select" id="period">
                                            <option value="day" selected>Hoje</option>
                                            <option value="yesterday">Ontem</option>
                                            <option value="week">Última semana</option>
                                            <option value="month">Último mês</option>
                                            <option value="all">Tudo</option>
                                        </select>
                                    </span>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-xs-12 news-content_body">
                                    <div class="row">
                                        <div class="col-sm-4 col-md-3 news-graphic_info">
                                            <div class="ngi-label-top upper">
                                                <span><b>Novos</b></span>
                                                <b>Cadastros</b>
                                            </div>
                                            <span class="ngi-circle" id="dealership">
                                            </span>
                                            <div class="ngi-label upper">
                                                <div id="dealership_types"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-md-3 news-graphic_info">
                                            <div class="ngi-label-top upper">
                                                <span><b>Vendas</b></span>
                                                <b>Realizadas</b>
                                            </div>
                                            <span class="ngi-circle" id="sell">
                                            </span>
                                            <div class="ngi-label upper">
                                                <!--<div id="sell_types"></div> -->
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-md-3 news-graphic_info">
                                            <div class="ngi-label-top upper">
                                                <span><b>Novos</b></span>
                                                <b>Anúncios</b>
                                            </div>
                                            <span class="ngi-circle" id="ad">
                                            </span>
                                            <div class="ngi-label upper">
                                                <div id="ad_types"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-md-3 news-graphic_info">
                                            <div class="ngi-label-top upper">
                                                <span><b>Novas</b></span>
                                                <b>Negociações</b>
                                            </div>
                                            <span class="ngi-circle" id="rooms">
                                            </span>
                                            <div class="ngi-label upper">
                                                <div id="room_types"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="graphic-content_wrapper box-content">
                            <div class="row">
                                <div class="col-xs-12 graphic-content_title box-title">
                                    <select class="noSelect2">
                                        <option selected>Vendas realizadas</option>
                                    </select>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-xs-12 graphic-content_body">
                                    <div class="ct-chart"></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@stop
@section('scripts')
    <script>

        function getMeta(period) {
            $.ajax({
                url: "{{ url('admin/dataindex') }}/"+period,
                type: 'GET',
                dataType: 'json',
            }).done(function(result) {
                $('#dealership').html(result.dealership);
                var qty = '';
                $.each(result.dealership_types, function(id, type) {
                    qty += '<span><b>' + type.name +  ':</b> ' + type.quantity +  '</span>' ;
                    //console.log(JSON.stringify(type));
                });
                $('#sell').html(result.sell);
                var qts = '';
                $.each(result.sell_types, function(id, type) {
                    qts += '<span><b>' + type.name +  ':</b> ' + type.quantity +  '</span>' ;
                });
                var qta = '';
                $.each(result.ad_types, function(id, type) {
                    qta += '<span><b>' + type.name +  ':</b> ' + type.quantity +  '</span>' ;
                });
                $('#ad').html(result.ad);
                $("#rooms").html(result.rooms);
                $('#dealership_types').html(qty);
                $('#sell_types').html(qts);
                $('#ad_types').html(qta);
            }).fail(function() {
                console.log("error");
            });
        }



        $(document).ready( function (){
            getMeta('day');

            $('#period').change(function(){
                getMeta(this.value);
            });
        });
    </script>
    <script src="{{asset('/js/app2.js')}}"></script>
@stop