@extends('admin.layout')
<style>
    .search_bar {
        position: relative;
    }

    .search_bar a {
        position: absolute;
        top: 8px;
        right: 10px;
    }

    .custom-control-green .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #237840;
        background-color: #237840;
    }

    .custom-control-grey .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #b0b0b0;
        background-color: #b0b0b0;
    }

    .custom-control-red .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #ea5455;
        background-color: #ea5455;
    }
</style>
<style>
    ul.tabs {
        margin: 0 auto 10px;
        padding: 15px 0;
        list-style: none;
        display: flex;
        border-radius: 0;
        justify-content: center;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

    ul.tabs li {
        color: #808080;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        background: rgb(166 166 166 / 20%);
        border-radius: 0px;
        width: 33.33%;
        margin: 0 6px;
        text-align: center;
        font-weight: 600;
        border: 1px solid #cbcbcb;
        border-radius: 4px;
        font-size: 16px;
        /* box-shadow: 0 0 9px #c9c9c9; */
    }

    ul.tabs li.current,
    ul.tabs li:hover {
        background: #DB644D;
        color: #fff;
    }

    .tab-content {
        display: none;
    }

    .tab-content.current {
        display: inherit;
    }
</style>

@section('main')
    <div class="content-header row">
    </div>
    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        <section id="dashboard-ecommerce">
            <div class="content-header row mb-1">
                <div class="row breadcrumbs-top">
                    <div class="col-12">

                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="" class="router-link-active" target="_self"><svg
                                            xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="align-text-top feather feather-home">
                                            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                            <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                        </svg></a></li>
                                <li class="breadcrumb-item"><a href="{{ route('superAdmin.manage.admin.permission') }}"
                                        target="_self" class="">
                                        Manage
                                        permission </a></li>
                                <li class="breadcrumb-item active"><span aria-current="location"> Permission User </span>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="content-body">
            <section class="app-user-view">
                <!-- User Card & Plan Starts -->
                <div class="row">
                    <!-- User Card starts-->
                    <div class="col-xl-12">
                        <a href="{{ route('admin.designation') }}" class="mb-2 spaSlug"><i class="fa fa-arrow-left "></i>
                            Back</a>
                        <div class="card user-card border-primary mt-2">
                            <div class="card-body">
                                <div class="row">
                                    <div class="user-avatar-section">
                                        <div class="d-flex justify-content-start">
                                            <div class="user_avtar" height="104" width="104">{{ $initials }}
                                            </div>
                                            <div class="d-flex flex-column ml-2 my-auto">
                                                <div class="user-info mb-1">
                                                    <h4 class="mb-0">{{ $vDesignation }}</h4>

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12 mt-2">
                                        <ul class="tabs">
                                            <li class="tab-link current" data-tab="tab-1">
                                                <i class="fa-solid fa-user-doctor mr-1"></i> Doctor's Contract
                                            </li>
                                            <li class="tab-link" data-tab="tab-2"><i
                                                    class="fa-solid fa-coins mr-1"></i>Proactive Sampling</li>
                                            <li class="tab-link" data-tab="tab-3"><i class="fa-solid fa-coins mr-1"></i>Camp
                                            </li>
                                            <li class="tab-link" data-tab="tab-4"><i
                                                    class="fa-solid fa-coins mr-1"></i>Other Services</li>
                                        </ul>
                                    </div>
                                    <div class="col-12">
                                        <div id="tab-1" class="tab-content current">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>

                                                                        @foreach ($permission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    @php
                                                                                        $class = '';
                                                                                        $isChecked = false;
                                                                                        if (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $addedPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-green';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $removedPermission ??
                                                                                                    [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-red';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $commonPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-grey';
                                                                                            $isChecked = true;
                                                                                        }
                                                                                    @endphp

                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox {{ $class }}">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['id'] }}]"
                                                                                                @if ($isChecked) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach

                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>

                                            </div>
                                        </div>
                                        <div id="tab-2" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>

                                                                        @foreach ($counterfeitpermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    @php
                                                                                        $class = '';
                                                                                        $isChecked = false;
                                                                                        if (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $addedPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-green';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $removedPermission ??
                                                                                                    [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-red';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $commonPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-grey';
                                                                                            $isChecked = true;
                                                                                        }
                                                                                    @endphp

                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox {{ $class }}">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['id'] }}]"
                                                                                                @if ($isChecked) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach

                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>

                                            </div>
                                        </div>

                                        {{-- START Tab - 3 - CAMP --}}

                                        <div id="tab-3" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>

                                                                        @foreach ($campPermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    @php
                                                                                        $class = '';
                                                                                        $isChecked = false;
                                                                                        if (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $addedPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-green';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $removedPermission ??
                                                                                                    [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-red';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $commonPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-grey';
                                                                                            $isChecked = true;
                                                                                        }
                                                                                    @endphp

                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox {{ $class }}">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['id'] }}]"
                                                                                                @if ($isChecked) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach

                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>

                                            </div>
                                        </div>

                                        {{-- END TAB - 3 CAMP --}}

                                        {{-- START Tab - 4 - OTHER SERVICES --}}

                                        <div id="tab-4" class="tab-content">
                                            <div class="row">

                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>

                                                                        @foreach ($otherServicePermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    @php
                                                                                        $class = '';
                                                                                        $isChecked = false;
                                                                                        if (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $addedPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-green';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $removedPermission ??
                                                                                                    [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-red';
                                                                                            $isChecked = true;
                                                                                        } elseif (
                                                                                            in_array(
                                                                                                $value2['id'],
                                                                                                $commonPermission ?? [],
                                                                                            )
                                                                                        ) {
                                                                                            $class =
                                                                                                'custom-control-grey';
                                                                                            $isChecked = true;
                                                                                        }
                                                                                    @endphp

                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox {{ $class }}">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input"
                                                                                                id="{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['id'] }}]"
                                                                                                @if ($isChecked) checked @endif />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach

                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>

                                            </div>
                                        </div>

                                        {{-- END TAB - 4 OTHER SERVICES --}}
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- User Card & Plan Ends -->


            </section>

        </div>

    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

        })
    </script>
@endsection