@extends('tenant.layouts.supervisor')

{{--Tilte Section--}}
@section('title', 'Group Page')

{{--Style Section--}}
@section('style')
    <style>
        th{
            background: #fbfbfb !important;
        }
            .icons{
                /*position: relative;*/
                background: green;
                color: white;
                border-radius: 25%;
                opacity: .4;
                padding: 5px;
                display: inline-block;
            }

            .icons-2{
                background: white;
                color: #818181;
                border:solid 1px black;
                border-radius: 25%;
                padding: 5px;
                display: inline-block;
            }
            .icons.active{
                opacity: 1;
            }

            .list-filter{
                overflow-x: auto;
                white-space: nowrap;
            }

            .list-filter::-webkit-scrollbar {
                display: none;
            }
            .w-95 {
                width: 95%!important;
            }
            .mt-10{
                margin-top: 10px;
            }
            .w-px-200{
                width: 200px!important;
            }
            .mt-35{
                margin-top: 35px;
            }
            .md-header{
                background:background: rgb(5,177,48);
background: linear-gradient(90deg, rgba(5,177,48,1) 0%, rgba(3,153,39,1) 57%, rgba(195,223,0,1) 100%);
color:white;
            }
            .rounded-top-4{
                border-top-left-radius: 1rem;
    border-top-right-radius:1rem;

            }
            .md-header_delete{
                background: rgb(254,0,0);
background: -moz-linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(255,63,63,1) 32%, rgba(247,75,75,1) 53%, rgba(255,85,85,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(255,63,63,1) 32%, rgba(247,75,75,1) 53%, rgba(255,85,85,1) 100%);
background: linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(255,63,63,1) 32%, rgba(247,75,75,1) 53%, rgba(255,85,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe0000",endColorstr="#ff5555",GradientType=1);

            }
            .but{
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
        border-color: #e0f4ea;
        background-color: #e0f4ea;
        border: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: auto;
    }
    .form-check-input:checked {
        background-color:  #00a34e;
        border-color: #00a34e;
    }
    .md-top-mar{
        --bs-modal-margin: 11.75rem;
    }

    </style>
@endsection

{{--Content Section--}}
@section('content')

    <livewire:tenant.supervisor.group.index />

@endsection

@section('script')
      <script>
        window.addEventListener('close-modal', event => {
            console.log('test')
            document.getElementById('closeModal').click();
        });

        window.addEventListener('close-modal-d', event => {
            console.log('test')
            document.getElementById('closeModalDelete').click();
        });
    </script>
@endsection