@extends('app-new')
@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@section('content')

<section id="dashboard-ecommerce">
    <div class="row match-height">
        <!-- Statistics Card -->
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-header new-card-header mb-0 justify-content-center">
                <div class="row justify-content-center">
                    <div class="col-md-12 text-center">
                    <h2 class="card-title new-card-title mb-sm-2 mt-sm-2 ">Settings / Configuration</h2>
                    </div>
                    <div class="col-md-12">
                    <!-- <div class="mb-1 position-relative">
                        <input type="text" class="form-control" id="basicInput" placeholder="Enter email">
                        <img src="../../../app-assets/images/portrait/small/search.png" class="search-icon me-1" alt="Avatar" height="20">
                    </div> -->
                    </div>
                </div>
                </div>
                <div class="card-body">
                    <div class="row justify-content-center">
                        <div class="col-md-10">
                            <div class="row mt-4">
                                @foreach($allModules as $key=>$module)
                                    <br />
<b>Warning</b>:  Undefined variable $module in <b>/var/www/html/thepresence360/resources/views/menu-setting.blade.php</b> on line <b>45</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/menu-setting.blade.php</b> on line <b>45</b><br />
                                    @if($module['isNested']==1)
                                        <div class="col-md-3 head-border" id="#headingOne{{$module['id']}}" data-bs-toggle="collapse" data-bs-target="#module{{$module['id']}}" aria-expanded="true" aria-controls="{{$module['id']}}">
                                            <div class="new-border position-relative">
                                                <div class="card new-card text-center active-card">
                                                    <div class="card-body">
                                                        <div>
                                                            <i class="module-icon" data-feather="{{$icon}}"></i>
                                                            <p class="card-text">{{$module['name']}}</p>
                                                            <i class="arrow-icon" data-feather="chevron-down"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div  id="module{{$module['id']}}" aria-labelledby="headingOne{{$module['id']}}" class="row accordion-collapse collapse new-accordian">
                                            <h3 class="sub-module-heading">{{$module['name']}}</h3>
                                            <br>
                                            @foreach($module['sub_menu'] as $k=>$sub_module)
                                                @if($sub_module['alias']=='/checkin-logs' && $organizationLogo->no_of_checkin <=0)
                                                @elseif($sub_module['alias']=='/location-logs' && $organizationLogo->no_of_live_tracking <=0)
                                                @else
                                                    <br />
<b>Warning</b>:  Undefined variable $sub_module in <b>/var/www/html/thepresence360/resources/views/menu-setting.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/var/www/html/thepresence360/resources/views/menu-setting.blade.php</b> on line <b>72</b><br />
                                                    <div class="col-md-3 head-border">
                                                        <div class="new-border position-relative">
                                                            <a href="{{$aliasVal}}{{$sub_module['alias']}}">
                                                                <div class="card new-card text-center">
                                                                    <div class="card-body">
                                                                        <div>
                                                                            <i class="module-icon" data-feather="{{$icon}}"></i>
                                                                            <p class="card-text">{{$sub_module['name']}}</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    @elseif(in_array($module['position'], array('setting', 'both') ))
                                        <div class="col-md-3 head-border">
                                            <div class="new-border position-relative">
                                                <a href="{{$aliasVal}}{{$module['alias']}}">
                                                    <div class="card new-card new-accordian-card text-center align-center">
                                                        <div class="card-body">
                                                            <div>
                                                                <i class="module-icon" data-feather="{{$icon}}"></i>
                                                                <p class="card-text">{{$module['name']}}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ Statistics Card -->
    </div>

</section>

<style>
    #dashboard-ecommerce a {
        text-decoration: none;
        color: #6e6b7b!important;
    }
    .new-border:after {
        content: '';
        display: block;
        position: relative;
        width: 80%;
/*        border-bottom: 1px solid #D8D6DE;*/
        margin: 0 auto;
        top: 0;
    }
    .new-border:before {
        content : "";
        position: absolute;
        right    : 0;
        z-index: 1;
        top  : 20%;
        height   : 60%;
/*        border-right: 1px solid #D8D6DE;*/
    }

/*    .new-accordian-card{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;}*/
    .card .card{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;}
    
    .card .active{background-color: #e6e6e6;}
    .new-accordian{ background: rgb(233 223 237 / 41%); padding: 29px 16px 0px 12px; margin-bottom: 26px !important; margin-left: 16px;    width: 97%;}
    div.head-border:nth-of-type(4n) .new-border:before {
        border-right: none;
    }

    .nonenew-border::before{border-right: none;} 
    .nonenewborder-bottom::after{border-bottom: none;}
    .module-icon{
        height:30px; 
        width:30px; 
        color: #7367f0;
    }
    .arrow-icon{
        position: absolute; 
        left: 45%; 
        bottom: 9px; 
        height:20px; 
        width:20px; 
        color: #7367f0;
    }
    .sub-module-heading{
        color: #7367f0;
        text-align: center;
        margin-bottom: 1em;

    }

    .search-icon{position: absolute; right: 0; top: 9px; }
    .new-card-title{font-weight: 600;font-size: 25px !important;text-align: center;color: #7367F0;}
    .new-card p{margin-top: 17px; font-size: 1.1em}
    .new-card{ min-height:150px; }

    .new-card .card-body{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .new-card-header{background: url(../../../app-assets/images/portrait/small/bg.png)no-repeat ;     background-size: cover;}
</style>

@endsection
@push('footer')
<script src="/app-assets/js/scripts/components/components-accordion.js"></script>
<script>
    $(".active-card").click(function(){
        $('.active-card').each(function(){
            $(this).removeClass("active");
        })
        $(this).addClass("active");

    })
</script>
@endpush