@extends('layouts.chairman_dashboard')
@section('title')
    Chairman Dashboard
@endsection
@section('styles')
    .card : {
    border-radius: 25px;
    }

@endsection
@section('content')
    <div class="content-wrapper">
        <div class="content-header row"></div>
        <div class="content-body mt-1"><!-- Dashboard Analytics Start -->
            <section id="dashboard-analytics">
                <div class="row">
                    @if(\Auth::user()->hasPermission('CAN_SHOW_VESSEL_HISTORY'))
                    <div class="col-md-12" id="db_vessel-history">
                        <div class="zoom h-100">
                            <div class="dialog h-100" id="db_vessel_history">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_vessel_history')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                  @if(\Auth::user()->hasPermission('CAN_SHOW_VESSEL_BILLS'))
                    <div class="col-md-6 mb-2" id="db_container_handling">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_container_handling')
                                </div>
                            </div>
                        </div>
                    </div>
                  @endif
                @if(\Auth::user()->hasPermission('CAN_SHOW_INCOMING_AND_DESP_FROM_CPA'))
                    <div class="col-md-6 mb-2" id="db_incoming">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_incoming')
                                </div>
                            </div>
                        </div>
                    </div>
                 @endif
                   {{-- <div class="col-md-6" id="db_traffic">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.vehicles-particulars')
                                </div>
                            </div>
                        </div>
                    </div>--}}
                  @if(\Auth::user()->hasPermission('CAN_SHOW_CONTAINER_LYING_POSITION_IN_PORT'))
                    <div class="col-md-6" id="db_lying">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_lying')
                                </div>
                            </div>
                        </div>
                    </div>
                   @endif
                   @if(\Auth::user()->hasPermission('CAN_SHOW_TRAFFIC'))
                    <div class="col-md-6" id="db_traffic">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_traffic')
                                </div>
                            </div>
                        </div>
                    </div>
                  @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_FIXED_ASSETS'))
                        <div class="col-md-12" id="db_fixed_assets">
                            <div class="zoom h-100">
                                <div class="dialog h-100">
                                    <div class="m-content h-100">
                                        @include('main_dashboard.partials.db_fixed_asset')
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_DAILY_ONE_STOP_SERVICE'))
                    <div class="col-md-8" id="db_onestop">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_onestop')
                                </div>
                            </div>
                        </div>
                    </div>
                  @endif

                  @if(\Auth::user()->hasPermission('CAN_SHOW_ACCOUNTS_FINANCE'))
                        <div class="col-md-4" id="db_accounts">
                            <div class="zoom h-100">
                                <div class="dialog h-100">
                                    <div class="m-content h-100">
                                        @include('main_dashboard.partials.db_accounts')
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="col-md-6">
                   @if(\Auth::user()->hasPermission('CAN_SHOW_PAYROLL'))
                    <div  id="db_salary">
                        <div class="zoom h-30">
                            <div class="dialog h-30">
                                <div class="m-content h-30">
                                    @include('main_dashboard.partials.db_salary')
                                </div>
                            </div>
                        </div>
                      </div>
                     @endif
                     @if(\Auth::user()->hasPermission('CAN_SHOW_PROVIDENT_FUNDS'))
                        <div  id="provident_funds">
                        <div class="zoom h-30">
                            <div class="dialog h-30">
                                <div class="m-content h-30">
                                    @include('main_dashboard.partials.db_provident_funds')
                                </div>
                            </div>
                        </div>
                        </div>
                       @endif
                       @if(\Auth::user()->hasPermission('CAN_SHOW_GPF_LOANS'))
                        <div  id="gpf_loans">
                        <div class="zoom h-30">
                            <div class="dialog h-30">
                                <div class="m-content h-30">
                                    @include('main_dashboard.partials.db_gpf_loans')
                                </div>
                            </div>
                        </div>
                        </div>
                       @endif
                    </div>

                 @if(\Auth::user()->hasPermission('CAN_SHOW_ATTENDANCE'))
                    <div class="col-md-6" id="db_position">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.position')
                                </div>
                            </div>
                        </div>
                    </div>
                  @endif

                  @if(\Auth::user()->hasPermission('CAN_SHOW_PENSION'))
                    <div class="col-md-6" id="db_pension">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_pension')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                  @if(\Auth::user()->hasPermission('CAN_SHOW_EMPLOYEE'))
                    <div class="col-md-6" id="db_pims">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_pims')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                        @if(\Auth::user()->hasPermission('CAN_SHOW_INVENTORY'))
                            <div class="col-md-6" id="db_inventory">
                                <div class="zoom h-100">
                                    <div class="dialog h-100">
                                        <div class="m-content h-100">
                                            @include('main_dashboard.partials.db_inventory')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(\Auth::user()->hasPermission('CAN_SHOW_ELECTRICITY_BILLING'))
                            <div class="col-md-6" id="db_electricity_billing">
                                <div class="zoom h-100">
                                    <div class="dialog h-100">
                                        <div class="m-content h-100">
                                            @include('main_dashboard.partials.db_electricity_billing')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(\Auth::user()->hasPermission('CAN_SHOW_VTMIS'))
                            <div class="col-md-6" id="db_vtmis">
                                <div class="zoom h-100">
                                    <div class="dialog h-100">
                                        <div class="m-content h-100">
                                            @include('main_dashboard.partials.db_vtmis')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_HOUSE_ALLOTMENT'))
                    <div class="col-md-6" id="db_ha">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_ha')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_BUDGET_SUMMARY'))
                        <div class="col-md-12" id="db_fas">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_fas')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_ACCOUNTS_RECEIVABLE'))
                        <div class="col-md-6" id="db_fas_ar">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_fas_ar')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_ACCOUNTS_PAYABLE'))
                    <div class="col-md-6" id="db_fas_ap">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_fas_ap')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_RECRUITMENT'))
                    <div class="col-md-4" id="db_recruitment">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_recruitment')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_CASE'))
                    <div class="col-md-4" id="db_case_manage">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_case_manage')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_AUDIT'))
                    <div class="col-md-4" id="db_audit">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_audit')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_BOARD_DECISION_STATISTICS '))
                    <div class="col-md-4" id="db_board_decision">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100" id="div_board_decision">
                                    <div class="card" style="height: 95%;position: relative">
                                        <div class="card-header bg-rgba-primary p-1 shadow-lg">
                                            <h4 class="card-title float-left">Board Decision Statistics</h4>
                                            <a href="#" class="float-right zoom-on"><i
                                                    class="ficon bx bx-fullscreen"></i></a>
                                        </div>
                                        <div class="card-content modified_center">
                                            <div class="pl-5 "> Loading..</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_TRAINING'))
                    <div class="col-md-4" id="db_training">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_training')
                                </div>
                            </div>
                        </div>
                    </div>

                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_HYDROGRAPHY'))
                    <div class="col-md-4" id="db_hydrography">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_hydrography')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_VEHICLES'))
                    <div class="col-md-5" id="db_vehicles">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_vehicles')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_CONTRACT_MANAGEMENT'))
                    <div class="col-md-7" id="db_ce">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_ce')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_APPOINTMENT'))
                    <div class="col-md-4" id="db_appointment">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100" id="div_appointment">
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

{{--                    @if(\Auth::user()->hasPermission('CAN_SHOW_MECHANICAL_ENGINEERING'))--}}
{{--                    <div class="col-md-4" id="db_me">--}}
{{--                        <div class="zoom h-100">--}}
{{--                            <div class="dialog h-100">--}}
{{--                                <div class="m-content h-100">--}}
{{--                                    @include('main_dashboard.partials.me')--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div> --}}
{{--                    @endif--}}
                    @if(\Auth::user()->hasPermission('CAN_SHOW_DATABASE_BACKUP'))
                    <div class="col-md-8" id="db_backup">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_backup')
                                </div>
                            </div>
                        </div>
                    </div>
{{--                    <div class="col-md-4" id="db_vessel_bills">--}}
{{--                        <div class="zoom h-100">--}}
{{--                            <div class="dialog h-100">--}}
{{--                                <div class="m-content h-100">--}}
{{--                                    @include('main_dashboard.partials.vessel-bills')--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_SECURITY_INCIDENTS'))
                        <div class="col-md-12" id="db_security">
                            <div class="zoom h-100">
                                <div class="dialog h-100">
                                    <div class="m-content h-100">
                                        @include('main_dashboard.partials.db_security')
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_ESTATE'))
                    <div class="col-md-12" id="db_estate">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_estate')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_MARINE_ENGINNEING'))
                        <div class="col-md-6" id="db_marine_enginneing">
                            <div class="zoom h-100">
                                <div class="dialog h-100">
                                    <div class="m-content h-100">
                                        @include('main_dashboard.partials.db_marine_engineering')
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_EQUIPMENT_MAINTENANCE'))
                        <div class="col-md-6" id="db_equipment_maintenance">
                            <div class="zoom h-100">
                                <div class="dialog h-100">
                                    <div class="m-content h-100">
                                        @include('main_dashboard.partials.db_equipment_maintenance')
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_MARINE_MONTHLY_PILOTAGE_STATISTICS'))
                    <div class="col-md-12" id="db_marine_monthly_pilotage_service">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_marine_monthly_pilotage_service')
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if(\Auth::user()->hasPermission('CAN_SHOW_MARINE_DAILY_STATISTICS'))
                    <div class="col-md-6" id="db_marine_daily">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_marine_daily')
                                </div>

                             </div>
                        </div>
                    </div>
                    @endif
                    @if(\Auth::user()->hasPermission('CAN_SHOW_MARINE_MONTHLY_STATISTICS'))
                    <div class="col-md-6" id="db_marine_monthly">
                        <div class="zoom h-100">
                            <div class="dialog h-100">
                                <div class="m-content h-100">
                                    @include('main_dashboard.partials.db_marine_monthly')
                                </div>
                            </div>
                        </div>
                    </div>
                   @endif
                </div>

            </section>
        </div>
    </div>
    <div class="modal fade" id="second_pop_modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="pop_content"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@section('script')
    <script>
        $(window).on("load", function () {
            var e = "#5A8DEE", a = "#FF5B5C", t = "#FDAC41", r = "#00CFDD", o = "#828D99", s = {
                    chart: {
                        height: 240, type: "radialBar"
                    }
                    , colors: [e, a, t], series: [75, 80, 85], plotOptions: {
                        radialBar: {
                            offsetY: -10, hollow: {
                                size: "40%"
                            }
                            , track: {
                                margin: 10, background: "#fff"
                            }
                            , dataLabels: {
                                name: {
                                    fontSize: "15px", color: [o], fontFamily: "IBM Plex Sans", offsetY: 25
                                }
                                , value: {
                                    fontSize: "30px", fontFamily: "Rubik", offsetY: -15
                                }
                                , total: {
                                    show: !0, label: "Total Visits", color: o
                                }
                            }
                        }
                    }
                    , stroke: {
                        lineCap: "round"
                    }
                    , labels: ["Target", "Mart", "Ebay"]
                }
            ;
        });
    </script>
@endsection
@endsection