@extends('admin.layouts.master')


@section('title')
    تقرير للفاروق
@endsection

@section('css')


@endsection


@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">تقرير للفاروق</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">تقرير للفاروق</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection


@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-4 col-6">
                                <!-- small box -->
                                <div class="small-box bg-info">
                                    <div class="inner">
                                        <h4>عدد المحادثات</h4>

                                        <p>{{$countAllMessages}}</p>
                                    </div>

                                </div>
                            </div>

                            <div class="col-lg-6 col-6">
                                <label>تقرير</label>
                                <select class="form-control p-1" name="report_id" id="report_id">
                                    <option value="" disabled selected>-- اختر من القائمة --</option>
                                    <option value="subscription">عدد المحادثات لكل عميل </option>
                                    <option value="channels">عدد الرسائل لكل القنوات</option>
                                    <option value="employees">عدد الرسائل لكل الموظفين</option>
                                    <option value="count_subscription">اجمالي العملاء</option>
                                    <option value="count_sales">اجمالي المبيعات</option>
                                    <option value="packages_count">اجمالي المنتجات</option>
                                </select>
                            </div>

                        </div>

                        <div id="subscription_section" style="display: none;">
                            <div class="row">
                                @foreach($subscription as $index => $row)
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-primary">
                                            <div class="inner">
                                                <h4>{{$index}}</h4>
                                                <p>{{countMessagesSubscription($row)}}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>


                        <div id="channels_section" style="display: none;">
                            <div class="row">
                                @foreach($channels as $index => $row)
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-warning">
                                            <div class="inner">
                                                <h4>{{$index}}</h4>
                                                <p>{{countMessagesChannel($row)}}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>


                        <div id="employees_section" style="display: none;">
                            <div class="row">
                                @foreach($employees as $index => $row)
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-success">
                                            <div class="inner">
                                                <h4>{{$index}}</h4>
                                                <p>{{countMessagesEmployees($row)}}</p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>


                        <div id="invoices_sum_amount" style="display: none;">
                            <div class="row" style="justify-content:center;">
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-yellow">
                                            <div class="inner">
                                                <h4>أجمالي المبيعات</h4>
                                                <p>{{$count_sales}} L.E</p>
                                            </div>
                                        </div>
                                    </div>

                            </div>
                        </div>

                        <div id="invoices_count_subscription" style="display: none;">
                            <div class="row">
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-primary">
                                            <div class="inner">
                                                <h4>أجمالي العملاء</h4>
                                                <p>{{$count_subscription}}</p>
                                            </div>
                                        </div>
                                    </div>

                            </div>
                        </div>


                        <div id="packages_section" style="display: none;">
                            <div class="row" style="justify-content:center;">
                                @foreach($packages as $index => $row)
                                    <div class="col-lg-4 col-6">
                                        <!-- small box -->
                                        <div class="small-box bg-info">
                                            <div class="inner">
                                                <h4>{{$index}}</h4>
                                                <p>{{countPackages($row)}} عدد المشتركين</p>
                                                <p>{{countPackagesSum($row)}} L.E</p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                    <div class="col-lg-4 col-6 text-center">
                                        <div class="small-box bg-success">
                                            <div class="inner">
                                                <h4>اجمالي المنتجات</h4>
                                                <p>{{countPackagesSumAll()}} L.E</p>
                                            </div>
                                        </div>
                                    </div>

                            </div>
                        </div>

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

@endsection


@section('js')
    <script>
        document.getElementById('report_id').addEventListener('change', function () {
            var report_id = this.value;
            document.getElementById('subscription_section').style.display = 'none';
            document.getElementById('channels_section').style.display = 'none';
            document.getElementById('employees_section').style.display = 'none';
            document.getElementById('invoices_sum_amount').style.display = 'none';
            document.getElementById('invoices_count_subscription').style.display = 'none';
            document.getElementById('packages_section').style.display = 'none';
            if (report_id === 'subscription') {
                document.getElementById('subscription_section').style.display = 'block';
            } else if (report_id === 'channels') {
                document.getElementById('channels_section').style.display = 'block';
            }else if (report_id === 'employees') {
                document.getElementById('employees_section').style.display = 'block';
            }else if (report_id === 'count_sales') {
                document.getElementById('invoices_sum_amount').style.display = 'block';
            }else if (report_id === 'count_subscription') {
                document.getElementById('invoices_count_subscription').style.display = 'block';
            }else if (report_id === 'packages_count') {
                document.getElementById('packages_section').style.display = 'block';
            }
        });
    </script>
@endsection