@include('./util/header')
<div class="row">
                            <div class="col-12">
                                <div class="card">
                                <div class="container mt-5">
                                    @if($message)
                                    <div class="alert alert-info alert-dismissible fade show" role="alert">
                                        {{$message}}
                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="card-header">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <h4 class="card-title mb-0">Open Groups</h4>
                                            <a href="{{ route('employee-import') }}" class="btn btn-primary btn-sm">
                                                <i data-feather="upload"></i> Import Employees
                                            </a>
                                        </div>
                                        <!-- <p class="card-title-desc">DataTables has most features enabled by
                                            default, so all you need to do to use it with your own tables is to call
                                            the construction function: <code>$().DataTable();</code>.
                                        </p> -->
                                    </div>
                                    <div class="card-body">
        
                                        <table id="datatable" class="table table-bordered dt-responsive  nowrap w-100">
                                            <thead>
                                            <tr>
                                                <th>No #</th>
                                                <th>Group #</th>
                                                <th>Group Name (click for details)</th>
                                                <!-- <th>Type</th>
                                                <th>Participants</th> -->
                                                <th>Summary</th>
                                                <th>Closure Date</th>
                                            </tr>
                                            </thead>
        
        
                                            <tbody>

                                            @php
                                            $iconASIhtml = '';
                                                $iconAspASIhtml = '';
                                                $iconOASIhtml = '';
                                                $iconAspOASIhtml = '';
                                                $iconASSEThtml = '';
                                                $iconASSETtaskhtml = '';
                                                $iconASSETposhtml = '';
                                                $icon360html = '';
                                                $iconAsp360html = '';
                                            $i=0;
                                            @endphp
                                                @foreach($groups as $group)
                                                
                                                @php

                                                $i++;

                                                    $asiUsers = is_numeric($group->asiUsers) ? $group->asiUsers : 0;
                                                    $aspAsiUsers = is_numeric($group->aspAsiUsers) ? $group->aspAsiUsers : 0;
                                                    $oasiUsers = is_numeric($group->oasiUsers) ? $group->oasiUsers : 0;
                                                    $aspOasiUsers = is_numeric($group->aspOasiUsers) ? $group->aspOasiUsers : 0;
                                                    $assetUsers = is_numeric($group->assetUsers) ? $group->assetUsers : 0;
                                                    $assetTaskUsers = is_numeric($group->assetTaskUsers) ? $group->assetTaskUsers : 0;
                                                    $assetPosUsers = is_numeric($group->assetPosUsers) ? $group->assetPosUsers : 0;
                                                    $asi360Users = is_numeric($group->asi360Users) ? $group->asi360Users : 0;
                                                    $aspAsi360Users = is_numeric($group->aspAsi360Users) ? $group->aspAsi360Users : 0;

                                                    $asiCount = is_numeric($group->asiCount) ? $group->asiCount : 0;
                                                    $aspAsiCount = is_numeric($group->aspAsiCount) ? $group->aspAsiCount : 0;
                                                    $oasiCount = is_numeric($group->oasiCount) ? $group->oasiCount : 0;
                                                    $aspOasiCount = is_numeric($group->aspOasiCount) ? $group->aspOasiCount : 0;
                                                    $assetCount = is_numeric($group->assetCount) ? $group->assetCount : 0;
                                                    $assetTaskCount = is_numeric($group->assetTaskCount) ? $group->assetTaskCount : 0;
                                                    $assetPosCount = is_numeric($group->assetPosCount) ? $group->assetPosCount : 0;

                                                    $evaluatorCount = getEvaluatorCount($group->groupCode, 0); // Replace with actual function
                                                    if (!is_numeric($evaluatorCount) || $evaluatorCount < 0) {
                                                        $evaluatorCount = 0;
                                                    }

                                                    $aspEvalCount = getAspEvaluatorCount($group->groupCode, 0); // Replace with actual function
                                                    if (!is_numeric($aspEvalCount) || $aspEvalCount < 0) {
                                                        $aspEvalCount = 0;
                                                    }

                                                    $totalCount=0;
                                                $totalCount = $asiCount + $oasiCount + $assetCount + $assetTaskCount + $assetPosCount + $evaluatorCount + $aspAsiCount + $aspOasiCount + $assetCount + $aspEvalCount;
                                                $asiPercent = assessmentPercent($asiCount, $asiUsers);
                                                $aspasiPercent = assessmentPercent($aspAsiCount, $aspAsiUsers);
                                                $oasiPercent = assessmentPercent($oasiCount, $oasiUsers);
                                                $aspoasiPercent = assessmentPercent($aspOasiCount, $aspOasiUsers);
                                                $assetPercent = assessmentPercent($assetCount, $assetUsers);
                                                $assetTaskPercent = assessmentPercent($assetTaskCount, $assetTaskUsers);
                                                $assetPosPercent = assessmentPercent($assetPosCount, $assetPosUsers);

                                                $eval360Percent = assessmentPercent($evaluatorCount, $asi360Users);
                                                $evalAsp360Percent = assessmentPercent($aspEvalCount, $aspAsi360Users);
                                                $animateStyle = "animation-name: progressbar;
                                                                animation-duration: 4s;
                                                                animation-timing-function: ease;
                                                                animation-delay: 0s;
                                                                animation-iteration-count: 1;
                                                                animation-direction: normal;
                                                                animation-play-state: running;
                                                                /* Safari and Chrome: */
                                                                -webkit-animation-name: progressbar;
                                                                -webkit-animation-duration: 4s;
                                                                -webkit-animation-timing-function: ease;
                                                                -webkit-animation-delay: 0s;
                                                                -webkit-animation-iteration-count: 1;
                                                                -webkit-animation-direction: normal;
                                                                -webkit-animation-play-state: running;";

                                                $asiProgressHtml = "style='width:".$asiPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_asi_reverse'";
                                                $aspAsiProgressHtml = "style='width:".$aspasiPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_a-asi_reverse'";
                                                $oasiProgressHtml = "style='width:".$oasiPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_oasi_reverse'";
                                                $aspOasiProgressHtml = "style='width:".$aspoasiPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_a-oasi_reverse'";
                                                $assetProgressHtml = "style='width:".$assetPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_asset_reverse'";
                                                $assetTaskProgressHtml = "style='width:".$assetTaskPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_asset_reverse'";
                                                $assetPosProgressHtml = "style='width:".$assetPosPercent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_asset_reverse'";
                                                $eval360ProgressHtml = "style='width:".$eval360Percent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_360_reverse'";
                                                $evalAsp360ProgressHtml = "style='width:".$evalAsp360Percent."%;clear:both;float:left;".$animateStyle."' id='inventory_desc_A-360_reverse'";

                                                $asiCount = "<span style='font-weight:bold;'>".$asiCount."</span>";
                                                $aspAsiCount = "<span style='font-weight:bold;'>".$aspAsiCount."</span>";
                                                $oasiCount = "<span style='font-weight:bold;'>".$oasiCount."</span>";
                                                $aspOasiCount = "<span style='font-weight:bold;'>".$aspOasiCount."</span>";
                                                $assetCount = "<span style='font-weight:bold;'>".$assetCount."</span>";
                                                $assetTaskCount = "<span style='font-weight:bold;'>".$assetTaskCount."</span>";
                                                $assetPosCount = "<span style='font-weight:bold;'>".$assetPosCount."</span>";
                                                $evaluatorCount = "<span style='font-weight:bold;'>".$evaluatorCount."</span>";
                                                $aspEvalCount = "<span style='font-weight:bold;'>".$aspEvalCount."</span>";

                                                $iconOpenhtml = "style='clear:both; float:left; width:210px;padding:6px;border:1px solid #eee;'><div style='float:left;clear:none;display:inline; width:65px;text-align:left;'>";
                                                $iconCloseOpenhtml = "</div><div style='float:left;clear:none;display:inline;width:65px;text-align:left;'>Actual: ";
                                                $iconClosehtml = "</div></div></div>";

                                               @endphp

                                               @php


                                                
                                                $groupTypeID = $group->groupTypeID;
                                                $asiAllowed = $group->asiAllowed;
                                                $aspAsiAllowed = $group->aspAsiAllowed;
                                                $oasiAllowed = $group->oasiAllowed;
                                                $aspOasiAllowed = $group->aspOasiAllowed;
                                                $assetAllowed = $group->assetAllowed;
                                                $assetTaskAllowed = $group->assetTaskAllowed;
                                                $assetPosAllowed = $group->assetPosAllowed;
                                                $asi360Allowed = $group->asi360Allowed;
                                                $aspAsi360Allowed = $group->aspAsi360Allowed;
                                                @endphp

                                                @if ($groupTypeID == 1 && $asiAllowed)
                                                    @php $iconASIhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $aspAsiAllowed)
                                                    @php $iconAspASIhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $oasiAllowed)
                                                    @php $iconOASIhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $aspOasiAllowed)
                                                    @php $iconAspOASIhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $assetAllowed)
                                                    @php $iconASSEThtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $assetTaskAllowed)
                                                    @php $iconASSETtaskhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 1 && $assetPosAllowed)
                                                    @php $iconASSETposhtml = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 2 && $asi360Allowed)
                                                    @php $icon360html = ""; @endphp
                                                @endif

                                                @if ($groupTypeID == 2 && $aspAsi360Allowed)
                                                    @php $iconAsp360html = ""; @endphp
                                                @endif
                                                @php
                                                    $iconGroupTypeHtml = '';

                                                    if ($group->groupTypeID == 1) {
                                                        if ($group->asiAllowed || $group->aspAsiAllowed) {
                                                            if ($group->oasiAllowed || $group->aspOasiAllowed) {
                                                                if ($group->assetAllowed) {
                                                                    $iconGroupTypeHtml = "{$iconASIhtml}<br>{$iconOASIhtml}<br>{$iconASSEThtml}";
                                                                } else {
                                                                    $iconGroupTypeHtml = "{$iconASIhtml}<br>{$iconOASIhtml}";
                                                                }
                                                            } else {
                                                                if ($group->assetAllowed) {
                                                                    $iconGroupTypeHtml = "{$iconASIhtml}<br>{$iconASSEThtml}";
                                                                } else {
                                                                    $iconGroupTypeHtml = $iconASIhtml;
                                                                }
                                                            }
                                                        } else {
                                                            if ($group->oasiAllowed || $group->aspOasiAllowed) {
                                                                if ($group->assetAllowed) {
                                                                    $iconGroupTypeHtml = "{$iconOASIhtml}<br>{$iconASSEThtml}";
                                                                } else {
                                                                    $iconGroupTypeHtml = $iconOASIhtml;
                                                                }
                                                            } else {
                                                                if ($group->assetAllowed) {
                                                                    $iconGroupTypeHtml = $iconASSEThtml;
                                                                }
                                                            }
                                                        }
                                                    } elseif ($group->groupTypeID == 2) {
                                                        if ($group->asi360Allowed) {
                                                            $iconGroupTypeHtml = $icon360html;
                                                        }
                                                        if ($group->aspAsi360Allowed) {
                                                            $iconGroupTypeHtml .= $iconAsp360html;
                                                        }
                                                    }
                                                    @endphp

                                                    @if ($group->groupTypeID == 2)
                                                        @php $iconGroupTypeHtml = "&nbsp;<img src='../images/lbl_360_small.png'>"; @endphp
                                                    @endif

                                                    @php
                                                    $dateEnd = $group->dateEnd;
                                                    if (empty($dateEnd) || is_null($dateEnd)) {
                                                        $dateEnd = now()->format('Y-m-d');
                                                    } else {
                                                        $dateEnd = date('Y-m-d', strtotime($group->dateEnd));
                                                    }

                                                    $groupNameHtml = $group->groupName;

                                                    if (!$group->activeRecord) {
                                                        $groupNameHtml = "<strike>{$groupNameHtml}</strike>";
                                                    }
                                                    @endphp

                                                    <!-- $groupCodeHtml = "<a href='reports_group_summary2.asp?gc={$group->groupCode}' class='linkSmall' id='tableCellLink' style='display:block !important;'>{$group->groupCodeHtml}</a>";
                                                    $summaryReportLink = "<a href='reports_group_summary2.asp?gc={$group->groupCode}' class='linkSmall'>"; -->
                                                    @php
                                                    $activeGroupStatus = " <font color='#009900'>Group Open</font>";
                                                    if (!is_null($group->dateClosed)) {
                                                        $activeGroupStatus = " <font color='#000000'>Group closed</font> {$group->dateClosed}";
                                                    }

                                                    $groupExpected = "Expected: " . ($group->asiUsers + $group->oasiUsers + $group->assetUsers + $group->aspAsiUsers + $group->aspOasiUsers);
                                                    $groupActual = "Actual: {$totalCount}";
                                                    @endphp

                                                    @php
                                                        $d_diffDays = Carbon\Carbon::parse($group->dateEnd)->diffInDays(now());
                                                        $d_diffMonth = Carbon\Carbon::parse($group->dateEnd)->diffInMonths(now());
                                                        $d_diffHtml = '';

                                                        if ($d_diffDays > 90) {
                                                            $d_diffHtml = "{$d_diffMonth}<br>months";
                                                        } elseif ($d_diffDays < 5) {
                                                            $d_diffHtml = "<font color='red'>{$d_diffDays}</font><br><font color='red'>days</font>";
                                                        } elseif ($d_diffDays >= 5 && $d_diffDays <= 90) {
                                                            $d_diffHtml = "{$d_diffDays}<br>days";
                                                        } elseif ($d_diffDays === 1 || $d_diffDays === -1) {
                                                            $d_diffHtml = "<font color='red'>{$d_diffDays}</font><br><font color='red'>day</font>";
                                                        }
                                                    @endphp
                                                    <!-- <tr>
                                                        <td>{{ $group->groupCode }}</td>
                                                        <td>{{ $group->groupName }}</td>
                                                        <td>{{ $totalCount }}</td>
                                                        <td>
                                                            <a href="{{ route('group.summary', ['gc' => $group->groupCode]) }}">
                                                                <img src="{{ asset('images/system/icon_system_reports_group.gif') }}" alt="Group Summary Report" width="18" height="18">
                                                            </a>
                                                        </td>
                                                        <td>
                                                           
                                                        </td>
                                                        <td>{{ $group->dateEnd }}</td>
                                                    </tr> -->
                                                    <tr id='tableRowHover' >
                                                    <td align='center' style='width:60px; height:100%;'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall' id='tableCellLink' style='display:block !important;'>{{ $i }}</a>
                                                        </td>
                                                        <td align='center' style='width:60px; height:100%;'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall' id='tableCellLink' style='display:block !important;'>{{ $group->groupCode }}</a>
                                                        </td>
                                                        <td style='border-right:1px solid #ddd;' width='360'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall'>{{ $group->groupName }}</a>
                                                        </td>
                                                        <!-- <td align='center' style='border-right:1px solid #ddd;'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall'>
                                                                <div style='width:100%;float:left;background-color:#fff;font-style:italic;'>
                                                                    {!! $iconASIhtml !!}
                                                                    {!! $iconAspASIhtml !!}
                                                                    {!! $iconOASIhtml !!}
                                                                    {!! $iconAspOASIhtml !!}
                                                                    {!! $iconASSEThtml !!}
                                                                    {!! $iconASSETtaskhtml !!}
                                                                    {!! $iconASSETposhtml !!}
                                                                    {!! $icon360html !!}
                                                                    {!! $iconAsp360html !!}
                                                                </div>
                                                            </a>
                                                        </td>
                                                        <td align='center' style='border-right:1px solid #ddd;'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall'>
                                                                <img src='../images/system/icon_system_reports_group.gif' alt='Group Summary Report' width='18' height='18' border='0'>
                                                            </a>
                                                        </td> -->
                                                        <td width='60' align='center'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall'>
                                                                <img src='../images/system/icon_system_reports_group.gif' alt='Group Summary Report' width='18' height='18' border='0'>
                                                            </a>
                                                        </td>
                                                        <td align='left' width='65'>
                                                            <a href='reports-group-summary?gc={{ $group->groupCode }}' class='linkSmall'>
                                                              {!! $d_diffHtml !!} -  {{ $group->dateEnd }}
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Unpaid Orders</h4>
                                        <!-- <p class="card-title-desc">DataTables has most features enabled by
                                            default, so all you need to do to use it with your own tables is to call
                                            the construction function: <code>$().DataTable();</code>.
                                        </p> -->
                                    </div>
                                    <div class="card-body">
        
                                        <table id="datatable" class="table table-bordered dt-responsive  nowrap w-100">
                                            <thead>
                                            <tr>
                                                <th>Order #</th>
                                                <th>Date </th>
                                                <th>Group</th>
                                                <th>Total</th>
                                                <th>Payment Status</th>
                                                <th>View</th>
                                            </tr>
                                            </thead>
        
        
                                            <tbody>
                                            @foreach($orders as $order)
                                                                                            <tr>
                                                    <td>{{$order->orderID}}</td>
                                                    <td>{{$order->dateAdded}}</td> <!-- Replace with the actual date field -->
                                                    <td>{{$order->groupCode }}- {{$order->groupName}}</td>
                                                    <td>{{currencyTestV2($order->invoiceTotal)}}</td>
                                                    <td>Not paid</td>
                                                    <td><a href='account-order-display?orderID='>Invoice</a></td>
                                                </tr>
                                                                                        @endforeach

                                            </tbody>
                                        </table>
        
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div> <!-- end row -->

<style>
    /* Dark Mode Styles for Account Page Tables */
    body[data-layout-mode="dark"] #datatable {
        color: #e9ecef;
    }
    
    body[data-layout-mode="dark"] #datatable thead th {
        background: #323849 !important;
        color: #adb5bd !important;
        border-bottom: 2px solid #3a4052 !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody tr {
        background-color: #2a3042 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td {
        background-color: #2a3042 !important;
        color: #e9ecef !important;
        border-color: #3a4052 !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td[style*="border"] {
        border-color: #3a4052 !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody tr:hover {
        background-color: #3a4052 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    
    body[data-layout-mode="dark"] #datatable tbody tr.tableRowHover,
    body[data-layout-mode="dark"] #datatable tbody tr[id="tableRowHover"] {
        background-color: #2a3042 !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody tr.tableRowHover:hover,
    body[data-layout-mode="dark"] #datatable tbody tr[id="tableRowHover"]:hover {
        background-color: #3a4052 !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td a.linkSmall {
        color: #6c9bff !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td a.linkSmall:hover {
        color: #8bb3ff !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td font[color="red"] {
        color: #ff6b6b !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td font[color="#000000"] {
        color: #adb5bd !important;
    }
    
    body[data-layout-mode="dark"] #datatable tbody td font[color="#009900"] {
        color: #51cf66 !important;
    }
    
    /* DataTables Dark Mode Styles */
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_length,
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_filter,
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_info,
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_paginate {
        color: #adb5bd !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_filter input {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_filter input:focus {
        background-color: #2a3042 !important;
        border-color: #6c9bff !important;
        color: #e9ecef !important;
        box-shadow: 0 0 0 0.2rem rgba(108, 155, 255, 0.25);
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_length select {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_length select:focus {
        background-color: #2a3042 !important;
        border-color: #6c9bff !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
        color: #adb5bd !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background-color: #6c9bff !important;
        border-color: #6c9bff !important;
        color: #ffffff !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #3a4052 !important;
        border-color: #3a4052 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
        color: #495057 !important;
        opacity: 0.5;
    }
    
    body[data-layout-mode="dark"] .dataTables_wrapper .dataTables_info {
        color: #adb5bd !important;
    }
    
    /* Card Dark Mode Styles */
    body[data-layout-mode="dark"] .card {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
    }
    
    body[data-layout-mode="dark"] .card-header {
        background-color: #323849 !important;
        border-bottom-color: #3a4052 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .card-title {
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .card-body {
        background-color: #2a3042 !important;
        color: #e9ecef !important;
    }
    
    /* Alert Dark Mode Styles */
    body[data-layout-mode="dark"] .alert {
        background-color: #2a3042 !important;
        border-color: #3a4052 !important;
        color: #e9ecef !important;
    }
    
    body[data-layout-mode="dark"] .alert-info {
        background-color: #1e3a5f !important;
        border-color: #2a4a7a !important;
        color: #b3d9ff !important;
    }
</style>

@include('./util/footer')