@extends('admin.template')

@section('title')
    Tableau de bord
@endsection

@section('main-content')
    <div class="row">
        <div class="col-xs-12">
            <div class="page-title-box">
                <h4 class="page-title">Tableau de bord</h4>
                <ol class="breadcrumb p-0 m-0">
                    <li>
                        <a href="#">{{config('app.name')}}</a>
                    </li>
                    <li>
                        <a href="#">Tableau de bord</a>
                    </li>
                    <li class="active">
                        Tableau de bord
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->


@endsection

@section('my-scripts')
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        google.charts.load('current', {'packages':['corechart']});

        $(document).ready(function () {

            $('#type_chart').on('change',function () {
                var req = $.ajax({
                    url: '{{url(config('app.admin_prefix').'/stat_visite')}}',
                    type: "GET",
                    data: {type_chart : $(this).val()},
                    dataType: "html"
                });

                req.done(function (response, textStatus, jqXHR) {
                    $('#container-chart').html(response);
                });
                req.fail(function (jqXHR, textStatus) {

                });
            });

            $('#type_chart').change();

            $(document).on('click','.btn-traiter',function (e) {

                e.preventDefault();
                client_info = $(this).attr('d-client');
                _id = $(this).attr('d-fid');

                statut = $(this).attr('d-statut');


                $('#client_info').html(client_info);
                $('#t_id').val(_id);
                $('#f_statut').val(statut);
                $('#opener-inscription').click();
            });
        });
    </script>
@endsection