@extends('layouts.main')
@section('title', 'Governor Dashboard')
@section('content')
    <!-- push external head elements to head -->
    @push('head')

        <link rel="stylesheet" href="{{ asset('plugins/weather-icons/css/weather-icons.min.css') }}">
        <link rel="stylesheet" href="{{ asset('plugins/owl.carousel/dist/assets/owl.carousel.min.css') }}">
        <link rel="stylesheet" href="{{ asset('plugins/owl.carousel/dist/assets/owl.theme.default.min.css') }}">
        <link rel="stylesheet" href="{{ asset('plugins/chartist/dist/chartist.min.css') }}">
        <link rel="stylesheet" href="{{ asset('css/mapStyle.css') }}">

        <style>
            .right-icon{
                position:absolute;
                right:5px;
                z-index:3;
                opacity: 0.3;
                top:5px;
                transition: all 0.8s ease;
            }

            .content-wrapper:hover .right-icon{
                transform: scale(1.2);
                transition: all 0.8s ease;
                top:12px;
                right:12px;
            }

            .blink {
                animation: blinker 2s step-start infinite;
            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }

            .fw-800{
                font-weight:800
            }

            #legend ul {
                list-style: none;
                font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                font-size: 12px;
            }

            #legend ul span {
                display: inline-block;
                height: 1em;
                width: 1em;
                margin-right: 0.5em;
            }
            .no-margin{
                margin:0;
            }

            .tax-net {
                font-size:13px;
            }

            .br-1{
                border-right: 2px solid #fff;
                border-radius: 1px;
            }

            .pl-2{
                padding-left:1.5px;
            }

            .top-text-value {
                font-size:17px;
                font-weight:bolder;
            }

            .topcard-1{
                box-shadow: -2px 25px 21px -17px #A97fff;
                background-image: radial-gradient(circle, #736dff, #8371ff, #9176ff, #9d7aff, #a97fff);
                height: 170px;
                border-radius: 5px;
                elevation: above;
                position:relative;
            }

            .topcard-2{
                box-shadow: -2px 25px 21px -17px #ff8886;
                background-image: linear-gradient(to left, #f7c598, #fab78e, #fda887, #ff9885, #ff8886);
                height: 170px;
                border-radius: 5px;
                elevation: above;
                box-shadow: #985f0d"
            }

            .topcard-3 {
                box-shadow: -2px 25px 21px -17px #F9B4bd;
                background-image: linear-gradient(to right, #f9b4bd, #f19dbc, #e08ac3, #c37bce, #9573db);
                height: 170px;
                border-radius: 5px;
                elevation: above;
            }
            .topcard-4 {
                box-shadow: -2px 25px 21px -17px #44dec5;
                background-image: linear-gradient(to left, #44dec5, #00d8da, #00d0eb, #05c7f6, #4ebcfa);
                height: 170px;
                border-radius: 5px;
                elevation: above;
            }

            .fz-15{
                font-size: 15px;
            }

            .fz-20{
                font-size:20px;
                font-weight:400;
            }

            .m2-{
                margin-top:-2px;
            }
            .m4-{
                margin-top:-4px;
            }
        </style>
    @endpush

    <div class="container-fluid">
    	<div class="row">
    		<!-- top section chart start -->
            <div class="col-xs-12 col-md-12  col-xl-3">
                <div class="card text-white topcard-1">
                        <div class="card-block content-wrapper">
                            <div class="row align-items-center">
                                <div class="col-12 ">
                                    <h4 style="font-size:15px; margin-top:-10px; margin-left:-13px;" class="mb-1 fw-800">{{ __('TAX NET')}}</h4>

                                     </div>
                                 <div class="row no-gutters" style="margin-left:-5px;">
                                    <!--  -->
                                    <div class="col-xs-4 br-1 px-2  pl-1">
                                        <span class="tax-net">Corporate</span>
                                        <h4 class="no-margin"><span class="top-text-value" id="verified_corporate">0</span></h4>
                                        <p class="no-margin tax-net">Verified</p>
                                        <h4 class="no-margin"><span class="top-text-value" id="unverified_corporate">333330</span></h4>
                                        <p class="no-margin tax-net">Unverified</p>
                                    </div>
                                    <!--  -->
                                    <div class="col-xs-4 br-1 px-2 pl-1" no-margin>
                                        <span class="tax-net">Individuals</span>
                                        <h4 class="no-margin"><span style="font-size:18px;font-weight: bold" id="verified_individual">0</span></h4>
                                        <p class="no-margin tax-net">Verified</p>
                                        <h4 class="no-margin"><span class="top-text-value" id="unverified_individual">5505058</span></h4>
                                        <p class="no-margin tax-net">Unverified</p>
                                    </div>
                                    <!--  -->
                                    <div class="pl-1" no-margin>
                                        <span class="tax-net">Vehicle Reg</span>
                                        <h4 class="no-margin"><span class="top-text-value" id="vehicle_registration">55050500</span></h4>
                                    </div>
                                </div>
                                <div class="text-right right-icon">
                                       <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="5em" height="5em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M460 160h-88v-12A116.13 116.13 0 0 0 258.89 32h-5.78A116.13 116.13 0 0 0 140 148v12H52a4 4 0 0 0-4 4v300a16 16 0 0 0 16 16h384a16 16 0 0 0 16-16V164a4 4 0 0 0-4-4zm-280-11c0-41.84 33.41-76.56 75.25-77A76.08 76.08 0 0 1 332 148v12H180zm50.81 252.12l-61.37-71.72l24.31-20.81L230 350.91l87.51-109.4l25 20z" fill="currentColor"/></svg>
                                </div>
                         </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6">
                <div class="card text-white topcard-2">
                    <div class="card-block content-wrapper">
                        <div class="row align-items-center">
                            <div class="col-12 m-0">
                                <h4 style="font-size:17px; margin-top:-10px; margin-left:-13px;" class="mb-1 fw-800">{{ __('STATE REVENUE')}}</h4>
                            </div>
                                <div class="row no-gutters pl-3" style="margin-left:-13px;">
                                <div class="col-12 m2-">
                                    <h4 class="no-margin"><span class="top-text-value" id="stateRev">₦0</span></h4>
                                    <p class="fz-15">Current Month</p>
                                </div>
                                <div class="col-12 m4-">
                                    <h4 class="no-margin"><span class="top-text-value" id="prevMntSt">₦0</span></h4>
                                    <p class="fz-15">Last Month</p>
                                </div>
                            </div>
                            </div>
                        <div class="text-right right-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="5em" height="5em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M128 496H48V304h80z" fill="currentColor"/><path d="M352 496h-80V208h80z" fill="currentColor"/><path d="M464 496h-80V96h80z" fill="currentColor"/><path d="M240 496h-80V16h80z" fill="currentColor"/></svg>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6">
                <div class="card text-white topcard-3">
                    <div class="card-block content-wrapper">
                        <div class="row align-items-center">
                            <div class="col-12 m-0">
                                <h4 style="font-size:17px; margin-top:-10px; margin-left:-13px;" class="mb-1 fw-800">{{ __("LOCAL GOVT' REVENUE")}}</h4>
                            </div>
                                <div class="row no-gutters pl-3" style="margin-left:-13px;" >
                                <div class="col-12 m2-">
                                    <h4 class="no-margin"><span class="top-text-value" id="lgaRev">₦0</span></h4>
                                    <p class="fz-15">Current Month</p>
                                </div>
                                <div class="col-12 m4-">
                                    <h4 class="no-margin"><span class="top-text-value" id="prevMnt">₦0</span></h4>
                                    <p class="fz-15">Last Month</p>
                                </div>
                            </div>
                            </div>
                        <div class="text-right right-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="5em" height="5em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M66.1 357a16 16 0 0 1-14.61-9.46A224 224 0 0 1 256 32a16 16 0 0 1 16 16v208a16 16 0 0 1-9.47 14.61l-189.9 84.95A15.93 15.93 0 0 1 66.1 357z" fill="currentColor"/><path d="M313.59 68.18A8 8 0 0 0 304 76v180a48.07 48.07 0 0 1-28.4 43.82L103.13 377a8 8 0 0 0-3.35 11.81a208.42 208.42 0 0 0 48.46 50.41A206.32 206.32 0 0 0 272 480c114.69 0 208-93.31 208-208c0-100.45-71.58-184.5-166.41-203.82z" fill="currentColor"/></svg>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6">
                <div class="card text-white topcard-4">
                    <div class="card-block content-wrapper">
                        <div class="row align-items-center">
                            <div class="col-12 m-0">
                                <h4 style="font-size:17px; margin-top:-10px; margin-left:-13px; " class="mb-1 fw-800">{{ __("REVENUE OVERVIEW")}}</h4>
                            </div>
                            <div class="row no-gutters pl-3" style="margin-left:-13px;">
                                <div class="col-12 m2-">
                                    <h4 class="no-margin"><span class="top-text-value" id="totalRev">₦0</span></h4>
                                    <p class="fz-15">Total Revenue</p>
                                </div>
                                <div class="col-12 m4-">
                                    <h4 class="no-margin"><span class="top-text-value" id="potRev">₦0</span></h4>
                                    <p class="fz-15">Potential Revenue</p>
                                </div>
                            </div>
                            <div class="text-right right-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="5em" height="5em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M480 496H48a32 32 0 0 1-32-32V32a16 16 0 0 1 32 0v432h432a16 16 0 0 1 0 32z" fill="currentColor"/><path d="M156 432h-40a36 36 0 0 1-36-36V244a36 36 0 0 1 36-36h40a36 36 0 0 1 36 36v152a36 36 0 0 1-36 36z" fill="currentColor"/><path d="M300 432h-40a36 36 0 0 1-36-36V196a36 36 0 0 1 36-36h40a36 36 0 0 1 36 36v200a36 36 0 0 1-36 36z" fill="currentColor"/><path d="M443.64 432h-40a36 36 0 0 1-36-36V132a36 36 0 0 1 36-36h40a36 36 0 0 1 36 36v264a36 36 0 0 1-36 36z" fill="currentColor"/></svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- top section chart start Ends -->
        </div>
        <div class="row">
            <!-- Section 2: State Revenue and LGA Revenue -->
            <!-- sale 2 card start -->
            <div class="col-md-6 col-xl-6">
                <div class="card sale-card">
                    <div class="card-header">
                        <h3>{{ __('STATE REVENUE')}}</h3>
                    </div>
                    <div class="card-block text-center">
                        <div class="chart">
                            <canvas id="barChart1" style="height:400px"></canvas>
                            <div id="bar1legend"></div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- realtime map --}}
            <div class="col-md-6 col-xl-6">
                <div class="card sale-card">
                    <div class="card-header">
                        <h3>{{ __('REAL-TIME LGA REVENUE')}}</h3>
                    </div>
                    <div class="card-block text-center" style="position:relative">
                        <img src="{{ asset('img/svgMap.svg') }}" alt="LGAs" style="width: auto; height: 400px;">
                        <div class="bauchi-lgas__blue-map-point tip" id="warji" style="width: 12px; height: 12px; top: 43.5%; left: 46%; position:absolute;">
                            <span class="tiptext" id="warji_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="ningi" style="width: 12px; height: 12px; top: 48%; left:30%; position:absolute;">
                            <span class="tiptext" id="ningi_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="toro" style="width: 12px; height: 12px; top:67%; left: 31%; position:absolute;">
                            <span class="tiptext" id="toro_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="ganjuwa" style="width: 12px; height: 12px; top: 55.5%; left: 47.8%; position:absolute;">
                            <span class="tiptext" id="ganjuwa_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="bauchi" style="width: 12px; height: 12px; top: 72%; left:47.6%;position:absolute;">
                            <span class="tiptext" id="bauchi_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="dass" style="width: 12px; height: 12px; top:78%; left:40%; position:absolute;">
                            <span class="tiptext" id="dass_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="tafawa_balewa" style="width: 12px; height: 12px; top:88.7%; left:37%; position:absolute;">
                            <span class="tiptext" id="tafawa_balewa_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="bogoro" style="width: 12px; height: 12px; top: 89.6%; left: 42.8%; position:absolute;">
                            <span class="tiptext" id="bogoro_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="alkaleri" style="width: 12px; height: 12px; top:81%; left: 62%; position:absolute;">
                            <span class="tiptext" id="alkaleri_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="kirfi" style="width: 12px; height: 12px; top: 68%; left:66%; position:absolute; ">
                            <span class="tiptext" id="kirfi_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="darazo" style="width: 12px; height: 12px; top: 47%; left:61%; position:absolute;">
                            <span class="tiptext" id="darazo_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="shira" style="width: 12px; height: 12px; top:35%; left: 52%; position:absolute; ">
                            <span class="tiptext" id="shira_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="giade" style="width: 11px; height: 11px; top: 39%; left: 56%;position:absolute;">
                            <span class="tiptext" id="giade_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="misau" style="width: 12px; height: 12px; top: 37%; left: 60%; position:absolute;">
                            <span class="tiptext" id="misau_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="jamaare" style="width: 12px; height: 12px; top: 26.4%; left: 50%;">
                            <span class="tiptext" id="jamaare_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="katagum" style="width: 12px; height: 12px; top:28%; left: 58%; position:absolute;">
                            <span class="tiptext" id="katagum_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="dambam" style="width: 12px; height: 12px; top: 29%; left: 69.5%; position:absolute;">
                            <span class="tiptext" id="dambam_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="itas_gadau" style="width: 12px; height: 12px; top: 21.15%; left: 54%; position:absolute">
                            <span class="tiptext" id="itas_gadau_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="zaki" style="width: 12px; height: 12px; top: 16.3%; left: 58.5%; position:absolute;">
                            <span class="tiptext" id="zaki_tip"></span>
                        </div>
                        <div class="bauchi-lgas__blue-map-point tip" id="gamawa" style="width: 12px; height: 12px; top: 16.3%; left: 65%; position:absolute;">
                            <span class="tiptext" id="gamawa_tip"></span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- sale 2 card end -->
        </div>
        <div class="row">
                <!-- MDA CHART -->
            <div class="col-md- col-xl-12">
                <div class="card sale-card">
                    <div class="card-header">
                       <div> <h3>{{ __('MDA CHART')}}</h3>
                        <p>This Month</p>
                        </div>
                    </div>
                    <div class="card-block">
                        <div class="chart">
                            <canvas id="barChart" style="height:400px"></canvas>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="row">
            <!-- LGA REVENUE Breakdown AND State Revenue Heading Breakdown -->
            <div class="col-sm-12 col-md-6">
                <div class="card table-card">
                    <div class="card-header">
                        <h3>LOCAL GOVERNMENT REVENUE</h3>
                    </div>
                    <div class="card-block px-3 pt-3">
                        <div class="chart">
                            <canvas id="lgaBarChart" style="height:400px"></canvas>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="text-right">
                            <a href="#!" class=" b-b-primary text-primary">{{ __('')}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="card table-card">
                    <div class="card-header">
                        <h3>{{ __('STATE REVENUE HEADING BREAKDOWN')}}</h3>
                        {{-- <div class="card-header-right">
                            <ul class="list-unstyled card-option">
                                <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                <li><i class="ik ik-minus minimize-card"></i></li>
                            </ul>
                        </div> --}}
                    </div>
                    <div class="card-block px-3 pt-3">
                        <div class="chart">
                            <canvas id="pieChart" style="height:400px"></canvas>
                            <div id="pielegend" ></div>
                            {{-- <div id="pielegend" style="margin-top:-200px;float:right"></div> --}}
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="text-right">
                            <a href="#!" class=" b-b-primary text-primary">{{ __('')}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- LGA REVENUE Breakdown AND State Revenue Heading Breakdown Ends-->
        </div>

        <div class="row">
            <!-- LGA DISTRIBUTION AND MONTHLY CHART -->
            <div class="col-sm-12 col-md-6">
                <div class="card table-card">
                    <div class="card-header">
                        <h3>{{ __('LGA DISTRIBUTION REVENUE')}}</h3>
                    </div>
                    <div class="card-block px-3 pt-3">
                        <div class="chart">
                            <canvas id="lgaDistributionChart" style="height:400px"></canvas>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="text-right">
                            <a href="#!" class=" b-b-primary text-primary">{{ __('')}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="card table-card">
                    <div class="card-header">
                       <div class="d-flex justify-content-between w-80">
                            <h3 style="text-transform: uppercase"><span id="clga_name">LGA</span> MONTHLY REVENUE</h3>
                            <select name="clga" id="clga" class="form-control" style="width:150px;">
                                <option value="">Select LGA</option>
                            </select>
                       </div>
                    </div>
                    <div class="card-block px-3 pt-3">
                        <div class="chart">
                            <canvas id="lgaMonthlyChart" style="height:400px"></canvas>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="text-right">
                            <a href="#!" class=" b-b-primary text-primary">{{ __('')}}</a>
                        </div>
                    </div>
                </div>
            </div>
          <!-- LGA DISTRIBUTION AND MONTHLY CHART ENDS-->
        </div>

        <!-- YEAR BY YEAR COMPARISON CHART -->
        {{-- <div class="row">
            <div class="col-sm-12">
                <div class="card table-card">
                    <div class="card-header">
                        <h3>{{ __('Year By Year Comparison')}}</h3>
                        <div class="card-header-right">
                            <ul class="list-unstyled card-option">
                                <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                <li><i class="ik ik-minus minimize-card"></i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-block px-3 pt-3">
                       <div class="chart">
                            <canvas id="lineChart" style="height:300px"></canvas>
                            <div id="linelegend"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
        <!-- YEAR BY YEAR COMPARISON CHART ENDS-->

        <!-- STATE VS OTHER STATE CHART -->
         {{-- <div class="row">
            <div class="col-sm-12">
                <div class="card table-card">
                    <div class="card-header">
                        <h3>{{ env('STATE_NAME').' State Vs Other States'}}</h3>
                        <div class="card-header-right">
                            <ul class="list-unstyled card-option">
                                <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                <li><i class="ik ik-minus minimize-card"></i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-block px-3 pt-3">
                         <div class="chart">
                            <canvas id="vs_other_states" style="height:320px"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}
        <!-- STATE VS OTHER STATE COMPARISON CHART ENDS-->
    </div>
    {{-- </div> --}}
	<!-- push external js -->
    @push('script')
        <script src="{{ asset('plugins/owl.carousel/dist/owl.carousel.min.js') }}"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
        {{-- <script src="{{ asset('plugins/chartist/dist/chartist.min.js') }}"></script> --}}
        <script src="{{ asset('js/currency.min.js') }}"></script>

         <script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-app.js"></script>
        {{-- <script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-analytics.js"></script> --}}
        <script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-database.js"></script>

        <script>
            document.body.classList.add("sidebar-mini");
            let firebase_db_url = `{{config('app.gov_db')}}`;
            window.localStorage.setItem('firebase_db', firebase_db_url);
            // document.html.setAttribute('class','');
              const firebaseConfig = {
                apiKey: "{{ config('app.firebase_apiKey') }}",
                authDomain: "{{ config('app.firebase_authDomain') }}",
                databaseURL: "{{ config('app.firebase_databaseURL') }}",
                projectId: "{{ config('app.firebase_projectId') }}",
                storageBucket: "{{ config('app.firebase_storageBucket') }}",
                messagingSenderId: "{{ config('app.firebase_messagingSenderId') }}",
                appId: "{{ config('app.firebase_appId') }}",
                measurementId: "{{ config('app.firebase_measurementId') }}"
            };
          
            firebase.initializeApp(firebaseConfig);

        // </script>


        {{-- <script src="{{ asset('plugins/flot-charts/jquery.flot.js') }}"></script> --}}
        {{-- <!-- <script src="{{ asset('plugins/flot-charts/jquery.flot.categories.js') }}"></script> --> --}}
        {{-- <script src="{{ asset('plugins/flot-charts/curvedLines.js') }}"></script>
        <script src="{{ asset('plugins/flot-charts/jquery.flot.tooltip.min.js') }}"></script> --}}

        {{-- <script src="{{ asset('plugins/amcharts/amcharts.js') }}"></script>
        <script src="{{ asset('plugins/amcharts/serial.js') }}"></script>
        <script src="{{ asset('plugins/amcharts/themes/light.js') }}"></script> --}}


        {{-- <script src="{{ asset('js/widget-statistic.js') }}"></script>
        <script src="{{ asset('js/widget-data.js') }}"></script>
        <script src="{{ asset('js/dashboard-charts.js') }}"></script> --}}


        <script type="module" src="{{ asset('js/gov_dashboard.js?tx=')}}{{strtotime("now")}}"> </script>


    @endpush
@endsection