@extends('layouts.app')

@section('page-site-title')
    {{trans('dashboard.page_title')}}
@endsection

@section('page-title')
    {{trans('dashboard.content_title')}}
@endsection

@section('page_navbar')
    @include('layouts.widgets.page-navbar')
@endsection

@section('page_breadcrumb')
    @include('layouts.widgets.page-breadcrumb')
@endsection

@section('page_side')
    @include('layouts.widgets.page-side')
@endsection

@section('page-content')

    <div class="row">
        <div class="portlet light">
            <div class="portlet-body form" >
                <form class="form-horizontal" role="form" method="get" action="{{route('reports')}}">
                    <div class="form-body">
                        <div class="form-group">
{{--                            <div class="col-md-3">--}}
{{--                                <label class="col-md-2 control-label" for="mobile_number">موظف </label>--}}
{{--                                <div class="col-md-10">--}}
{{--                                    <select  id="id_operation" name="user_id" class="form-control" >--}}
{{--                                        <option value="">اختر موظف</option>--}}
{{--                                        @foreach($employees as $row)--}}
{{--                                            <option @if(request()->input('user_id')==$row->id) selected="selected" @endif value="{{$row->id}}">{{$row->name}}</option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-3">--}}
{{--                                <label class="col-md-2 control-label" for="mobile_number">منتج </label>--}}
{{--                                <div class="col-md-10">--}}
{{--                                    <select  id="id_operation" name="product_id" class="form-control" >--}}
{{--                                        <option value="">اختر منتج</option>--}}
{{--                                        @foreach($closes as $row)--}}
{{--                                            <option @if(request()->input('product_id')==$row->id) selected="selected" @endif value="{{$row->id}}">{{$row->title_ar}}</option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                            </div>--}}
                            <div class="col-md-4">
                                <label class="col-md-2 control-label" for="mobile_number">التاريخ </label>
                                <div class="col-md-10">
                                <div class="input-group" id="defaultrange">
                                    <input type="text" name="daterange" value="{{request()->input('daterange')}}" id="daterange" class="form-control">
                                    <span class="input-group-btn">
                                        <button class="btn red delete_date" type="button">
                                            <i class="fa fa-times"></i>
                                        </button>
                                    </span>
                                    <span class="input-group-btn">
                                        <button class="btn green date-range-toggle" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>

                                </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn red" style="width:100px;"><i class="fa fa-search"></i> {{trans('common.search')}} </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="dashboard-stat blue">
                <div class="visual">
                    <i class="fa fa-users"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="total_count" data-counter="counterup" data-value="{{$places}}">{{$places}}</span>
                    </div>
                    <div class="desc">عدد الاعلانات المنشورة </div>
                </div>
                <a class="more" >
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="dashboard-stat purple">
                <div class="visual">
                    <i class="fa shopping-cart"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$users}}">{{$users}}</span>
                    </div>
                    <div class="desc">عدد المتاجر المسجلين </div>
                </div>
                <a class="more">

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

        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="dashboard-stat yellow-gold">
                <div class="visual">
                    <i class="icon-graph"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$views}}">{{$views}}</span>
                    </div>
                    <div class="desc">عدد زيارات المتاجر </div>
                </div>
                <a class="more">

                </a>
            </div>
        </div>
    </div>
@endsection

@section('page-footer-js')
    <script type="application/javascript">
        var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
        var model_js_lang = {!! json_encode(trans('dashboard.js_lang'))  !!};
        var token_code='{{csrf_token()}}';
        var user_id = '{{Auth::user()->id}}';
        var assets_folder = '{{asset("assets/")}}';
    </script>
    <script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
    <script type = "text/javascript" src = "{{ asset('assets/global/plugins/datatables/datatables.min.js')}}" ></script>
    <script src = "{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type = "text/javascript" ></script>

    <script src="{{ asset('assets/global/plugins/moment.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/counterup/jquery.waypoints.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/counterup/jquery.counterup.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/echarts/echarts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/amcharts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/serial.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/pie.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/radar.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/light.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/patterns.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/chalk.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/ammap.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/maps/js/worldLow.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amstockcharts/amstock.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.resize.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.categories.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery.sparkline.min.js')}}" type="text/javascript"></script>

    <script src="{{ asset('assets/models/js/reports.js')}}" type="text/javascript"></script>
@endsection

@section('page-heads')

    <link href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/morris/morris.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/fullcalendar/fullcalendar.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/jqvmap/jqvmap/jqvmap.css') }}" rel="stylesheet" type="text/css" />
    @if(trans('app.dir') == 'rtl')
        <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
    @else
        <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
    @endif
@endsection