@extends('company.layout.master')
@push('css')
        <link href="https://adminlte.io/themes/AdminLTE/bower_components/morris.js/morris.css">
    @endpush
@section('content')

    <div class="wrap">
        <section class="app-content">
            <h3>@lang('admin.company_sales')</h3>
        </section><!-- #dash-content -->
        <div class="row">
            <div class="col-md-4 col-sm-6" style="float: {{ app()->getLocale() == 'ar' ? 'right' : 'left' }}">
                <div class="widget stats-widget">
                    <div class="widget-body clearfix">
                        <div class="pull-left"><h3 class="widget-title text-primary"><span class="counter"
                                                                                           data-plugin="counterUp">{{ $tott }}</span>
                            </h3><small class="text-color">@lang('admin.total_sales')</small></div>
                        <span class="pull-right big-icon watermark"><i class="fa fa-dollar"></i></span></div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6" style="float: {{ app()->getLocale() == 'ar' ? 'right' : 'left' }}">
                <div class="widget stats-widget">
                    <div class="widget-body clearfix">
                        <div class="pull-left"><h3 class="widget-title text-danger"><span class="counter"
                                                                                          data-plugin="counterUp">{{ $refused }}</span>
                            </h3><small class="text-color">@lang('admin.refused_products')</small></div>
                        <span class="pull-right big-icon watermark"><i class="fa fa-ban"></i></span></div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6" style="float: {{ app()->getLocale() == 'ar' ? 'right' : 'left' }}">
                <div class="widget stats-widget">
                    <div class="widget-body clearfix">
                        <div class="pull-left"><h3 class="widget-title text-success"><span class="counter"
                                                                                           data-plugin="counterUp">{{ $notDelivered }}</span>
                            </h3><small class="text-color">@lang('admin.not_delivered_products')</small></div>
                        <span class="pull-right big-icon watermark"><i class="fa fa-unlock-alt"></i></span></div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12" style="float: right">
        <div class="widget">
            <header class="widget-header">
                <h4 class="widget-title">@lang('admin.products')</h4>
            </header><hr class="widget-separator">
            <div class="widget-body">
                <div class="table-responsive">
                    <table id="productTable" class="table table-striped table-bordered" style="width:100%">
                        <thead>
                        <tr>
                            <th>@lang('admin.id')</th>
                            <th>@lang('admin.name')</th>
                            <th>@lang('admin.stoke')</th>
                            <th>@lang('admin.price')</th>
                            <th>@lang('admin.discount')</th>
                            <th>@lang('admin.action')</th>

                        </tr>
                        </thead>
                        <tbody>
                        @foreach($products as $product)
                            <tr>
                                <td class="text-primary">{{$product->id}}</td>
                                <td>{{$product->name}}</td>
                                <td>{{$product->stoke}}</td>
                                <td>{{$product->price}}</td>
                                <td>{{$product->discount}}</td>
                                <td>
{{--                                    <form action="{{route('products.destroy',$product->id)}}" style="display: inline-block">--}}
{{--                                        @csrf--}}
{{--                                        @method('delete')--}}
{{--                                        <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></button>--}}
{{--                                    </form>--}}

{{--                                    <a href="{{route('products.edit',$product->id)}}" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i></a>--}}

                                    @if($product->status == 'pending')
                                        <button type="submit" class="btn btn-danger btn-sm stat" disabled><span>@lang('admin.pending')</span></button>

{{--                                        <form action="{{route('products-active',$product->id)}}" class="stat" method="post" style="display: inline-block">--}}
{{--                                            @method('post')--}}
{{--                                            @csrf--}}
{{--                                            <input type="hidden" name="unactive" value="active">--}}
{{--                                            <button type="submit" class="btn btn-success btn-sm stat"><i class="fa fa-lock"></i></button>--}}
{{--                                        </form>--}}

                                    @elseif($product->status == 'active')
                                        <button type="submit" class="btn btn-success btn-sm stat" disabled><span>@lang('admin.active')</span></button>

{{--                                        <form action="{{route('products-active',$product->id)}}" class="stat" method="post" style="display: inline-block">--}}
{{--                                            @method('post')--}}
{{--                                            @csrf--}}
{{--                                            <input type="hidden" name="unactive" value="pending">--}}
{{--                                            <button type="submit" class="btn btn-success btn-sm stat"><i class="fa fa-unlock"></i></button>--}}
{{--                                        </form>--}}
                                    @endif

                                </td>
                            </tr>

                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{{--    <div class="col-md-6" style="float: right">--}}
{{--        <div class="widget">--}}
{{--            <header class="widget-header">--}}
{{--                <h4 class="widget-title">@lang('admin.clients')</h4>--}}
{{--            </header><hr class="widget-separator">--}}
{{--            <div class="widget-body">--}}
{{--                <div class="table-responsive" >--}}
{{--                    <table id="clientTable" class="table table-striped table-bordered" style="width:100%">--}}

{{--                        <thead>--}}
{{--                        <tr>--}}
{{--                            <th>@lang('admin.id')</th>--}}
{{--                            <th>@lang('admin.name')</th>--}}
{{--                            <th>@lang('admin.email')</th>--}}
{{--                            <th>@lang('admin.phone')</th>--}}
{{--                            <th>@lang('admin.status')</th>--}}
{{--                            <th>@lang('admin.action')</th>--}}
{{--                        </tr>--}}
{{--                        </thead>--}}
{{--                        <tbody>--}}
{{--                        @foreach($users as $user)--}}
{{--                            <tr>--}}
{{--                                <td class="text-primary">{{$user->id}}</td>--}}
{{--                                <td>{{$user->name}}</td>--}}
{{--                                <td>{{$user->email}}</td>--}}
{{--                                <td>{{substr($user->phone,4)}}</td>--}}
{{--                                <td>--}}
{{--                                    @if($user->status == 1)--}}
{{--                                        <span class="badge badge-success">@lang('admin.active')</span>--}}
{{--                                    @else--}}
{{--                                        <span class="badge badge-danger">@lang('admin.unActive')</span>--}}
{{--                                    @endif--}}
{{--                                </td>--}}
{{--                                <td>--}}
{{--                                    <form action="{{route('clients.destroy',$user->id)}}" style="display: inline-block">--}}
{{--                                        @csrf--}}
{{--                                        @method('delete')--}}
{{--                                        <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></button>--}}
{{--                                    </form>--}}
{{--                                    <a href="{{route('clients.edit',$user->id)}}" class="btn btn-warning btn-sm"><i class="fa fa-edit"></i></a>--}}

{{--                                    @if ($user->status == 0)--}}

{{--                                        <form action="{{route('clients.show',$user->id)}}" class="stat" method="post" style="display: inline-block">--}}
{{--                                            <input type="hidden" name="_method" value="get">--}}
{{--                                            <input type="hidden" name="unactive" value="1">--}}
{{--                                            <button type="submit" class="btn btn-success btn-sm stat"><i class="fa fa-lock"></i></button>--}}
{{--                                        </form>--}}

{{--                                    @else--}}

{{--                                        <form action="{{route('clients.show',$user->id)}}" class="stat" method="post" style="display: inline-block">--}}
{{--                                            <input type="hidden" name="_method" value="get">--}}
{{--                                            <input type="hidden" name="unactive" value="0">--}}
{{--                                            <button type="submit" class="btn btn-success btn-sm"><i class="fa fa-unlock"></i></button>--}}
{{--                                        </form>--}}

{{--                                    @endif--}}
{{--                                </td>--}}
{{--                            </tr>--}}

{{--                        @endforeach--}}
{{--                        </tbody>--}}
{{--                    </table>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <div class="wrap">--}}
{{--        <div class="row">--}}

{{--            <div class="col-md-12">--}}
{{--                <!-- LINE CHART -->--}}
{{--                <div class="box box-info">--}}
{{--                    <div class="box-header with-border">--}}
{{--                        <h3 class="box-title">Line Chart</h3>--}}
{{--                    </div>--}}
{{--                    <div class="box-body chart-responsive">--}}
{{--                        <div class="chart" id="line-chart" style="height: 250px;"></div>--}}

{{--                    </div>--}}
{{--                    <!-- /.box-body -->--}}
{{--                </div>--}}
{{--                <!-- /.box -->--}}
{{--            </div>--}}

{{--        </div>--}}
{{--    </div>--}}


@endsection
@push('js')
    <script>
        $(document).ready(function() {
            var table = $('#productTable').DataTable();
        } );

        $(document).ready(function() {
            $('#clientTable').DataTable();
        } );

        $('body').on('submit','#delform',function (e) {
            e.preventDefault();
            var url = $(this).attr('action');
            // alert(url);

            $.ajax({
                url: url,
                method: "delete",
                data: {
                    _token: '{{ csrf_token() }}',
                },
                success: function (response) {

                    if (response.status == 'success'){
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text: "تم الحذف بنجاح",
                            timeout: 2000,
                            killer: true
                        }).show();
                        window.location.reload();
                    }
                    // console.log(response);
                    // window.location.reload();
                }
            });
        });

        $('body').on('submit','.stat',function (e) {
            e.preventDefault();

            var url = $(this).attr('action');

            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',

                cache       : false,
                contentType : false,
                processData : false,

                success: function (response) {
                    if(response.status == 'failed'){
                        new Noty({
                            type: 'warning',
                            layout: 'topRight',
                            text: "@lang('admin.failed')",
                            timeout: 2000,
                            killer: true
                        }).show();
                    }else{
                        if(response.status == 'success'){
                            new Noty({
                                type: 'success',
                                layout: 'topRight',
                                text: "@lang('admin.done_the_statues_is_changed')",
                                timeout: 2000,
                                killer: true
                            }).show();
                            window.location.reload();

                        }

                        // $("#addform")[0].reset();
                    }
                    // window.location.reload();
                },

            });

        });

        table.ajax.reload();
    </script>

@endpush

{{--@push('js')--}}
{{--    <script src="https://adminlte.io/themes/AdminLTE/bower_components/raphael/raphael.min.js"></script>--}}
{{--    <script src="https://adminlte.io/themes/AdminLTE/bower_components/morris.js/morris.min.js"></script>--}}
{{--    <script>--}}

{{--        //line chart--}}
{{--        var line = new Morris.Line({--}}
{{--            element: 'line-chart',--}}
{{--            resize: true,--}}
{{--            data: [--}}
{{--                    @foreach ($sales_data as $data)--}}
{{--                {--}}
{{--                    ym: "{{ $data->year }}-{{ $data->month }}", sum: "{{ $data->sum }}"--}}
{{--                },--}}
{{--                @endforeach--}}
{{--            ],--}}
{{--            xkey: 'ym',--}}
{{--            ykeys: ['sum'],--}}
{{--            labels: ['@lang('admin.total')'],--}}
{{--            lineWidth: 2,--}}
{{--            hideHover: 'auto',--}}
{{--            gridStrokeWidth: 0.4,--}}
{{--            pointSize: 4,--}}
{{--            gridTextFamily: 'Open Sans',--}}
{{--            gridTextSize: 10--}}
{{--        });--}}
{{--    </script>--}}
{{--@endpush--}}