@extends('company.layout.content')

@section('customTitle')
{{ __('general.homepage') }}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">

        @if (auth()->user()->company->subscribedTo("application"))
        <div class="row layout-top-spacing">
            <div class="col-12 col-sm-6 mb-3">
                <div class="widget-two">
                    <div class="widget-content">
                        <div class="w-numeric-value">
                            <div class="w-content">
                                <span class="w-value">{{ __('general.reservations_by_status') }}</span>
                            </div>
                            <div class="w-icon">
                                <i class="las la-calendar"></i>
                            </div>
                        </div>
                        <div class="w-chart">
                            <div class="daily-sales"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 mb-3" style="height: auto;">
                <div class="widget widget-chart-two">
                    <div class="widget-heading">
                        <h5 class="">{{ __('general.reservations_by_days') }}</h5>
                    </div>
                    <div class="widget-content" style="position: relative;">
                        <div class="daily_reservations_donut">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif



        @if (auth()->user()->company->subscribedTo("system"))
        <div class="row layout-top-spacing">
            <div class="col-12 col-sm-6 mb-3" style="height: auto;">
                <div class="widget-two">
                    <div class="widget-content">
                        <div class="w-numeric-value">
                            <div class="w-content">
                                <span class="w-value">{{ __('general.contracts_by_status') }}</span>
                            </div>
                            <div class="w-icon" style="background-color: rgba(71,224,159, 0.2)">
                                <i class="las la-calendar-check"></i>
                            </div>
                        </div>
                        <div class="w-chart">
                            <div class="daily-sales2"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 mb-3" style="height: auto;">
                <div class="widget widget-chart-two">
                    <div class="widget-heading">
                        <h5 class="">{{ __('general.contracts_by_days') }}</h5>
                    </div>
                    <div class="widget-content" style="position: relative;">
                        <div class="daily_contracts_donut">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        <div class="row layout-top-spacing">
            <div class="col-12 " style="height: auto;">
                <div class="widget widget-chart-one">
                    <div class="widget-heading">
                    </div>
                    <div class="widget-content" style="position: relative;">
                        <div class="ratings_chart"></div>
                    </div>
                </div>
            </div>
        </div>

        @if (auth()->user()->company->subscribedTo("application"))
        <div class="row layout-top-spacing">
            <div class="col-12 d-flex flex-wrap justify-content-between">
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-stopwatch" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.current_reservations') }}</p>
                                    <p>{{ $current_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-clock" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.upcoming_reservations') }}</p>
                                    <p>{{ $coming_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-ban" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.canceled_reservations') }}</p>
                                    <p>{{ $canceled_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-check-circle" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.finished_reservations') }}</p>
                                    <p>{{ $finished_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row layout-top-spacing">
            <div class="col-12 d-flex flex-wrap justify-content-between">
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.daily_reservations') }}</p>
                                    <p>{{ $daily_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.weekly_reservations') }}</p>
                                    <p>{{ $weekly_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.monthly_reservations') }}</p>
                                    <p>{{ $monthly_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.yearly_reservation') }}</p>
                                    <p>{{ $yearly_reservations }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if (auth()->user()->company->subscribedTo("system"))
        <div class="row layout-top-spacing">
            <div class="col-12 d-flex flex-wrap justify-content-between">
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-clock" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.pending_contracts') }}</p>
                                    <p>{{ $pending_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-sync-alt" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.opened_contracts') }}</p>
                                    <p>{{ $opened_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-ban" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.canceled_contracts') }}</p>
                                    <p>{{ $canceled_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-check-circle" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.finished_contracts') }}</p>
                                    <p>{{ $closed_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row layout-top-spacing">
            <div class="col-12 d-flex flex-wrap justify-content-between">
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.daily_contracts') }}</p>
                                    <p>{{ $daily_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.weekly_contracts') }}</p>
                                    <p>{{ $weekly_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.monthly_contracts') }}</p>
                                    <p>{{ $monthly_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                    <div class="card" style="height:100px;">
                        <div class="card-body">
                            <div class="content d-flex justify-content-around">
                                <i class="las la-bookmark" style="font-size: 50px"></i>
                                <div class="d-flex flex-column align-items-center">
                                    <p>{{ __('general.yearly_contracts') }}</p>
                                    <p>{{ $yearly_contracts }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

{{--         @if ($is_senior_management && auth()->user()->company->subscribedTo("application"))
        <div class="row layout-top-spacing">
            <div class="col-12  layout-spacing">
                <div class="widget-content widget-content-area br-6">
                    <div class="table-responsive">
                        <table id="reservationsTable" class="table table-hover dataTable text-center">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('company.Home.fields.Branch') }}</th>
                                    <th>{{ __('general.reservations Count') }}</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('company.Home.fields.Branch') }}</th>
                                    <th>{{ __('general.reservations Count') }}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing">
                <div class="widget-content widget-content-area br-6">
                    <div class="table-responsive">
                        <table id="ratingsTable" class="table table-hover dataTable text-center">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('company.Home.fields.Branch') }}</th>
                                    <th>{{ __('company.Home.fields.Rating') }}</th>
                                </tr>
                            </thead>

                            <tfoot>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('company.Home.fields.Branch') }}</th>
                                    <th>{{ __('company.Home.fields.Rating') }}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @endif --}}
    </div>
</div>
@endsection

@section('customScript')

<script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js"></script>
<script>
    $("#home-menu-box").attr("data-active", "true");
</script>

<script>
    initializeDataTable("#reservationsTable", {
        columns: [{
                data: "id",searchable: false, orderable: false
            },
            {
                data: "branch",searchable: false, orderable: false
            },
            {
                data: "contracts_count",searchable: false, orderable: false
            },
        ],
        searching:false
    }, {
        subPlace: "home_reservations"
    });

    initializeDataTable("#ratingsTable", {
        columns: [{
                data: "id",searchable: false, orderable: false
            },
            {
                data: "branch",searchable: false, orderable: false
            },
            {
                data: "ratings_count",searchable: false, orderable: false
            },
        ],
        searching:false
    }, {
        subPlace: "home_ratings"
    });
</script>

<script>
    apexBarChart(['#e2a03f', '#e0e6ed'], [{{ $current_reservations }}, {{ $coming_reservations }},
            {{ $canceled_reservations }}, {{ $finished_reservations }}
        ], [{{ $total_of_reservations }}, {{ $total_of_reservations }}, {{ $total_of_reservations }},
            {{ $total_of_reservations }}
        ], ["{{ __('general.current_reservations') }}",
            "{{ __('general.upcoming_reservations') }}",
            "{{ __('general.canceled_reservations') }}",
            "{{ __('general.finished_reservations') }}"
        ], ".daily-sales");

        apexBarChart(['#47E09F', '#e0e6ed'], [{{ $pending_contracts }}, {{ $opened_contracts }},
            {{ $closed_contracts }}, {{ $canceled_contracts }}
        ], [{{ $total_of_contracts }}, {{ $total_of_contracts }}, {{ $total_of_contracts }},
            {{ $total_of_contracts }}
        ], ["{{ __('general.pending_contracts') }}",
            "{{ __('general.opened_contracts') }}",
            "{{ __('general.canceled_contracts') }}",
            "{{ __('general.finished_contracts') }}"
        ], ".daily-sales2");

        apexDonutChart(['#e2a03f', '#5c1ac3', '#e7515a'], ["{{ __('general.daily') }}",
                "{{ __('general.weekly') }}", "{{ __('general.monthly') }}"
            ], [{{ $daily_reservations }}, {{ $weekly_reservations }}, {{ $monthly_reservations }}],
            ".daily_reservations_donut");

        apexDonutChart(['#47E09F', '#E04788', '#D4E047'], ["{{ __('general.daily') }}",
                "{{ __('general.weekly') }}", "{{ __('general.monthly') }}"
            ], [{{ $daily_contracts }}, {{ $weekly_contracts }}, {{ $monthly_contracts }}],
            ".daily_contracts_donut");


    @if (auth()->user()->company->subscribedTo("application & system"))
    apexWindingChart(['#1b55e2', '#e7515a'], ["{{ __('general.reservations') }}",
            "{{ __('general.contracts') }}"
        ], [{{ isset($reservations_all_mounth[1]) ? count($reservations_all_mounth[1]) : 0 }},
            {{ isset($reservations_all_mounth[2]) ? count($reservations_all_mounth[2]) : 0 }},
            {{ isset($reservations_all_mounth[3]) ? count($reservations_all_mounth[3]) : 0 }},
            {{ isset($reservations_all_mounth[4]) ? count($reservations_all_mounth[4]) : 0 }},
            {{ isset($reservations_all_mounth[5]) ? count($reservations_all_mounth[5]) : 0 }},
            {{ isset($reservations_all_mounth[6]) ? count($reservations_all_mounth[6]) : 0 }},
            {{ isset($reservations_all_mounth[7]) ? count($reservations_all_mounth[7]) : 0 }},
            {{ isset($reservations_all_mounth[8]) ? count($reservations_all_mounth[8]) : 0 }},
            {{ isset($reservations_all_mounth[9]) ? count($reservations_all_mounth[9]) : 0 }},
            {{ isset($reservations_all_mounth[10]) ? count($reservations_all_mounth[10]) : 0 }},
            {{ isset($reservations_all_mounth[11]) ? count($reservations_all_mounth[11]) : 0 }},
            {{ isset($reservations_all_mounth[12]) ? count($reservations_all_mounth[12]) : 0 }}
        ], [{{ isset($contracts_all_mounth[1]) ? count($contracts_all_mounth[1]) : 0 }},
            {{ isset($contracts_all_mounth[2]) ? count($contracts_all_mounth[2]) : 0 }},
            {{ isset($contracts_all_mounth[3]) ? count($contracts_all_mounth[3]) : 0 }},
            {{ isset($contracts_all_mounth[4]) ? count($contracts_all_mounth[4]) : 0 }},
            {{ isset($contracts_all_mounth[5]) ? count($contracts_all_mounth[5]) : 0 }},
            {{ isset($contracts_all_mounth[6]) ? count($contracts_all_mounth[6]) : 0 }},
            {{ isset($contracts_all_mounth[7]) ? count($contracts_all_mounth[7]) : 0 }},
            {{ isset($contracts_all_mounth[8]) ? count($contracts_all_mounth[8]) : 0 }},
            {{ isset($contracts_all_mounth[9]) ? count($contracts_all_mounth[9]) : 0 }},
            {{ isset($contracts_all_mounth[10]) ? count($contracts_all_mounth[10]) : 0 }},
            {{ isset($contracts_all_mounth[11]) ? count($contracts_all_mounth[11]) : 0 }},
            {{ isset($contracts_all_mounth[12]) ? count($contracts_all_mounth[12]) : 0 }}
        ], "{{ __('general.monthly Measure Of Contracts And Reservations') }}", ".ratings_chart");

        @elseif (auth()->user()->company->subscribedTo("application_only"))
        apexLineChart(
            ['#1b55e2'],
            ["{{ __('general.reservations') }}"],
            [
            {{ isset($reservations_all_mounth[1]) ? count($reservations_all_mounth[1]) : 0 }},
            {{ isset($reservations_all_mounth[2]) ? count($reservations_all_mounth[2]) : 0 }},
            {{ isset($reservations_all_mounth[3]) ? count($reservations_all_mounth[3]) : 0 }},
            {{ isset($reservations_all_mounth[4]) ? count($reservations_all_mounth[4]) : 0 }},
            {{ isset($reservations_all_mounth[5]) ? count($reservations_all_mounth[5]) : 0 }},
            {{ isset($reservations_all_mounth[6]) ? count($reservations_all_mounth[6]) : 0 }},
            {{ isset($reservations_all_mounth[7]) ? count($reservations_all_mounth[7]) : 0 }},
            {{ isset($reservations_all_mounth[8]) ? count($reservations_all_mounth[8]) : 0 }},
            {{ isset($reservations_all_mounth[9]) ? count($reservations_all_mounth[9]) : 0 }},
            {{ isset($reservations_all_mounth[10]) ? count($reservations_all_mounth[10]) : 0 }},
            {{ isset($reservations_all_mounth[11]) ? count($reservations_all_mounth[11]) : 0 }},
            {{ isset($reservations_all_mounth[12]) ? count($reservations_all_mounth[12]) : 0 }}
        ], "{{ __('general.monthly Measure Of Reservations') }}", ".ratings_chart");

        @elseif (auth()->user()->company->subscribedTo("system_only"))

        apexLineChart(
            [ '#e7515a'],
            ["{{ __('general.contracts') }}"],
            [{{ isset($contracts_all_mounth[1]) ? count($contracts_all_mounth[1]) : 0 }},
            {{ isset($contracts_all_mounth[2]) ? count($contracts_all_mounth[2]) : 0 }},
            {{ isset($contracts_all_mounth[3]) ? count($contracts_all_mounth[3]) : 0 }},
            {{ isset($contracts_all_mounth[4]) ? count($contracts_all_mounth[4]) : 0 }},
            {{ isset($contracts_all_mounth[5]) ? count($contracts_all_mounth[5]) : 0 }},
            {{ isset($contracts_all_mounth[6]) ? count($contracts_all_mounth[6]) : 0 }},
            {{ isset($contracts_all_mounth[7]) ? count($contracts_all_mounth[7]) : 0 }},
            {{ isset($contracts_all_mounth[8]) ? count($contracts_all_mounth[8]) : 0 }},
            {{ isset($contracts_all_mounth[9]) ? count($contracts_all_mounth[9]) : 0 }},
            {{ isset($contracts_all_mounth[10]) ? count($contracts_all_mounth[10]) : 0 }},
            {{ isset($contracts_all_mounth[11]) ? count($contracts_all_mounth[11]) : 0 }},
            {{ isset($contracts_all_mounth[12]) ? count($contracts_all_mounth[12]) : 0 }}
        ], "{{ __('general.monthly Measure Of Contracts') }}", ".ratings_chart");



    @endif


</script>
@endsection