@extends('admin.layout')
<style>
    .upload_view_img ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }
    .orange_bx {
        border: 1px solid #c8c8c8 !important;
        border-radius: 8px !important;
        padding: 10px 30px !important;
        font-weight: 600  !important;
        color: #000000 !important;
        background: #ffffff !important;
    }
    .orange_bx .act_type {
        border: 0 !important;
        padding: 0 20px 0 0px !important;
        border-right: 1px solid #b1b1b1 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    .act_type {
        box-shadow: 0px 3px 6px #E5F6FF29 !important;
        border: 1px solid #FFC1B5 !important;
        border-radius: 8px !important;
        padding: 10px 30px !important;
        font-weight: 600 !important;
        color: #000000 !important;
    }

    .upload_view_img ul li {
        width: 80px;
        height: 80px;
        border: 1px solid #dbdbdb;
        padding: 2px;
        border-radius: 4px;
        position: relative;
        margin: 0 5px 5px;
        list-style: none;
    }

    .upload_view_img ul li img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .upload_view_img ul li i {
        position: absolute;
        top: -5px;
        right: -5px;
        width: 20px;
        height: 20px;
        background: red;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        font-size: 12px;
    }
</style>

<style>
    b {
        color: #000;
    }

    .id_tab ul.tabs a.active p,
    .id_tab ul.tabs a.active p b {
        color: #F97D4A;
        font-weight: 600;
    }

    .br_comment {
        display: block;
    }

    .poof_view .right p {
        font-weight: 700;
        color: #000;
    }

    .tab-content.active {
        display: block !important;
    }

    .id_tab ul.tabs a.active .location_tab span {
        color: #F97842;
        font-weight: 600;
        background: rgb(249 120 66 / 16%);
    }

    .id_tab ul.tabs a.active {
        background: rgb(249 125 74 / 16%);
        color: #222;
        border: 0;
    }

    .id_tab ul.tabs a {
        background: none;
        color: #222;
        display: block;
        padding: 10px 15px;
        cursor: pointer;
        width: 100%;
        text-align: left;
        background: rgb(125 125 125 / 6%);
        margin-bottom: 15px;
        border-radius: 8px;
        font-size: 16px;
        border: 0;
    }

    .tab-content {
        display: none;
    }

    .location_tab p {
        display: flex;
        align-items: center;
    }

    .location_tab p svg {
        width: 20px;
        margin-right: 10px;
    }

    .id_tab ul.tabs a.active p svg {
        fill: #db644d;
    }

    .location_tab p b {
        padding-left: 5px;
    }

    .tab-content {
        display: none;
    }

    .tab-content.active {
        display: block;
    }

    .poof_view .ppt_dow {
        position: absolute;
        top: 50%;
        right: 20px;
        background: transparent;
        width: 30px;
        height: 30px;
        color: #000000;
        border: 1px solid #000000;
        font-size: 14px;
        transform: translateY(-50%);
        border-radius: 5px;
    }

    .ppt .ppt_dow {
        background: rgb(231 76 60 / 10%);
        border: 1px solid #e74c3c;
        color: #e74c3c;
    }

    .excel_sheet .ppt_dow,
    .upload_gallery .ppt_dow {
        background: #cccccc;
        border: 1px solid #858585;
    }

    button.ppt_dow {
        position: relative;
    }

    button.ppt_dow span {
        position: absolute;
        background: #db644d;
        top: -10px;
        right: -10px;
        width: 18px;
        height: 18px;
        border-radius: 50px;
        color: #fff;
        font-weight: 600;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .upload_view_img ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .upload_view_img ul li {
        width: 80px;
        height: 80px;
        border: 1px solid #dbdbdb;
        padding: 2px;
        border-radius: 4px;
        position: relative;
        margin: 0 5px 5px;
        list-style: none;
    }

    .upload_view_img ul li img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .upload_view_img ul li i {
        position: absolute;
        top: -5px;
        right: -5px;
        width: 20px;
        height: 20px;
        background: red;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        font-size: 12px;
    }
    .upload_photo span img { width: 100%; max-width: 28px;
    }
    .upload_photo P {
        font-size: 14px;
        font-weight: 500 !important;
        color: #292929;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>
<style>
    .new_rs_white_shadow {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #E5F6FF29;
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 15px;
    }

    .rs_main_title {
        border-bottom: 1px solid #FFC1B5;
    }

    .rs_main_title h2 {
        padding: 0px 0 5px;
        font-size: 18px;
        color: #415f6c;
    }

    .rs_main_title h2 img {
        width: 20px;
    }

    .pro_met_view {
        padding: 10px 0 0;
        display: flex;
        flex-wrap: wrap;
    }

    .pro_met_view .left {
        width: 40%;
    }

    .pro_met_view .right {
        width: 60%;
    }

    .pro_met_view h5 {
        color: #151726;
        font-weight: 600;
    }

    .pro_met_view span {
        color: #828282;
    }

    .pro_met_view .right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .pro_met_view .right .rs_middle {
        padding: 0 20px;
    }

    .pro_met_view .right .rs_middle .web_icon {
        width: 40px;
        height: 40px;
        background: #D6D6D6;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pro_met_view .right .rs_middle .web_icon img {
        width: 100%;
        max-width: 24px;
    }

    .tabing_rs.bg_tab .tab-link span {
        margin: 0 10px 0 0;
        position: relative;
    }

    .tabing_rs.bg_tab .tab-link span svg path {
        fill: #a9a29e;
    }

    .tabing_rs.bg_tab .tab-link.current span svg path {
        fill: #DB644D;
    }

    .top_check_fixed {
        position: absolute;
        top: -11px;
        right: -5px;
    }

    .top_check_fixed i {
        background: #fff;
        border-radius: 50px;
    }

    .pro_met_view .right div {
        width: 33.33%;
        position: relative;
    }

    .pro_met_view .right .rs_right,
    .pro_met_view .right .rs_left {
        position: relative;
    }

    .pro_met_view .right .rs_right:before,
    .pro_met_view .right .rs_left:before {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        background: #dadada;
        right: 50px;
    }



    @media (max-width:991px) {
        .tabing_rs.bg_tab .tab-link span {
            display: block;
            margin: 0 0 7px;
        }

        .tabing_rs.bg_tab .tab-link span svg {
            width: 28px;
            height: 30px;
        }

        ul.tabs {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
        }

        .top_check_fixed {
            top: -4px;
            left: 0;
            right: -31px;
            margin: 0 auto;
        }

        .tabing_rs.bg_tab .tab-link {
            font-size: 14px;
            width: 33.33%;
            line-height: 14px;
        }

        .pro_met_view .left,
        .pro_met_view .right {
            width: 100%;
        }

        .pro_met_view .left {
            padding-bottom: 10px;
        }

        .pro_met_view .right {
            justify-content: flex-start;
        }

        /* width */
        /* width */
        ul.tabs::-webkit-scrollbar {
            width: 1px;
            height: 2px;
        }

        /* Track */
        ul.tabs::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        /* Handle */
        ul.tabs::-webkit-scrollbar-thumb {
            background: #415f6c;
        }

        /* Handle on hover */
        ul.tabs::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
    }


    @media (max-width:575px) {
        .tabing_rs.bg_tab {
            margin: 0 -15px 10px;
            border-radius: 0;
        }

        ul.tabs {
            display: block;
        }

        .rs_main_title h2 {
            font-size: 14px;
            display: flex;
            align-items: center;
        }

        .rs_main_title h2 img {
            margin-right: 8px;
        }

        .pro_met_view h5 {
            font-size: 14px;
        }

        .pro_met_view .right .rs_middle {
            padding: 0 10px;
        }

        .pro_met_view .right .rs_right:before,
        .pro_met_view .right .rs_left:before {
            opacity: 0;
        }

        .pro_met_view .right .rs_left {
            order: 3;
        }

        .pro_met_view .right div {
            width: auto;
        }
    }
</style>
@section('main')
    <div class="content-header row">
    </div>
    <!-- Modal -->
    <div class="modal fade" id="preview_doc" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Review Document</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="preview_doc_id">
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end g-2 mb-2">
                <div class="col-lg-auto col-md-auto col-sm-auto col-auto mr-auto my-auto">
                    <h2 class="m-0">
                        @if (auth()->user()->eRole == 'Field')
                            <a href="{{ route('field.other.services') }}" class="ml-1 mr-1">
                                <i class="fa-solid fa-arrow-left-long"></i>
                            </a>
                        @else
                            <a href="{{ route('division.other.activity.service') }}" class="ml-1 mr-1">
                                <i class="fa-solid fa-arrow-left-long"></i>
                            </a>
                        @endif
                        Closure Form

                    </h2>
                </div>
                {{-- <div class="col-lg-auto col-md-auto col-sm-auto col-auto ms-auto my-auto">
                    <div class="form-group">
                        <a data-toggle="modal" data-target="#add_activity"
                            class="btn btn-primary btn-toggle-sidebar waves-effect waves-float waves-light">
                            <span class="">
                                Save & Update
                            </span>
                        </a>
                    </div>
                </div> --}}
            </div>
        </section>
        <section>
            <div class="row match-height  g-2 mb-2">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12  my-auto">
                    <div class="orange_bx">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-6 col-6  my-auto">
                                <div class="act_type">
                                    <span>Activity ID :</span>
                                    <span>{{ $activityData->vOtherActivityAssignID }}</span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-6  my-auto">
                                <div class="act_type">
                                    <span>Activity Type :</span>
                                    <span>{{ $activityData->vActivityType }}</span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-6  my-auto">
                                <div class="act_type p-0" style="border:0;">
                                    <span>Activity Topic :</span>
                                    <span>{{ $activityData->vActivityTopic }}</span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-6  my-auto">
                                 <div class="form-group mb-0 text-right">
                                    <button type="button" class="btn btn-primary btn-toggle-sidebar waves-effect waves-float waves-light" onclick="setFinalSubmitValue();">
                                    <span class=""> Send for next approval <i class="fa fa-arrow-right-long ml-1"></i>  </span>
                                    </button>
                                </div>
                            </div>

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


        </section>
        <!-- Dashboard Ecommerce ends -->
        <section id="">
            <div class="row">
                <div class="col-12">
                    <div class="tabing_rs bg_tab">
                        <ul class="tabs">
                            <li class="tab-link " data-tab="tab-meeting-detail"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="21.939" height="21.025"
                                    viewBox="0 0 21.939 21.025">
                                    <g id="Meeting_" data-name="Meeting " transform="translate(-315 -87)">
                                        <g id="Group_37166" data-name="Group 37166" transform="translate(315 87)">
                                            <path id="Path_67096" data-name="Path 67096"
                                                d="M102.4,65.673h.914v6.4H102.4ZM96,63.844h13.712v.914H96ZM111.54,57.9a2.285,2.285,0,1,1,2.285-2.285A2.288,2.288,0,0,1,111.54,57.9Zm0-3.656a1.371,1.371,0,1,0,1.371,1.371A1.373,1.373,0,0,0,111.54,54.246Zm0,0"
                                                transform="translate(-91.886 -51.047)" fill="" />
                                            <path id="Path_67097" data-name="Path 67097"
                                                d="M300.953,194.587a.449.449,0,0,1-.18-.037.457.457,0,0,1-.24-.6l1.371-3.2a.456.456,0,0,1,.42-.277h3.2a1.373,1.373,0,0,0,1.371-1.371V183.16a.915.915,0,0,0-.914-.914h-.457c-.321,0-.613.212-1.006.733-.442.583-1.782,2.228-1.838,2.3a.458.458,0,0,1-.355.168h-2.285a.457.457,0,0,0-.457.457v.914a.457.457,0,1,1-.914,0V185.9a1.373,1.373,0,0,1,1.371-1.371h2.068c.36-.443,1.331-1.641,1.681-2.1a2.267,2.267,0,0,1,1.736-1.1h.457a1.83,1.83,0,0,1,1.828,1.828V189.1a2.288,2.288,0,0,1-2.285,2.285h-2.9l-1.253,2.922A.456.456,0,0,1,300.953,194.587Zm0,0"
                                                transform="translate(-285.87 -173.562)" fill="" />
                                            <path id="Path_67098" data-name="Path 67098"
                                                d="M299.128,306.895a.458.458,0,0,1-.433-.6l1.516-4.547a1.825,1.825,0,0,1,1.734-1.25h1.3v-1.371a.457.457,0,0,1,.914,0v1.828a.457.457,0,0,1-.457.457h-1.754a.912.912,0,0,0-.867.624l-1.516,4.548A.458.458,0,0,1,299.128,306.895Zm0,0"
                                                transform="translate(-285.873 -285.87)" fill="" />
                                            <path id="Path_67099" data-name="Path 67099"
                                                d="M17.825,64.758a.457.457,0,0,1-.365-.731L18.831,62.2a.457.457,0,0,1,.731.548L18.19,64.576A.454.454,0,0,1,17.825,64.758ZM2.285,57.9a2.285,2.285,0,1,1,2.285-2.285A2.288,2.288,0,0,1,2.285,57.9Zm0-3.656a1.371,1.371,0,1,0,1.371,1.371A1.373,1.373,0,0,0,2.285,54.246ZM6.856,72.071a.456.456,0,0,1-.42-.277L5.183,68.872h-2.9A2.288,2.288,0,0,1,0,66.587V60.645a1.83,1.83,0,0,1,1.828-1.828h.457a2.265,2.265,0,0,1,1.736,1.1c.351.463,1.321,1.66,1.681,2.1H7.77a1.373,1.373,0,0,1,1.371,1.371V64.3a.457.457,0,1,1-.914,0v-.914a.458.458,0,0,0-.457-.457H5.485a.456.456,0,0,1-.354-.168c-.057-.069-1.4-1.715-1.838-2.3-.394-.521-.686-.733-1.007-.733H1.828a.915.915,0,0,0-.914.914v5.942a1.373,1.373,0,0,0,1.371,1.371h3.2a.456.456,0,0,1,.42.277l1.371,3.2a.457.457,0,0,1-.24.6.448.448,0,0,1-.18.037Zm0,0"
                                                transform="translate(0 -51.047)" fill="" />
                                            <path id="Path_67100" data-name="Path 67100"
                                                d="M90.36,306.895a.458.458,0,0,1-.434-.313l-1.516-4.547a.913.913,0,0,0-.867-.625H85.789a.457.457,0,0,1-.457-.457v-1.828a.457.457,0,0,1,.914,0V300.5h1.3a1.826,1.826,0,0,1,1.735,1.25l1.516,4.547a.457.457,0,0,1-.289.578A.463.463,0,0,1,90.36,306.895Zm0,0"
                                                transform="translate(-81.676 -285.87)" fill="" />
                                            <path id="Path_67101" data-name="Path 67101"
                                                d="M55.158,13.712a.457.457,0,0,1-.366-.183L53.421,11.7a.457.457,0,0,1,.731-.548l1.371,1.828a.457.457,0,0,1-.365.731ZM65.67,11.883a.456.456,0,0,1-.457-.457v-3.2A1.83,1.83,0,0,0,63.385,6.4H60.642a1.83,1.83,0,0,0-1.828,1.828V9.6a.457.457,0,1,1-.914,0V8.227a2.745,2.745,0,0,1,2.742-2.742h2.742a2.745,2.745,0,0,1,2.742,2.742v3.2A.457.457,0,0,1,65.67,11.883ZM62.014,4.571A2.285,2.285,0,1,1,64.3,2.285,2.288,2.288,0,0,1,62.014,4.571Zm0-3.657a1.371,1.371,0,1,0,1.371,1.371A1.373,1.373,0,0,0,62.014.914Zm0,0"
                                                transform="translate(-51.044)" fill="" />
                                            <path id="Path_67102" data-name="Path 67102"
                                                d="M245.332,170.668h.914v.914h-.914Zm0,0"
                                                transform="translate(-234.82 -163.355)" fill="" />
                                        </g>
                                    </g>
                                </svg>
                                <div class="top_check_fixed">
                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                </div>
                            </span>Meeting</li>

                            <li class="tab-link " data-tab="tab-contract-detail"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="21.939" height="21.025" viewBox="0 0 43.659 49.093">
                                    <g id="pj1305" data-name="pj1305" transform="translate(-2.376 0.339)">
                                      <path id="Path_165472" data-name="Path 165472" d="M-62.448-35.946a1.045,1.045,0,0,1-.534-.147l-4.766-2.824a1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368l4.766,2.824a1.05,1.05,0,0,1,.368,1.439A1.05,1.05,0,0,1-62.448-35.946Z" transform="translate(98.263 77.672)" fill="#a9a29e"/>
                                      <path id="Path_165473" data-name="Path 165473" d="M-46.013-26.209a1.045,1.045,0,0,1-.534-.147l-3.512-2.081a1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368l3.512,2.081a1.05,1.05,0,0,1,.368,1.439A1.05,1.05,0,0,1-46.013-26.209Z" transform="translate(78.862 70.075)" fill="#a9a29e"/>
                                      <path id="Path_165474" data-name="Path 165474" d="M-18.031-9.631a1.045,1.045,0,0,1-.534-.147l-1.376-.815a1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368l1.376.815a1.05,1.05,0,0,1,.368,1.439A1.05,1.05,0,0,1-18.031-9.631Z" transform="translate(47.286 55.264)" fill="#a9a29e"/>
                                      <path id="Path_165475" data-name="Path 165475" d="M23.186,1.05H0A1.05,1.05,0,0,1-1.05,0,1.05,1.05,0,0,1,0-1.05H23.186A1.05,1.05,0,0,1,24.236,0,1.05,1.05,0,0,1,23.186,1.05Z" transform="translate(8.485 13.742)" fill="#a9a29e"/>
                                      <path id="Path_165476" data-name="Path 165476" d="M11.593,1.05H0A1.05,1.05,0,0,1-1.05,0,1.05,1.05,0,0,1,0-1.05H11.593A1.05,1.05,0,0,1,12.643,0,1.05,1.05,0,0,1,11.593,1.05Z" transform="translate(8.485 8.802)" fill="#a9a29e"/>
                                      <path id="Path_165477" data-name="Path 165477" d="M23.186,1.05H0A1.05,1.05,0,0,1-1.05,0,1.05,1.05,0,0,1,0-1.05H23.186A1.05,1.05,0,0,1,24.236,0,1.05,1.05,0,0,1,23.186,1.05Z" transform="translate(8.485 18.12)" fill="#a9a29e"/>
                                      <g id="Group_61689" data-name="Group 61689" transform="translate(0 0.002)">
                                        <path id="Path_165478" data-name="Path 165478" d="M7.891,8.941H2.921A3.976,3.976,0,0,1-1.05,4.97V0A1.05,1.05,0,0,1,0-1.05,1.05,1.05,0,0,1,1.05,0V4.97A1.873,1.873,0,0,0,2.921,6.841h4.97a1.05,1.05,0,0,1,0,2.1Z" transform="translate(28.64 0.908)" fill="#a9a29e"/>
                                        <path id="Path_165479" data-name="Path 165479" d="M-459.315-253.539h-7.42a3.975,3.975,0,0,1-3.971-3.971v-37.626a3.975,3.975,0,0,1,3.971-3.971h21.376a3.242,3.242,0,0,1,2.307.956l6.794,6.794a3.242,3.242,0,0,1,.956,2.307v12.129a1.05,1.05,0,0,1-1.05,1.05,1.05,1.05,0,0,1-1.05-1.05v-12.129a1.156,1.156,0,0,0-.341-.822l-6.794-6.794a1.156,1.156,0,0,0-.822-.341h-21.376a1.873,1.873,0,0,0-1.871,1.871v37.626a1.873,1.873,0,0,0,1.871,1.871h7.42a1.05,1.05,0,0,1,1.05,1.05A1.05,1.05,0,0,1-459.315-253.539Z" transform="translate(473.082 298.766)" fill="#a9a29e"/>
                                        <path id="Path_165480" data-name="Path 165480" d="M-117.011-14.988a1.9,1.9,0,0,1,.968.265l1.468.87a3.126,3.126,0,0,1,1.095,4.277l-4.789,8.083A3.138,3.138,0,0,1-120.958.039,3.121,3.121,0,0,1-122.547-.4l-1.468-.87a1.9,1.9,0,0,1-.666-2.6l6.035-10.187A1.909,1.909,0,0,1-117.011-14.988Zm-3.947,12.927a1.015,1.015,0,0,0,.881-.5l4.789-8.083a1.023,1.023,0,0,0-.358-1.4l-1.3-.768-5.831,9.842,1.3.768A1.019,1.019,0,0,0-120.958-2.061Z" transform="translate(132.861 38.563)" fill="#a9a29e"/>
                                        <path id="Path_165481" data-name="Path 165481" d="M-33.1-100.56a3.124,3.124,0,0,1-2.691-1.53l-2.244-3.789a1.05,1.05,0,0,1,.368-1.439,1.05,1.05,0,0,1,1.439.368l2.244,3.789a1.023,1.023,0,0,0,1.4.358l1.3-.768-5.831-9.842-1.3.768a1.015,1.015,0,0,0-.469.626,1.015,1.015,0,0,0,.111.774l.847,1.429a1.05,1.05,0,0,1-.368,1.439,1.05,1.05,0,0,1-1.439-.368l-.847-1.429a3.1,3.1,0,0,1-.339-2.365,3.1,3.1,0,0,1,1.433-1.912l1.468-.87a1.9,1.9,0,0,1,2.6.666l6.035,10.187a1.887,1.887,0,0,1,.206,1.439,1.887,1.887,0,0,1-.872,1.164l-1.468.87A3.1,3.1,0,0,1-33.1-100.56Z" transform="translate(75.147 139.161)" fill="#a9a29e"/>
                                        <path id="Path_165482" data-name="Path 165482" d="M-114.634-10.392a3.949,3.949,0,0,1-2.017-.556l-.845-.5a1.05,1.05,0,0,1-.371-1.438,1.05,1.05,0,0,1,1.438-.371l.847.5a1.855,1.855,0,0,0,1.625.136l1.369-.529c1.666-.644,2.682-.342,4.2.53l.012.007.242.143a1.05,1.05,0,0,1,.369,1.438,1.05,1.05,0,0,1-1.438.369l-.236-.14c-1.25-.717-1.55-.714-2.392-.389l-1.369.529A3.973,3.973,0,0,1-114.634-10.392Z" transform="translate(135.569 40.539)" fill="#a9a29e"/>
                                        <path id="Path_165483" data-name="Path 165483" d="M1.418,1.888a1.045,1.045,0,0,1-.533-.146L-.534.9A1.05,1.05,0,0,1-.9-.534,1.05,1.05,0,0,1,.534-.9l1.419.837a1.05,1.05,0,0,1-.535,1.954Z" transform="translate(13.361 36.951)" fill="#a9a29e"/>
                                        <path id="Path_165484" data-name="Path 165484" d="M3.121-94.582a2.71,2.71,0,0,1-1.385-.382L-.535-96.31A1.05,1.05,0,0,1-.9-97.748a1.05,1.05,0,0,1,1.439-.368l2.271,1.346a.622.622,0,0,0,.475.068.622.622,0,0,0,.384-.288.622.622,0,0,0,.068-.475.622.622,0,0,0-.287-.383h0a1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368h0l0,0L6.4-98.539a.627.627,0,0,0,.858-.22.627.627,0,0,0-.22-.858,1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368l1.257.745a.627.627,0,0,0,.858-.22.627.627,0,0,0-.219-.858h0a1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368l1.538.911a.622.622,0,0,0,.475.068.622.622,0,0,0,.383-.287.627.627,0,0,0-.22-.858,1.05,1.05,0,0,1-.368-1.439,1.05,1.05,0,0,1,1.439-.368,2.729,2.729,0,0,1,.956,3.735,2.708,2.708,0,0,1-1.67,1.252,2.714,2.714,0,0,1-1.284.018,2.719,2.719,0,0,1-.293.7,2.731,2.731,0,0,1-2.645,1.32,2.716,2.716,0,0,1-.321.82A2.731,2.731,0,0,1,5.74-96.533a2.744,2.744,0,0,1-.269.613A2.709,2.709,0,0,1,3.8-94.669,2.744,2.744,0,0,1,3.121-94.582Z" transform="translate(25.275 143.334)" fill="#a9a29e"/>
                                        <path id="Path_165485" data-name="Path 165485" d="M-128.1,5.141a1.047,1.047,0,0,1-.535-.147l-8.881-5.259a3.491,3.491,0,0,1-.682.959,3.467,3.467,0,0,1-2.467,1.02,1.862,1.862,0,0,1-1.858-1.86V-3.3a3.528,3.528,0,0,1,2.665-3.424l2.366-.6a3.511,3.511,0,0,1,2.158.136l1.541.605a1.854,1.854,0,0,0,1.621-.136l.007,0,.2-.115a1.05,1.05,0,0,1,1.435.38,1.05,1.05,0,0,1-.38,1.435l-.194.113a3.942,3.942,0,0,1-3.446.285l-.005,0-1.544-.607a1.423,1.423,0,0,0-.874-.055l-2.366.6a1.43,1.43,0,0,0-1.08,1.388v2.9a1.376,1.376,0,0,0,.74-.385,1.378,1.378,0,0,0,.406-.981v-.134a1.05,1.05,0,0,1,.53-.912,1.05,1.05,0,0,1,1.055.009l9.485,5.617q.1-.07.209-.133l.006,0,1.435-.838a1.05,1.05,0,0,1,1.436.377,1.05,1.05,0,0,1-.377,1.436l-1.431.836a1.867,1.867,0,0,0-.408.327A1.049,1.049,0,0,1-128.1,5.141Z" transform="translate(166.987 34.503)" fill="#a9a29e"/>
                                        <path id="Path_165486" data-name="Path 165486" d="M-41.162-50.343a2.711,2.711,0,0,1-1.586-.511,2.729,2.729,0,0,1-.625-3.8l.949-1.322a2.729,2.729,0,0,1,3.8-.625,2.708,2.708,0,0,1,1.1,1.773,2.708,2.708,0,0,1-.476,2.031,1.048,1.048,0,0,1-.789.436,1.048,1.048,0,0,1-.161.887A2.725,2.725,0,0,1-41.162-50.343Zm.954-4.673a.626.626,0,0,0-.509.261l-.949,1.322a.627.627,0,0,0,.143.874.627.627,0,0,0,.873-.143,1.048,1.048,0,0,1,.789-.436,1.048,1.048,0,0,1,.161-.887.622.622,0,0,0,.109-.466.622.622,0,0,0-.253-.407A.623.623,0,0,0-40.208-55.016Z" transform="translate(56.18 93.355)" fill="#a9a29e"/>
                                        <path id="Path_165487" data-name="Path 165487" d="M-67.322-38.468a2.708,2.708,0,0,1,1.588.512,2.729,2.729,0,0,1,.625,3.8l-2,2.782a2.733,2.733,0,0,1-2.216,1.136,2.708,2.708,0,0,1-1.588-.512,2.708,2.708,0,0,1-1.1-1.773,2.708,2.708,0,0,1,.476-2.031l2-2.782A2.734,2.734,0,0,1-67.322-38.468Zm-2,6.134a.62.62,0,0,0,.51-.261l2-2.782a.627.627,0,0,0-.143-.873.621.621,0,0,0-.364-.118.621.621,0,0,0-.51.261l-2,2.782a.622.622,0,0,0-.109.466.622.622,0,0,0,.253.407A.62.62,0,0,0-69.322-32.335Z" transform="translate(87.066 75.202)" fill="#a9a29e"/>
                                        <path id="Path_165488" data-name="Path 165488" d="M-30.927-2.67a2.711,2.711,0,0,1-1.586-.511,2.729,2.729,0,0,1-.625-3.8,1.05,1.05,0,0,1,1.465-.241,1.05,1.05,0,0,1,.241,1.465.627.627,0,0,0,.143.874.627.627,0,0,0,.874-.143l2-2.782a.622.622,0,0,0,.109-.466.622.622,0,0,0-.253-.407.622.622,0,0,0-.467-.109.622.622,0,0,0-.407.253A1.05,1.05,0,0,1-30.9-8.3a1.05,1.05,0,0,1-.241-1.465,2.708,2.708,0,0,1,1.773-1.1,2.708,2.708,0,0,1,2.031.476,2.708,2.708,0,0,1,1.1,1.773,2.708,2.708,0,0,1-.476,2.031l-2,2.782A2.725,2.725,0,0,1-30.927-2.67Z" transform="translate(51.391 49.591)" fill="#a9a29e"/>
                                        <path id="Path_165489" data-name="Path 165489" d="M-12.129-4.527a2.71,2.71,0,0,1-1.586-.511,2.708,2.708,0,0,1-1.1-1.773,2.708,2.708,0,0,1,.476-2.031,1.045,1.045,0,0,1,.468-.365,1.045,1.045,0,0,1,.2-.56,2.708,2.708,0,0,1,1.773-1.1,2.708,2.708,0,0,1,2.031.476,2.708,2.708,0,0,1,1.1,1.773,2.708,2.708,0,0,1-.476,2.032l-.664.925A2.725,2.725,0,0,1-12.129-4.527Zm-.309-3.65a1.045,1.045,0,0,1-.2.56.622.622,0,0,0-.109.467.622.622,0,0,0,.253.407.627.627,0,0,0,.873-.143l.664-.925a.622.622,0,0,0,.109-.466.622.622,0,0,0-.253-.407.622.622,0,0,0-.466-.109.622.622,0,0,0-.407.253A1.045,1.045,0,0,1-12.438-8.177Z" transform="translate(35.761 52.782)" fill="#a9a29e"/>
                                      </g>
                                    </g>
                                  </svg>
                                <div class="top_check_fixed">
                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                </div>

                            </span>Contract</li>


                            <li class="tab-link current" data-tab="tab-closure-detail"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="18.188" height="20.102" viewBox="0 0 18.188 20.102">
                                   <g id="proof" transform="translate(-6 -3)">
                                      <path id="Path_67133" data-name="Path 67133" d="M20.837,15.922a.479.479,0,0,0-.479.479v4.307a1.436,1.436,0,0,1-1.436,1.436H8.393a1.436,1.436,0,0,1-1.436-1.436V5.393A1.436,1.436,0,0,1,8.393,3.957H18.922a1.424,1.424,0,0,1,1.4,1.119.479.479,0,0,0,.934-.21A2.376,2.376,0,0,0,18.922,3H8.393A2.4,2.4,0,0,0,6,5.393V20.708A2.4,2.4,0,0,0,8.393,23.1H18.922a2.4,2.4,0,0,0,2.393-2.393V16.4A.479.479,0,0,0,20.837,15.922Z" transform="translate(0 0)" fill=""/>
                                      <path id="Path_67134" data-name="Path 67134" d="M26.6,10.115l-.414-.239a1.436,1.436,0,0,0-1.962.526l-5.573,9.653a2.4,2.4,0,0,0-.316,1.053l-.076,1.266a.957.957,0,0,0,1.484.856l1.057-.7a2.413,2.413,0,0,0,.754-.8l5.574-9.656A1.436,1.436,0,0,0,26.6,10.115ZM20.72,21.251a1.44,1.44,0,0,1-.453.479l-1.057.7.076-1.264a1.443,1.443,0,0,1,.191-.632l4.616-8,1.244.718ZM26.294,11.6l-.479.829-1.244-.718.479-.829A.479.479,0,0,1,25.7,10.7l.414.239a.479.479,0,0,1,.176.654Zm-4.243-.805a.479.479,0,0,0-.479-.479H13.914a.479.479,0,1,0,0,.957h7.658A.479.479,0,0,0,22.051,10.792Zm-.895,2.872a.479.479,0,0,0-.479-.479h-8.2a.479.479,0,0,0,0,.957h8.2A.479.479,0,0,0,21.156,13.663ZM19.5,16.535a.479.479,0,0,0-.479-.479H12.479a.479.479,0,0,0,0,.957h6.543A.479.479,0,0,0,19.5,16.535Zm-1.656,2.872a.479.479,0,0,0-.479-.479H12.479a.479.479,0,0,0,0,.957h4.887A.479.479,0,0,0,17.844,19.407ZM12.479,21.8a.479.479,0,0,0,0,.957h4.346a.479.479,0,0,0,0-.957Z" transform="translate(-3.128 -3.484)" fill=""/>
                                   </g>
                                </svg>

                                <div class="top_check_fixed">
                                    @if ($closureDataAdded != null)
                                                <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                            @else
                                                <i class="fa-regular fa-clock" style="color:#ffb20f;"></i>
                                            @endif
                                </div>
                             </span>
                             Activity Proof</li>
                            <li class="tab-link" data-tab="tab-expense-detail"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.164" height="22.86" viewBox="0 0 20.164 22.86">
                                   <g id="Expenses" transform="translate(3437.062 3308.25)">
                                      <g id="Group_37157" data-name="Group 37157" transform="translate(-3436.962 -3308.15)">
                                         <path id="Path_67127" data-name="Path 67127" d="M104.195,111.882a5.39,5.39,0,1,0,5.39-5.39A5.39,5.39,0,0,0,104.195,111.882Zm5.39-4.646a4.646,4.646,0,1,1-4.646,4.646A4.646,4.646,0,0,1,109.585,107.235Zm0,0" transform="translate(-99.371 -101.544)" fill=""/>
                                         <path id="Path_67127_-_Outline" data-name="Path 67127 - Outline" d="M109.585,117.372a5.49,5.49,0,1,1,5.49-5.49A5.5,5.5,0,0,1,109.585,117.372Zm0-10.78a5.29,5.29,0,1,0,5.29,5.29A5.3,5.3,0,0,0,109.585,106.592Zm0,10.036a4.746,4.746,0,0,1,0-9.493h0a4.746,4.746,0,0,1,0,9.493Zm0-9.293a4.546,4.546,0,1,0,4.546,4.546,4.559,4.559,0,0,0-4.546-4.546Z" transform="translate(-99.371 -101.544)" fill=""/>
                                         <path id="Path_67128" data-name="Path 67128" d="M17.8,16.644l-2.912,1.376a2.371,2.371,0,0,0-2.022-1.248L10.175,16.7a2.839,2.839,0,0,1-1.222-.315l-.273-.142a4.824,4.824,0,0,0-4.468,0l.017-.62a.372.372,0,0,0-.361-.382L.92,15.163a.372.372,0,0,0-.382.361L.36,21.992a.372.372,0,0,0,.361.382l2.947.081h.01a.372.372,0,0,0,.372-.362l.009-.309.766-.41a1.313,1.313,0,0,1,.98-.107l4.572,1.283.024.006a4.895,4.895,0,0,0,1,.1,4.959,4.959,0,0,0,2.072-.452.345.345,0,0,0,.046-.025l6.63-4.288a.372.372,0,0,0,.122-.5A1.878,1.878,0,0,0,17.8,16.644Zm-16.683,5,.158-5.725,2.2.061L3.318,21.7Zm12.03-.1a4.214,4.214,0,0,1-2.577.288l-4.56-1.28a2.055,2.055,0,0,0-1.532.167l-.391.21.1-3.806A4.086,4.086,0,0,1,8.338,16.9l.274.142a3.59,3.59,0,0,0,1.543.4l2.688.074a1.63,1.63,0,0,1,1.549,1.3l-4-.111a.372.372,0,1,0-.02.743l4.418.122h.01a.372.372,0,0,0,.371-.362,2.359,2.359,0,0,0-.036-.482l2.986-1.411.009,0a1.136,1.136,0,0,1,1.284.18ZM10.946,3.9V.372a.372.372,0,1,0-.743,0V3.9a.372.372,0,1,0,.743,0Zm2.788,0V2.23a.372.372,0,0,0-.743,0V3.9a.372.372,0,1,0,.743,0Zm-5.575,0V2.23a.372.372,0,0,0-.743,0V3.9a.372.372,0,1,0,.743,0Zm0,0" transform="translate(-0.36)" fill=""/>
                                         <path id="Path_67128_-_Outline" data-name="Path 67128 - Outline" d="M11.409,22.76h0l-.006-.1,0-.1h0a4.829,4.829,0,0,0,2.03-.443.247.247,0,0,0,.033-.018L20.1,17.81a.272.272,0,0,0,.089-.362,1.781,1.781,0,0,0-1.55-.905,1.759,1.759,0,0,0-.8.19l-3,1.417-.045-.084a2.277,2.277,0,0,0-1.936-1.195L10.172,16.8a2.957,2.957,0,0,1-1.265-.327l-.274-.142a4.724,4.724,0,0,0-4.376,0l-.151.079.022-.79a.272.272,0,0,0-.264-.279L.909,15.263a.27.27,0,0,0-.271.264L.46,21.995a.272.272,0,0,0,.264.279l2.947.081h.007a.27.27,0,0,0,.272-.264l.01-.367.817-.437a1.428,1.428,0,0,1,1.055-.115L10.4,22.454l.019,0a4.8,4.8,0,0,0,.98.1v.2a5,5,0,0,1-1.022-.106l-.032-.008L5.778,21.363a1.225,1.225,0,0,0-.906.1l-.715.383L4.15,22.1a.469.469,0,0,1-.472.459h-.01l-2.95-.081a.472.472,0,0,1-.459-.485l.178-6.468a.469.469,0,0,1,.471-.459H.922l2.947.081a.472.472,0,0,1,.459.485l-.012.452a4.924,4.924,0,0,1,4.41.071L9,16.294a2.755,2.755,0,0,0,1.178.3l2.688.074a2.478,2.478,0,0,1,2.06,1.217l2.827-1.336a1.954,1.954,0,0,1,.885-.21,1.982,1.982,0,0,1,1.724,1.007.472.472,0,0,1-.155.628l-6.63,4.288a.446.446,0,0,1-.059.032A5.024,5.024,0,0,1,11.409,22.76Zm0-.743a4.324,4.324,0,0,1-.864-.087l-.007,0-4.56-1.28a1.974,1.974,0,0,0-1.458.159l-.543.291.111-4.03.043-.029a4.186,4.186,0,0,1,4.252-.227l.273.142a3.511,3.511,0,0,0,1.5.387l2.688.074a1.724,1.724,0,0,1,1.645,1.379l.026.124L10.378,18.8a.272.272,0,0,0-.007.543l4.418.122H14.8a.27.27,0,0,0,.271-.264,2.263,2.263,0,0,0-.034-.462l-.013-.075,3.062-1.447a1.236,1.236,0,0,1,1.4.2l.094.087-6.389,4.132A4.286,4.286,0,0,1,11.41,22.017Zm-.82-.283a4.114,4.114,0,0,0,2.506-.279l6.146-3.976a1.036,1.036,0,0,0-1.07-.081l-.014.007-2.915,1.378a2.465,2.465,0,0,1,.025.427.469.469,0,0,1-.471.459h-.01l-4.421-.122a.472.472,0,0,1,.013-.943h.013l3.872.107a1.524,1.524,0,0,0-1.423-1.1l-2.688-.074a3.712,3.712,0,0,1-1.586-.41l-.274-.142a3.986,3.986,0,0,0-4.006.188l-.1,3.582.239-.128a2.177,2.177,0,0,1,1.607-.176Zm-7.175.07-2.4-.066.163-5.925,2.4.066Zm-2.2-.261,2,.055.152-5.525-2-.055ZM13.361,4.374A.472.472,0,0,1,12.89,3.9V2.23a.472.472,0,0,1,.943,0V3.9A.472.472,0,0,1,13.361,4.374Zm0-2.416a.272.272,0,0,0-.272.272V3.9a.272.272,0,0,0,.543,0V2.23A.272.272,0,0,0,13.361,1.958ZM10.574,4.374A.472.472,0,0,1,10.1,3.9V.372a.472.472,0,0,1,.943,0V3.9A.472.472,0,0,1,10.574,4.374Zm0-4.274A.272.272,0,0,0,10.3.372V3.9a.272.272,0,0,0,.543,0V.372A.272.272,0,0,0,10.574.1ZM7.786,4.374A.472.472,0,0,1,7.315,3.9V2.23a.472.472,0,0,1,.943,0V3.9A.472.472,0,0,1,7.786,4.374Zm0-2.416a.272.272,0,0,0-.272.272V3.9a.272.272,0,0,0,.543,0V2.23A.272.272,0,0,0,7.786,1.958Z" transform="translate(-0.36)" fill=""/>
                                      </g>
                                      <path id="Path_67129" data-name="Path 67129" d="M-1.374-10.068v.118h.9v.46h-.933a1.525,1.525,0,0,1-.275.752,1.172,1.172,0,0,1-.613.39,3.862,3.862,0,0,1-1.062.118v.55q0,.94.822.94t.808-.905h.585a1.431,1.431,0,0,1-.369,1.052,1.411,1.411,0,0,1-1.031.355A1.367,1.367,0,0,1-3.592-6.62a1.509,1.509,0,0,1-.359-1.073v-.982a9.48,9.48,0,0,0,1.174-.052.964.964,0,0,0,.554-.223A.9.9,0,0,0-2-9.49H-4.264v-.46h2.291V-10.7H-4.264v-.467H-.475v.467h-.9Z" transform="translate(-3424.252 -3289.16)" fill=""/>
                                      <path id="Path_67129_-_Outline" data-name="Path 67129 - Outline" d="M-4.364-11.268H-.375v.667h-.9v.552h.9v.66h-.947a1.558,1.558,0,0,1-.283.714,1.275,1.275,0,0,1-.663.424,3.785,3.785,0,0,1-.99.122v.451c0,.573.229.84.722.84s.708-.256.708-.805v-.1h.786v.1a1.532,1.532,0,0,1-.4,1.122,1.512,1.512,0,0,1-1.1.384,1.468,1.468,0,0,1-1.121-.415,1.611,1.611,0,0,1-.386-1.141V-8.775h.1a9.438,9.438,0,0,0,1.16-.051.876.876,0,0,0,.5-.2.71.71,0,0,0,.175-.368H-4.364v-.66h2.291V-10.6H-4.364Zm3.789.2H-4.164v.267h2.291v.952H-4.164v.26h2.278l-.015.113a1,1,0,0,1-.252.6,1.063,1.063,0,0,1-.61.251,9.02,9.02,0,0,1-1.087.053v.882a1.42,1.42,0,0,0,.332,1,1.278,1.278,0,0,0,.975.351,1.322,1.322,0,0,0,.961-.327,1.282,1.282,0,0,0,.336-.88h-.384a.835.835,0,0,1-.905.905c-.421,0-.922-.18-.922-1.04v-.65h.1a3.785,3.785,0,0,0,1.034-.114A1.08,1.08,0,0,0-1.762-8.8a1.436,1.436,0,0,0,.255-.7L-1.5-9.59h.921v-.26h-.9V-10.8h.9Z" transform="translate(-3424.252 -3289.16)" fill=""/>
                                   </g>
                                </svg>

                                <div class="top_check_fixed">
                                    @if ($expenseAdded != null)
                                                <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                            @else
                                                <i class="fa-regular fa-clock" style="color:#ffb20f;"></i>
                                            @endif
                                </div>
                             </span>
                             Expenses</li>
                        </ul>
                    </div>
                    <div class="tabing_rs_detiles">
                        @include('fieldDivision.closureTabs.meetingDataClosure')
                        @include('fieldDivision.closureTabs.contractData')
                        @include('fieldDivision.closureTabs.closureData')
                        @if($activityData->isClosureAdded == 0)
                        @include('fieldDivision.closureTabs.expenseData')
                        @else
                        @include('fieldDivision.closureTabs.expenseDataEdit')
                        @endif

                    </div>
                </div>


            </div>

        </section>

    </div>

    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            // Main Tabs
            $('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');
            });

            // Nested Tabs
            $('.tab').on('click', function(evt) {
                evt.preventDefault();
                var $parentTabContent = $(this).closest('.tab-content'); // Find closest parent .tab-content

                $parentTabContent.find('.tab').removeClass(
                    'active'); // Remove active class from all tabs within this .tab-content
                $(this).addClass('active'); // Add active class to clicked tab

                var sel = this.getAttribute('data-toggle-target');
                $parentTabContent.find('.tab-content').removeClass('active').filter(sel).addClass('active');
            });


            $(".tab_down_view").click(function() {
                $(this).closest(".item").find(".sub_tab").slideToggle();
            });



        })
    </script>
    <script>
        $('.center_code_div>.unlock_center_code').hide();
        $('.center_code_div>.unlock_center').hide();
        $('.center_code_div').on('click', function() {
            $('.center_code_div>.unlock_center').show();
            $('.center_code_div>.unlock_center_code').show();
            $('.center_code_div>.lock_center').hide();
        })
        $('.center_code_div').on('click', function() {
            $('.center_code_div>.lock_center').show();
            $('.center_code_div>.unlock_center').hide();
            $('.center_code_div>.unlock_center_code').hide();
        })
        dt_filter_table = $('.dt-column-search');
        if (dt_filter_table.length) {
            // Setup - add a text input to each footer cell
            // $('.dt-column-search thead tr').clone(true).appendTo('.dt-column-search thead');
            // $('.dt-column-search thead tr:eq(1) th').each(function(i) {
            //     var title = $(this).text();
            //     $(this).html('<input type="text" class="form-control form-control-sm" placeholder="Search ' + title + '" />');
            //     $('input', this).on('keyup change', function() {
            //         if (dt_filter.column(i).search() !== this.value) {
            //             dt_filter.column(i).search(this.value).draw();
            //         }
            //     });
            // });
            var dt_filter = dt_filter_table.DataTable({
                'scrollX': true,
            });
        }
    </script>

    <script>
        //  $(".js-example-basic-multiple-limit").select2({
        //    maximumSelectionLength: 2
        // });

        $(".js-example-basic-multiple").select2({
            placeholder: "Select"
        });

        $(function() {
            $('.acc__title').click(function(j) {

                var dropDown = $(this).closest('.acc__card').find('.acc__panel');
                $(this).closest('.acc').find('.acc__panel').not(dropDown).slideUp();

                if ($(this).hasClass('active')) {
                    $(this).removeClass('active');
                } else {
                    $(this).closest('.acc').find('.acc__title.active').removeClass('active');
                    $(this).addClass('active');
                }

                dropDown.stop(false, true).slideToggle();
                j.preventDefault();
            });
        });
    </script>


    @include('scripts.otherServices.closure.productMeetingClosure-scripts')
    @include('scripts.otherServices.closure.closureData-scripts')
    @if($activityData->isClosureAdded == 0)
    @include('scripts.otherServices.closure.expenseData-scripts')

    @else
    @include('scripts.otherServices.closure.expenseDataEdit-scripts')
    @endif
    <script>
        $(document).ready(function() {
            // Main Tabs (Dynamic Handling)
            $('body').on('click', 'ul.tabs li', function() {
                var tab_id = $(this).attr('data-tab');

                // Reset all main tabs and contents
                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                // Activate the clicked tab and its content
                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            });

            // Nested Tabs (Dynamic Handling)
            $('body').on('click', '.nested-tabing .tab-link', function(evt) {
                evt.preventDefault(); // Prevent default link action

                var $nestedTabContainer = $(this).closest('.nested-tabing');
                var targetContentClass = $(this).data('toggle-target');
                // Reset current classes within this nested tab group
                $nestedTabContainer.find('.tab-link').removeClass('active');
                $nestedTabContainer.find('.tab-content').removeClass('active');
                // Activate the clicked nested tab and its content
                $(this).addClass('active');
                $(targetContentClass).addClass('active');
            });
        });
    </script>
@endsection