@extends('admin.layout.master')
@section('title', 'Complain Dashboard')
@section('content')
    <div class="container-fluid">
        <div class="card sina-card">
            <div class="card-header d-flex justify-content-between">
                {{-- <div>
                    <h4>{{ __('obs.complain_dashboard') }}</h4>
                </div> --}}
                <div class="d-flex align-items-center gap-1">
                    <select name="warehouse_id" id="warehouse_id" class="form-control select_2" style="width: 200px">
                        <option value="">{{ __('obs.all') }}</option>
                        @foreach (adminAsignedWarehouseList()->where('type', 3)->where('status', 1) as $w)
                            <option value="{{ $w->id }}">{{ $w->name_eng }}</option>
                        @endforeach
                    </select>
                    <div>
                        <button class="btn btn-light" id="search_btn" onclick="loadData()">Filter</button>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row d-flex justify-content-center">
                    @php
                        $data = [];
                        if(checkAuthPermission('frontdesk.guest_complain.master_dashboard')){
                            $data[] = ['id' => null, 'title' => 'All'];
                            $data[] = ['id' => 'unassigned', 'title' => 'Unassigned', 'bg_class' => 'bg-warning', 'text-color' => 'text-dark', 'department_id' => null];
                        }
                        $common = [
                            ['id' => 'pending', 'title' => 'Pending', 'bg_class' => 'bg-danger', 'text-color' => 'text-white', 'department_id' => null],
                            ['id' => 'running', 'title' => 'In Progress', 'bg_class' => 'bg-primary', 'text-color' => 'text-white', 'department_id' => null],
                            ['id' => 'closed', 'title' => 'Completed', 'bg_class' => 'bg-success', 'text-color' => 'text-white', 'department_id' => null],
                            ['id' => 'total', 'title' => 'Total', 'bg_class' => 'bg-secondary', 'text-color' => 'text-white', 'department_id' => null]
                        ];
                        $data = array_merge($data, $common);

                        if(checkAuthPermission('frontdesk.guest_complain.master_dashboard')){
                            $hk_department_id = getOptionForeachByType(17)->where('other_info4', 'HK')->first()->id ?? null;
                            $mantenance_department_id = getOptionForeachByType(17)->where('other_info4', 'MAINTENANCE')->first()->id ?? null;
                            $data[] = ['id' => null, 'title' => 'Maintenance'];
                            $data[] = ['id' => 'maintenance_unassigned', 'title' => 'Unassigned', 'bg_class' => 'bg-warning', 'text-color' => 'text-dark', 'department_id' => $mantenance_department_id];
                            $data[] = ['id' => 'maintenance_pending', 'title' => 'Pending', 'bg_class' => 'bg-danger', 'text-color' => 'text-white', 'department_id' => $mantenance_department_id];
                            $data[] = ['id' => 'maintenance_running', 'title' => 'In Progress', 'bg_class' => 'bg-primary', 'text-color' => 'text-white', 'department_id' => $mantenance_department_id];
                            $data[] = ['id' => 'maintenance_closed', 'title' => 'Completed', 'bg_class' => 'bg-success', 'text-color' => 'text-white', 'department_id' => $mantenance_department_id];
                            $data[] = ['id' => 'maintenance_total', 'title' => 'Total', 'bg_class' => 'bg-secondary', 'text-color' => 'text-white', 'department_id' => $mantenance_department_id];
                            $data[] = ['id' => null, 'title' => 'HK', 'department_id' => null];
                            $data[] = ['id' => 'hk_unassigned', 'title' => 'Unassigned', 'bg_class' => 'bg-warning', 'text-color' => 'text-dark', 'department_id' => $hk_department_id];
                            $data[] = ['id' => 'hk_pending', 'title' => 'Pending', 'bg_class' => 'bg-danger', 'text-color' => 'text-white', 'department_id' => $hk_department_id];
                            $data[] = ['id' => 'hk_running', 'title' => 'In Progress', 'bg_class' => 'bg-primary', 'text-color' => 'text-white', 'department_id' => $hk_department_id];
                            $data[] = ['id' => 'hk_closed', 'title' => 'Completed', 'bg_class' => 'bg-success', 'text-color' => 'text-white', 'department_id' => $hk_department_id];
                            $data[] = ['id' => 'hk_total', 'title' => 'Total', 'bg_class' => 'bg-secondary', 'text-color' => 'text-white', 'department_id' => $hk_department_id];
                        }

                    @endphp
                    @foreach ($data as $d)
                        @if($d['id'] == null)
                            <div class="col-md-2 col-sm-6 mb-0">
                                <div class="d-flex justify-content-center">
                                    <h3 class="text-center fw-bold mt-5" style="white-space: nowrap;">{{ $d['title'] }}</h3>
                                </div>
                            </div>
                        @else
                            <div class="col-md-2 col-sm-6 mb-3">
                                <div class="card">
                                    <div class="card-header {{ $d['bg_class'] }} d-flex justify-content-between">
                                        <h3 class="card-title mb-0 text-center fw-bold {{ $d['text-color'] }}" style="white-space: nowrap">{{ $d['title'] }}</h3>
                                    </div>
                                    <div class="card-body {{ $d['bg_class'] }} bg-opacity-25 py-3 text-center">
                                        <span onclick="showDetails('{{ $d['id'] }}', {{ $d['department_id'] }})" class="text-center all_count" id="{{ $d['id'] }}" style="cursor: pointer;"></span>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.common.common')
    @include('frontdesk.common.common_modal')
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            loadData();
        });
        function loadData() {
            let warehouse_id = $('#warehouse_id').val();
            $('.all_count').html('<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>');
            customAjaxCall(function(res){
                if(res){
                    $('#unassigned').html(`<h1 class="fw-bold">${res.unassigned}</h1>`);
                    $('#pending').html(`<h1 class="fw-bold">${res.pending}</h1>`);
                    $('#running').html(`<h1 class="fw-bold">${res.running}</h1>`);
                    $('#closed').html(`<h1 class="fw-bold">${res.closed}</h1>`);
                    $('#total').html(`<h1 class="fw-bold">${res.total}</h1>`);

                    $('#maintenance_unassigned').html(`<h1 class="fw-bold">${res.maintenance_unassigned}</h1>`);
                    $('#maintenance_pending').html(`<h1 class="fw-bold">${res.maintenance_pending}</h1>`);
                    $('#maintenance_running').html(`<h1 class="fw-bold">${res.maintenance_running}</h1>`);
                    $('#maintenance_closed').html(`<h1 class="fw-bold">${res.maintenance_closed}</h1>`);
                    $('#maintenance_total').html(`<h1 class="fw-bold">${res.maintenance_total}</h1>`);

                    $('#hk_unassigned').html(`<h1 class="fw-bold">${res.hk_unassigned}</h1>`);
                    $('#hk_pending').html(`<h1 class="fw-bold">${res.hk_pending}</h1>`);
                    $('#hk_running').html(`<h1 class="fw-bold">${res.hk_running}</h1>`);
                    $('#hk_closed').html(`<h1 class="fw-bold">${res.hk_closed}</h1>`);
                    $('#hk_total').html(`<h1 class="fw-bold">${res.hk_total}</h1>`);

                    $('.commonListBody').html('');
                    $('.commonListPaginate').html('');
                }
            }, 'GET', "{{route('frontdesk.guest_complain.dashboard')}}", {warehouse_id});
        }
        let ajaxUrl = "{{route('frontdesk.guest_complain.index_user_wise')}}";
        function showDetails(id, filter_department_id = null){
            getLoadingStatusNew();
            let status_arr = {
                unassigned: [1],
                pending: [1, 6],
                running: [2],
                closed: [3, 5],
                total: [1, 2, 3, 4, 5, 6],
                hk_unassigned: [1],
                hk_pending: [1, 6],
                hk_running: [2],
                hk_closed: [3, 5],
                hk_total: [1, 2, 3, 4, 5, 6],
                maintenance_unassigned: [1],
                maintenance_pending: [1, 6],
                maintenance_running: [2],
                maintenance_closed: [3, 5],
                maintenance_total: [1, 2, 3, 4, 5, 6],
            };
            let filter_status = status_arr[id];
            let warehouse_id = $('#warehouse_id').val();
            let start_date = '2024-01-01';
            let end_date = '{{date('d-m-Y')}}';
            ajaxData = {filter_status, warehouse_id, start_date: '2024-01-01', end_date: @json(date('d-m-Y')), from_dashboard: 1, filter_department_id};
            if(id == 'unassigned'){
                ajaxData = {...ajaxData, filter_user: -1};
            }
            customAjaxCall(function(res){
                // $('.commonListBody').html(res.body);
                // $('.commonListPaginate').html(res.paginate);

                $('#dynamic_report_modal_title').text('Guest Complain List');
                // $('#dynamic_report_modal_body').html(res.body);
                // $('#dynamic_report_modal_body').append(res.paginate);
                $('#dynamic_report_modal_body').html(`
                    <div class="row mt-2">
                        <div class="col-12">
                            <div class="card">
                                <div class="commonListBody card-body" style="min-height: 100px; max-height: calc(100vh - 200px);" id="loaded_info">
                                    ${res.body}
                                </div>
                            </div>
                        </div>
                        <div class="commonListPaginate">
                            ${res.paginate}
                        </div>
                    </div>`);
                $('#dynamic_report_modal').modal('show');
                $('#billModal').modal('hide');
                closeSweetAlert();
            }, 'GET', ajaxUrl, ajaxData)
        }
    </script>
@endsection