@extends('admin.layout')



@section('main')
<style>
    .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;
    }
</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>
    <div class="content-header row">
    </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
                        Other Services

                    </h2>
                </div>
                <div class="col-lg-auto col-md-auto col-sm-auto col-auto  my-auto ml-auto">
                    <div class="invoice_bill">
                        <a href="javascript:void(0)" onClick="activityTrack('{{ Crypt::encrypt($activityData->id) }}')"
                            data-toggle="modal" data-target="#action_approval_flow">
                            <svg id="vuesax_linear_routing-2" data-name="vuesax/linear/routing-2"
                                xmlns="http://www.w3.org/2000/svg" width="17.398" height="17.398"
                                viewBox="0 0 17.398 17.398">
                                <g id="routing-2" transform="translate(0 0)">
                                    <path id="Vector"
                                        d="M5.074,2.537A2.537,2.537,0,1,1,2.537,0,2.537,2.537,0,0,1,5.074,2.537Z"
                                        transform="translate(1.428 1.45)" fill="none" stroke="#ffffff"
                                        stroke-width="1.5"></path>
                                    <path id="Vector-2" data-name="Vector"
                                        d="M1.45,0H3.625a1.454,1.454,0,0,1,1.45,1.45V3.625a1.454,1.454,0,0,1-1.45,1.45H1.45A1.454,1.454,0,0,1,0,3.625V1.45A1.454,1.454,0,0,1,1.45,0Z"
                                        transform="translate(10.852 10.874)" fill="none" stroke="#ffffff"
                                        stroke-width="1.5"></path>
                                    <path id="Vector-3" data-name="Vector"
                                        d="M3.391,0H5.333A1.452,1.452,0,0,1,6.29,2.544L.5,7.611a1.447,1.447,0,0,0,.95,2.537H3.391"
                                        transform="translate(5.308 3.625)" fill="none" stroke="#ffffff"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                                    <path id="Vector-4" data-name="Vector" d="M.636.5H.644"
                                        transform="translate(3.341 3.487)" fill="none" stroke="#ffffff"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                                    <path id="Vector-5" data-name="Vector" d="M.636.5H.644"
                                        transform="translate(12.765 12.911)" fill="none" stroke="#ffffff"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                                    <path id="Vector-6" data-name="Vector" d="M0,0H17.4V17.4H0Z"
                                        transform="translate(17.398 17.398) rotate(180)" fill="none" opacity="0">
                                    </path>
                                </g>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="row">
                <div class="col-12">
                   <div class="new_rs_white_shadow orange_bx">
                      <div class="rs_main_title">
                         <div class="row">
                            <div class="col-lg-auto col-md-auto col-sm-auto col-12 my-auto">
                               <h2> <img src="{{ asset('assets/app-assets/images/topic.png') }}"> {{ $activityData->vActivityTopic }}</h2>
                            </div>



                         </div>


                      </div>
                      <div class="pro_met_view">
                         <div class="left">
                             @if ($activityData->vMeetingType != null)
                             <h5>{{ $activityData->vActivityType }} ({{ $activityData->vMeetingType }})</h5>

                         @endif

                            <span>Activity Type</span>
                         </div>
                         <div class="right">
                            <div class="rs_right">
                               <h5>{{ $activityData->vBrandName }}</h5>
                               <span>Brand Name</span>
                            </div>
                            <div class="rs_left">
                               <h5>{{ $activityData->vCreditPoints }}</h5>
                               <span>Credit Points</span>
                            </div>
                            <div class="">
                             <h5>{{ $activityData->vModeName }}</h5>
                             <span>Mode of Activity</span>
                          </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 current" data-tab="tab-1"><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="participates-data-detail-tab"><span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="23.039" height="18.509"
                                            viewBox="0 0 23.039 18.509">
                                            <g id="Participates_" data-name="Participates "
                                                transform="translate(0.1 -48.763)">
                                                <path id="Path_67103" data-name="Path 67103"
                                                    d="M22.527,57.782a.324.324,0,0,0,.324-.324V55.306a.324.324,0,0,0-.324-.324H17.889V53.62H19.7a.324.324,0,0,0,.324-.324v-4a.324.324,0,0,0-.324-.324H3.153a.324.324,0,0,0-.324.324v4a.324.324,0,0,0,.324.324H4.961v1.362H.324A.324.324,0,0,0,0,55.306v2.153a.324.324,0,0,0,.324.324h.988v7.471H.324A.324.324,0,0,0,0,65.577v1.394a.324.324,0,0,0,.324.324h22.2a.324.324,0,0,0,.324-.324V65.577a.324.324,0,0,0-.324-.324h-.988V57.782Zm-19.05-8.16h15.9v3.35H3.477Zm2.132,4H17.242v1.362H5.609ZM.648,55.629H22.2v1.505H.648ZM22.2,66.647H.648V65.9H22.2Zm-5-1.394H11.749V59.607H17.2Zm-6.1,0H5.65V59.607H11.1Zm9.789,0H17.848v-5.97a.324.324,0,0,0-.324-.324H5.326A.324.324,0,0,0,5,59.283v5.97H1.96V57.782H20.891v7.471ZM6.486,51.3a.324.324,0,0,1-.324.324H4.853a.324.324,0,0,1,0-.648H6.163a.324.324,0,0,1,.324.324Zm2.938,0a.324.324,0,0,1-.324.324H7.791a.324.324,0,0,1,0-.648H9.1A.324.324,0,0,1,9.424,51.3Zm2.938,0a.324.324,0,0,1-.324.324H10.729a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,12.362,51.3Zm2.938,0a.324.324,0,0,1-.324.324H13.666a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,15.3,51.3Zm2.938,0a.324.324,0,0,1-.324.324H16.6a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,18.237,51.3Z"
                                                    transform="translate(-0.006 -0.118)" fill="" />
                                                <path id="Path_67103_-_Outline" data-name="Path 67103 - Outline"
                                                    d="M3.147,48.875H19.692a.419.419,0,0,1,.418.418v4a.419.419,0,0,1-.418.418H17.978v1.173h4.543a.419.419,0,0,1,.418.418v2.153a.419.419,0,0,1-.418.418h-.894v7.282h.894a.419.419,0,0,1,.418.418v1.394a.419.419,0,0,1-.418.418H.318A.419.419,0,0,1-.1,66.965V65.571a.419.419,0,0,1,.418-.418h.894V57.871H.318A.419.419,0,0,1-.1,57.453V55.3a.419.419,0,0,1,.418-.418H4.861V53.709H3.147a.419.419,0,0,1-.418-.418v-4A.419.419,0,0,1,3.147,48.875ZM19.692,53.52a.23.23,0,0,0,.229-.229v-4a.23.23,0,0,0-.229-.229H3.147a.23.23,0,0,0-.229.229v4a.23.23,0,0,0,.229.229h1.9v1.55H.318a.23.23,0,0,0-.229.229v2.153a.23.23,0,0,0,.229.229H1.4v7.66H.318a.23.23,0,0,0-.229.229v1.394a.23.23,0,0,0,.229.229h22.2a.23.23,0,0,0,.229-.229V65.571a.23.23,0,0,0-.229-.229H21.438v-7.66h1.083a.23.23,0,0,0,.229-.229V55.3a.23.23,0,0,0-.229-.229H17.789V53.52Zm-16.315-4H19.463v3.539H3.377Zm15.9.189H3.566v3.161H19.274ZM4.848,50.874H6.157a.418.418,0,0,1,0,.836H4.848a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H4.848a.229.229,0,0,0,0,.459Zm1.628-.648H9.095a.418.418,0,0,1,0,.836H7.785a.418.418,0,1,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H7.785a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,1,1,0,.836H10.723a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,1,0,0-.459H10.723a.229.229,0,0,0,0,.459Zm1.628-.648H14.97a.418.418,0,0,1,0,.836H13.661a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H13.661a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,0,1,0,.836H16.6a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H16.6a.229.229,0,0,0,0,.459Zm-12.4,2H17.33v1.55H5.509Zm11.633.189H5.7v1.173H17.142ZM.548,55.529H22.292v1.694H.548Zm21.555.189H.736v1.316H22.1ZM1.86,57.682H20.98v7.66H17.748V59.277a.23.23,0,0,0-.229-.229H5.321a.23.23,0,0,0-.229.229v6.065H1.86Zm18.931.189H2.049v7.282H4.9V59.277a.419.419,0,0,1,.418-.418h12.2a.419.419,0,0,1,.418.418v5.876h2.854ZM5.55,59.507h5.64v5.835H5.55ZM11,59.7H5.739v5.458H11Zm.648-.189h5.64v5.835h-5.64ZM17.1,59.7H11.838v5.458H17.1ZM.548,65.8H22.292v.935H.548Zm21.555.189H.736v.558H22.1Z"
                                                    transform="translate(0 -0.112)" fill="" />
                                            </g>
                                        </svg>
                                        <div class="top_check_fixed">

                                                @if ($activityData->isParticipateDetailsAdded == '0')
                                                    <i class="fa-solid fa-hourglass-end"
                                                        style="color: #BEBEBE;font-size: 11px;box-shadow: 0 0 0px 1px #BEBEBE;padding: 3px;width: 17px;height: 17px;"></i>
                                                @else
                                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                                @endif

                                        </div>
                                    </span>
                                    Participants </li>

                                     <li class="tab-link"
                                    data-tab="contract-data-detail-tab"><span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="23.039" height="18.509"
                                            viewBox="0 0 23.039 18.509">
                                            <g id="contract_" data-name="Contract " transform="translate(0.1 -48.763)">
                                                <path id="Path_67103" data-name="Path 67103"
                                                    d="M22.527,57.782a.324.324,0,0,0,.324-.324V55.306a.324.324,0,0,0-.324-.324H17.889V53.62H19.7a.324.324,0,0,0,.324-.324v-4a.324.324,0,0,0-.324-.324H3.153a.324.324,0,0,0-.324.324v4a.324.324,0,0,0,.324.324H4.961v1.362H.324A.324.324,0,0,0,0,55.306v2.153a.324.324,0,0,0,.324.324h.988v7.471H.324A.324.324,0,0,0,0,65.577v1.394a.324.324,0,0,0,.324.324h22.2a.324.324,0,0,0,.324-.324V65.577a.324.324,0,0,0-.324-.324h-.988V57.782Zm-19.05-8.16h15.9v3.35H3.477Zm2.132,4H17.242v1.362H5.609ZM.648,55.629H22.2v1.505H.648ZM22.2,66.647H.648V65.9H22.2Zm-5-1.394H11.749V59.607H17.2Zm-6.1,0H5.65V59.607H11.1Zm9.789,0H17.848v-5.97a.324.324,0,0,0-.324-.324H5.326A.324.324,0,0,0,5,59.283v5.97H1.96V57.782H20.891v7.471ZM6.486,51.3a.324.324,0,0,1-.324.324H4.853a.324.324,0,0,1,0-.648H6.163a.324.324,0,0,1,.324.324Zm2.938,0a.324.324,0,0,1-.324.324H7.791a.324.324,0,0,1,0-.648H9.1A.324.324,0,0,1,9.424,51.3Zm2.938,0a.324.324,0,0,1-.324.324H10.729a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,12.362,51.3Zm2.938,0a.324.324,0,0,1-.324.324H13.666a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,15.3,51.3Zm2.938,0a.324.324,0,0,1-.324.324H16.6a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,18.237,51.3Z"
                                                    transform="translate(-0.006 -0.118)" fill="" />
                                                <path id="Path_67103_-_Outline" data-name="Path 67103 - Outline"
                                                    d="M3.147,48.875H19.692a.419.419,0,0,1,.418.418v4a.419.419,0,0,1-.418.418H17.978v1.173h4.543a.419.419,0,0,1,.418.418v2.153a.419.419,0,0,1-.418.418h-.894v7.282h.894a.419.419,0,0,1,.418.418v1.394a.419.419,0,0,1-.418.418H.318A.419.419,0,0,1-.1,66.965V65.571a.419.419,0,0,1,.418-.418h.894V57.871H.318A.419.419,0,0,1-.1,57.453V55.3a.419.419,0,0,1,.418-.418H4.861V53.709H3.147a.419.419,0,0,1-.418-.418v-4A.419.419,0,0,1,3.147,48.875ZM19.692,53.52a.23.23,0,0,0,.229-.229v-4a.23.23,0,0,0-.229-.229H3.147a.23.23,0,0,0-.229.229v4a.23.23,0,0,0,.229.229h1.9v1.55H.318a.23.23,0,0,0-.229.229v2.153a.23.23,0,0,0,.229.229H1.4v7.66H.318a.23.23,0,0,0-.229.229v1.394a.23.23,0,0,0,.229.229h22.2a.23.23,0,0,0,.229-.229V65.571a.23.23,0,0,0-.229-.229H21.438v-7.66h1.083a.23.23,0,0,0,.229-.229V55.3a.23.23,0,0,0-.229-.229H17.789V53.52Zm-16.315-4H19.463v3.539H3.377Zm15.9.189H3.566v3.161H19.274ZM4.848,50.874H6.157a.418.418,0,0,1,0,.836H4.848a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H4.848a.229.229,0,0,0,0,.459Zm1.628-.648H9.095a.418.418,0,0,1,0,.836H7.785a.418.418,0,1,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H7.785a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,1,1,0,.836H10.723a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,1,0,0-.459H10.723a.229.229,0,0,0,0,.459Zm1.628-.648H14.97a.418.418,0,0,1,0,.836H13.661a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H13.661a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,0,1,0,.836H16.6a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H16.6a.229.229,0,0,0,0,.459Zm-12.4,2H17.33v1.55H5.509Zm11.633.189H5.7v1.173H17.142ZM.548,55.529H22.292v1.694H.548Zm21.555.189H.736v1.316H22.1ZM1.86,57.682H20.98v7.66H17.748V59.277a.23.23,0,0,0-.229-.229H5.321a.23.23,0,0,0-.229.229v6.065H1.86Zm18.931.189H2.049v7.282H4.9V59.277a.419.419,0,0,1,.418-.418h12.2a.419.419,0,0,1,.418.418v5.876h2.854ZM5.55,59.507h5.64v5.835H5.55ZM11,59.7H5.739v5.458H11Zm.648-.189h5.64v5.835h-5.64ZM17.1,59.7H11.838v5.458H17.1ZM.548,65.8H22.292v.935H.548Zm21.555.189H.736v.558H22.1Z"
                                                    transform="translate(0 -0.112)" fill="" />
                                            </g>
                                        </svg>
                                        <div class="top_check_fixed">
                                                @if ($activityData->isContractAdded == '0' && $speakerData == '0')
                                                    <i class="fa-solid fa-hourglass-end"
                                                        style="color: #BEBEBE;font-size: 11px;box-shadow: 0 0 0px 1px #BEBEBE;padding: 3px;width: 17px;height: 17px;"></i>
                                                @else
                                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                                @endif

                                        </div>
                                    </span>
                                    Contract & Speaker </li>


                            <li class="tab-link" data-tab="venue-data-detail-tab"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="23.039" height="18.509" viewBox="0 0 23.039 18.509">
                                   <g id="Venue_" data-name="Venue " transform="translate(0.1 -48.763)">
                                      <path id="Path_67103" data-name="Path 67103" d="M22.527,57.782a.324.324,0,0,0,.324-.324V55.306a.324.324,0,0,0-.324-.324H17.889V53.62H19.7a.324.324,0,0,0,.324-.324v-4a.324.324,0,0,0-.324-.324H3.153a.324.324,0,0,0-.324.324v4a.324.324,0,0,0,.324.324H4.961v1.362H.324A.324.324,0,0,0,0,55.306v2.153a.324.324,0,0,0,.324.324h.988v7.471H.324A.324.324,0,0,0,0,65.577v1.394a.324.324,0,0,0,.324.324h22.2a.324.324,0,0,0,.324-.324V65.577a.324.324,0,0,0-.324-.324h-.988V57.782Zm-19.05-8.16h15.9v3.35H3.477Zm2.132,4H17.242v1.362H5.609ZM.648,55.629H22.2v1.505H.648ZM22.2,66.647H.648V65.9H22.2Zm-5-1.394H11.749V59.607H17.2Zm-6.1,0H5.65V59.607H11.1Zm9.789,0H17.848v-5.97a.324.324,0,0,0-.324-.324H5.326A.324.324,0,0,0,5,59.283v5.97H1.96V57.782H20.891v7.471ZM6.486,51.3a.324.324,0,0,1-.324.324H4.853a.324.324,0,0,1,0-.648H6.163a.324.324,0,0,1,.324.324Zm2.938,0a.324.324,0,0,1-.324.324H7.791a.324.324,0,0,1,0-.648H9.1A.324.324,0,0,1,9.424,51.3Zm2.938,0a.324.324,0,0,1-.324.324H10.729a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,12.362,51.3Zm2.938,0a.324.324,0,0,1-.324.324H13.666a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,15.3,51.3Zm2.938,0a.324.324,0,0,1-.324.324H16.6a.324.324,0,0,1,0-.648h1.309A.324.324,0,0,1,18.237,51.3Z" transform="translate(-0.006 -0.118)" fill=""/>
                                      <path id="Path_67103_-_Outline" data-name="Path 67103 - Outline" d="M3.147,48.875H19.692a.419.419,0,0,1,.418.418v4a.419.419,0,0,1-.418.418H17.978v1.173h4.543a.419.419,0,0,1,.418.418v2.153a.419.419,0,0,1-.418.418h-.894v7.282h.894a.419.419,0,0,1,.418.418v1.394a.419.419,0,0,1-.418.418H.318A.419.419,0,0,1-.1,66.965V65.571a.419.419,0,0,1,.418-.418h.894V57.871H.318A.419.419,0,0,1-.1,57.453V55.3a.419.419,0,0,1,.418-.418H4.861V53.709H3.147a.419.419,0,0,1-.418-.418v-4A.419.419,0,0,1,3.147,48.875ZM19.692,53.52a.23.23,0,0,0,.229-.229v-4a.23.23,0,0,0-.229-.229H3.147a.23.23,0,0,0-.229.229v4a.23.23,0,0,0,.229.229h1.9v1.55H.318a.23.23,0,0,0-.229.229v2.153a.23.23,0,0,0,.229.229H1.4v7.66H.318a.23.23,0,0,0-.229.229v1.394a.23.23,0,0,0,.229.229h22.2a.23.23,0,0,0,.229-.229V65.571a.23.23,0,0,0-.229-.229H21.438v-7.66h1.083a.23.23,0,0,0,.229-.229V55.3a.23.23,0,0,0-.229-.229H17.789V53.52Zm-16.315-4H19.463v3.539H3.377Zm15.9.189H3.566v3.161H19.274ZM4.848,50.874H6.157a.418.418,0,0,1,0,.836H4.848a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H4.848a.229.229,0,0,0,0,.459Zm1.628-.648H9.095a.418.418,0,0,1,0,.836H7.785a.418.418,0,1,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H7.785a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,1,1,0,.836H10.723a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,1,0,0-.459H10.723a.229.229,0,0,0,0,.459Zm1.628-.648H14.97a.418.418,0,0,1,0,.836H13.661a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H13.661a.229.229,0,1,0,0,.459Zm1.628-.648h1.309a.418.418,0,0,1,0,.836H16.6a.418.418,0,0,1,0-.836Zm1.309.648a.229.229,0,0,0,0-.459H16.6a.229.229,0,0,0,0,.459Zm-12.4,2H17.33v1.55H5.509Zm11.633.189H5.7v1.173H17.142ZM.548,55.529H22.292v1.694H.548Zm21.555.189H.736v1.316H22.1ZM1.86,57.682H20.98v7.66H17.748V59.277a.23.23,0,0,0-.229-.229H5.321a.23.23,0,0,0-.229.229v6.065H1.86Zm18.931.189H2.049v7.282H4.9V59.277a.419.419,0,0,1,.418-.418h12.2a.419.419,0,0,1,.418.418v5.876h2.854ZM5.55,59.507h5.64v5.835H5.55ZM11,59.7H5.739v5.458H11Zm.648-.189h5.64v5.835h-5.64ZM17.1,59.7H11.838v5.458H17.1ZM.548,65.8H22.292v.935H.548Zm21.555.189H.736v.558H22.1Z" transform="translate(0 -0.112)" fill=""/>
                                   </g>
                                </svg>
                                <div class="top_check_fixed">
                                    @if ($activityData->isVenueAdded == 1)
                                                <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                            @else
                                            <i class="fa-solid fa-hourglass-end" style="color: #BEBEBE;font-size: 11px;box-shadow: 0 0 0px 1px #BEBEBE;padding: 3px;width: 17px;height: 17px;"></i>
                                            @endif
                                </div>
                             </span>
                             Venue </li>
                            <li class="tab-link" data-tab="stay-data-detail-tab"><span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.538" height="17.401" viewBox="0 0 20.538 17.401">
                                   <g id="Stay_" data-name="Stay " transform="translate(-39.846 -13.756)">
                                      <path id="Path_67104" data-name="Path 67104" d="M58.615,19.674H54.871a.4.4,0,0,0-.4.4V30.2H52.341V26a.4.4,0,0,0-.4-.4H48.294a.4.4,0,0,0-.4.4v4.2H45.764V15.525a.81.81,0,0,1,.81-.81h7.083a.81.81,0,0,1,.81.81v2.252a.4.4,0,1,0,.81,0V15.525a1.621,1.621,0,0,0-1.619-1.619H46.573a1.621,1.621,0,0,0-1.619,1.619V30.2H41.615a.81.81,0,0,1-.81-.81v-8.1a.81.81,0,0,1,.81-.81h1.417a.4.4,0,1,0,0-.81H41.615A1.621,1.621,0,0,0,40,21.293v8.1a1.621,1.621,0,0,0,1.619,1.619H54.871a.4.4,0,0,0,.4-.4V20.484h3.339a.81.81,0,0,1,.81.81v8.1a.81.81,0,0,1-.81.81h-1.72a.4.4,0,0,0,0,.81h1.72a1.621,1.621,0,0,0,1.619-1.619v-8.1A1.621,1.621,0,0,0,58.615,19.674ZM48.7,26.4h2.833V30.2H48.7ZM42.88,23.317a.4.4,0,0,1,.4.4v1.72a.4.4,0,0,1-.81,0v-1.72A.4.4,0,0,1,42.88,23.317Zm14.47,2.53a.4.4,0,0,1-.4-.4v-1.72a.4.4,0,1,1,.81,0v1.72A.4.4,0,0,1,57.35,25.847Zm-4.908-7.033H47.788a.4.4,0,1,1,0-.81h4.655a.4.4,0,1,1,0,.81ZM51.734,21.9a.4.4,0,0,1,0,.81H48.5a.4.4,0,1,1,0-.81Z" transform="translate(0 0)" fill=""/>
                                      <path id="Path_67104_-_Outline" data-name="Path 67104 - Outline" d="M46.573,13.756h7.083a1.771,1.771,0,0,1,1.769,1.769v2.252a.555.555,0,1,1-1.11,0V15.525a.66.66,0,0,0-.66-.66H46.573a.66.66,0,0,0-.66.66V30.048h1.825V26a.555.555,0,0,1,.555-.555h3.643a.555.555,0,0,1,.555.555v4.049h1.825V20.079a.555.555,0,0,1,.555-.555h3.744a1.771,1.771,0,0,1,1.769,1.769v8.1a1.771,1.771,0,0,1-1.769,1.769h-1.72a.555.555,0,1,1,0-1.11h1.72a.66.66,0,0,0,.66-.66v-8.1a.66.66,0,0,0-.66-.66H55.426V30.6a.555.555,0,0,1-.555.555H41.615a1.771,1.771,0,0,1-1.769-1.769v-8.1a1.771,1.771,0,0,1,1.769-1.769h1.417a.555.555,0,1,1,0,1.11H41.615a.66.66,0,0,0-.66.66v8.1a.66.66,0,0,0,.66.66H44.8V15.525A1.771,1.771,0,0,1,46.573,13.756Zm8.3,4.275a.255.255,0,0,0,.255-.255V15.525a1.471,1.471,0,0,0-1.469-1.469H46.573A1.471,1.471,0,0,0,45.1,15.525V30.348H41.615a.961.961,0,0,1-.96-.96v-8.1a.961.961,0,0,1,.96-.96h1.417a.255.255,0,1,0,0-.51H41.615a1.471,1.471,0,0,0-1.469,1.469v8.1a1.471,1.471,0,0,0,1.469,1.469H54.871a.255.255,0,0,0,.255-.255V20.334h3.489a.961.961,0,0,1,.96.96v8.1a.961.961,0,0,1-.96.96h-1.72a.255.255,0,1,0,0,.51h1.72a1.471,1.471,0,0,0,1.469-1.469v-8.1a1.471,1.471,0,0,0-1.469-1.469H54.871a.255.255,0,0,0-.255.255V30.348H52.191V26a.255.255,0,0,0-.255-.255H48.294a.255.255,0,0,0-.255.255v4.349H45.614V15.525a.961.961,0,0,1,.96-.96h7.083a.961.961,0,0,1,.96.96v2.252A.255.255,0,0,0,54.871,18.031Zm-7.083-.177h4.655a.555.555,0,0,1,0,1.11H47.788a.555.555,0,1,1,0-1.11Zm4.655.81a.255.255,0,0,0,0-.51H47.788a.255.255,0,0,0,0,.51ZM48.5,21.75h3.238a.555.555,0,0,1,0,1.11H48.5a.555.555,0,1,1,0-1.11Zm3.238.81a.255.255,0,0,0,0-.51H48.5a.255.255,0,1,0,0,.51Zm-8.854.607a.555.555,0,0,1,.555.555v1.72a.555.555,0,1,1-1.11,0v-1.72A.555.555,0,0,1,42.88,23.167Zm0,2.53a.255.255,0,0,0,.255-.255v-1.72a.255.255,0,1,0-.51,0v1.72A.255.255,0,0,0,42.88,25.7Zm14.47-2.53a.555.555,0,0,1,.555.555v1.72a.555.555,0,1,1-1.11,0v-1.72A.555.555,0,0,1,57.35,23.167Zm0,2.53a.255.255,0,0,0,.255-.255v-1.72a.255.255,0,1,0-.51,0v1.72A.255.255,0,0,0,57.35,25.7Zm-8.8.557h3.133v4.095H48.548Zm2.833.3H48.848v3.495h2.533Z" transform="translate(0 0)" fill=""/>
                                   </g>
                                </svg>
                                <div class="top_check_fixed">
                                    @if ($activityData->isStayAdded == 1)
                                                <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                            @else
                                            <i class="fa-solid fa-hourglass-end" style="color: #BEBEBE;font-size: 11px;box-shadow: 0 0 0px 1px #BEBEBE;padding: 3px;width: 17px;height: 17px;"></i>
                                            @endif
                                </div>
                             </span>
                             Stay</li>
                            {{-- <li class="tab-link" data-tab="tab-4">Transportation Details</li> --}}

                            @if ($activityData->isClosureAdded == 1)
                                <li class="tab-link" data-tab="closure-data-detail-tab"><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">
                                        <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                    </div>
                                 </span>
                                 Activity Proof</li>
                            @endif
                            <li class="tab-link" data-tab="expense-data-detail-tab" id="expense_data"><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">
                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                </div>
                             </span>
                             Expenses</li>
                        </ul>
                    </div>
                    <div class="tabing_rs_detiles">

                        @include('fieldDivision.dataDetail.' . $activityData->vDetailView)
                        @include('fieldDivision.dataDetail.participateDataDetail')
                        @include('fieldDivision.dataDetail.contractDataDetail')
                        @include('fieldDivision.dataDetail.venueDataDetail')
                        @include('fieldDivision.dataDetail.venueDataDetail')
                        @include('fieldDivision.dataDetail.stayDataDetail')
                        {{-- @include('fieldDivision.dataDetail.transportationDataDetail') --}}

                        @if ($activityData->isClosureAdded == 1)
                            @include('fieldDivision.dataDetail.activityProofDataDetail')
                        @endif
                        @include('fieldDivision.dataDetail.expenseDataDetail')
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div class="modal fade" id="track_modal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Activity Track</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <ul class="timeline ml-50" id="track_modal_body">

                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
        new VenoBox({
            selector: '.my-image-links',
            numeration: true,
            infinigall: true,
            share: true,
            spinner: 'rotating-plane'
        });
    </script>

<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>

    @include('scripts.otherServices.details.productMeetingDetail-scripts')
    @include('scripts.otherServices.details.participateDataDetail-scripts')
    @include('scripts.otherServices.details.contractDataDetail-scripts')
    @include('scripts.otherServices.details.venueDataDetail-scripts')
    @include('scripts.otherServices.details.stayDataDetail-scripts')
    {{-- @include('scripts.otherServices.details.transportDataDetail-scripts') --}}

    @if ($activityData->isClosureAdded == 1)
        @include('scripts.otherServices.details.activityProofDataDetail-scripts')
    @endif
    @include('scripts.otherServices.details.expenseDataDetail-scripts')



    <script>
        function activityTrack(id) {
            data = {
                'iOtherActivityAssignID': id,
                '_token': "{{ csrf_token() }}"
            }
            ajax_call("{{ route('fieldDivision.other.activity.assign.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'activityTrack_response');
        }

        function activityTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';
                role = element.vuserRole;
                html += '<li class="timeline-item">' +
                    '<span class="timeline-point timeline-point-indicator"></span>' +
                    '<div class="timeline-event">' +
                    '<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-0">' +
                    '<h5 class="font-weight-bold mb-0">' + (($title == '') ? 'Activity ' + element.eType + ' By' :
                        $title) + '</h5>' +
                    '<span class="timeline-event-time mr-1 text-right"><i' +
                    'class="fa fa-calendar mr-1"></i> ' + element.created_date + '  <br /> <i' +
                    'class="fa fa-clock mr-1"></i>' + element.created_time + '</span>' +
                    '</div>' +
                    '<h6>' + element.userName +
                    ' <label class="badge badge-light-primary">' + (role) + '</label></h6>' +
                    '</div>' +
                    '<hr class="mb-0">' +
                    '</li>';
            });
            $("#track_modal_body").html(html);
            $("#track_modal").modal('show');
        }


        function convertToDMY(dateString) {
            const date = new Date(dateString);
            if (isNaN(date)) {
                throw new Error('Invalid date format');
            }
            const day = String(date.getDate()).padStart(2, '0');
            const month = String(date.getMonth() + 1).padStart(2, '0');
            const year = date.getFullYear();
            return `${day}-${month}-${year}`;
        }


        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        })
        jQuery(document).ready(function($) {
            var path = window.location.pathname.split("/").pop();

            if (path == '') {
                path = 'index.php';
            }

            var target = $('.navigation a[href="' + path + '"]');

            target.addClass('active');
            target.parents('.nav-item').addClass('open');
        });

        $('table tr').hasClass('.selected')


        $(document).ready(function() {
            $('#activity-id-input').on('keypress', function(e) {
                if (e.which == 13) {
                    var activityId = $(this).val().trim();
                    if (activityId === '2190') {
                        window.location.href = 'search-by-expense.php';
                    }
                }
            });

            $('.input-group-text').on('click', function() {
                var activityId = $('#activity-id-input').val().trim();
                if (activityId === '2190') {
                    window.location.href = 'search-by-expense.php';
                }
            });
        });
    </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) {

            var dt_filter = dt_filter_table.DataTable({
                'scrollX': true,
            });
        }
    </script>

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


@endsection