@extends('admin.layout')

@section('main')
    <style>
        /* html body {
            background-color: #ffffff;
        } */
         /**new add css***/
         /***new-tab-design***/
ul.tabs li.current {
    background: transparent;
    color: #ffffff;
    border: 3px solid #ffffff;
    background: #DB644D;
    box-shadow: 0 0 0px 2px #DB644D;
}

.tabing_rs.bg_tab.new_rs_tab .tab-link.current {
    background: transparent;
    color: #ffffff;
    border: 3px solid #ffffff;
    background: #DB644D;
    box-shadow: 0 0 0px 2px #DB644D;
}
.tabing_rs.bg_tab.new_rs_tab .tab-link.current svg path {
    fill: #fff;
}
.new_rs_white_shadow {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #E5F6FF29;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 15px;
    border: 1px solid #DFDFDF;
    overflow: hidden;
}

.rs_main_title {
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 10px 10px 10px;
    background: #F8F8F8;
}

.rs_main_title h2 {
    padding: 0;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    margin: 0;
}

.rs_main_title h2 img {
    width: 20px;
}

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

.pro_met_view .left {
    width: 40%;
}
.pro_met_view .right {
    width: 60%;
}
.pro_met_view  h5 {
    color: #151726;
    font-weight: 600;
    margin: 5px 0 0 0;
}

.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;
    text-align: right;
}

.pro_met_view .right .rs_middle .web_icon {
    width: 40px;
    height: 40px;
    background: #D6D6D6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    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;
    opacity: 0;
}
ul.tabs li.current {
    background: transparent;
    color: #ffffff;
    border: 3px solid #ffffff;
    background: #DB644D;
    box-shadow: 0 0 0px 2px #DB644D;
}
.new_rs_tab .tab-link {}

.new_rs_tab .tab-link .new_form_sec {
    position: absolute;
    top: -14px;
    right: 23px;
}

.new_rs_tab .tab-link .new_form_sec p {
    position: absolute;
    background: #ffff;
    border-radius: 70px;
}

.new_rs_tab .tab-link > span {
    margin: 0 5px;
}

.new_rs_tab .tab-link span svg {
    fill: #656565;
}

.new_rs_tab .tab-link.current span svg {
    fill: #ffffff;
}

.tabing_rs.new_rs_tab {
    padding: 15px 0;
    border-bottom: 2px solid #efefef;
    margin-bottom: 15px;
}

.tabing_rs.new_rs_tab ul.tabs {
    position: relative;
    z-index: 1;
}

.tabing_rs.new_rs_tab ul.tabs:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #efefef;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.tabing_rs.new_rs_tab ul.tabs:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #efefef;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
ul.tabs li {
    background: none;
    color: #656565;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    border: 3px solid #ffffff;
    font-weight: 500;
    position: relative;
    background: #EFEFEF;
    border-radius: 50px;
    box-shadow: 0 0 0px 2px #EFEFEF;
}
.new_rs_tab .tab-link span svg {
    fill: #656565;
}
.new_rs_tab .tab-link.current span svg {
    fill: #ffffff;
}
.new_rs_tab .tab-link .new_form_sec {
    position: absolute;
    top: -14px;
    right: 23px;
}
.new_form_sec {
    display: flex;
    flex-wrap: wrap;
}
.new_rs_tab .tab-link .new_form_sec p {
    position: absolute;
    background: #ffff;
    border-radius: 70px;
}
.new_form_sec p {
    margin: 0 6px;
    color: #151726;
    font-weight: 600;
}
.new_form_sec {
    display: flex;
    flex-wrap: wrap;
}

.new_form_sec p {
    margin: 0 6px;
    color: #151726;
    font-weight: 600;
}

.pending_rs span, .draft_rs span, .complted_rs span, .rank_no span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid ;
}

.pending_rs span, .draft_rs span {
    color: #FDB500;
    border-color:#FDB500;
}
.complted_rs span {
    color: #24C56A;
    border-color: #24C56A;
}
.rank_no span {
    color: #DB644D;
    border-color:#DB644D;
}
.sm_padding {
    color: #DB644D !important;
    padding: 7px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.sm_padding svg {
    width: 14px;
    margin: 0 0 0 5px;
}
.rs_main_title h2 svg {
    width: 18px;
    margin: 0 10px 0 0;
}
span.text-bg-primary {
    background: #DB644D;
    color: #fff;
    font-weight: 500 !important;
    padding: 5px 10px;
}
.new_rs_tab .tab-link {}

.new_rs_tab .tab-link .new_form_sec {
    position: absolute;
    top: -14px;
    right: 23px;
}

.new_rs_tab .tab-link .new_form_sec p {
    position: absolute;
    background: #ffff;
    border-radius: 70px;
}

.new_rs_tab .tab-link > span {
    margin: 0 5px;
}

.new_rs_tab .tab-link span svg {
    fill: #656565;
}

.new_rs_tab .tab-link.current span svg {
    fill: #ffffff;
}

.tabing_rs.new_rs_tab {
    padding: 15px 0;
    border-bottom: 2px solid #efefef;
    margin-bottom: 15px;
}

.tabing_rs.new_rs_tab ul.tabs {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 0;
        flex-wrap: nowrap;
}

.tabing_rs.new_rs_tab ul.tabs:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #efefef;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.view_rs_white_shadow {
    background: #ffffff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 24px #E5F6FF29;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}

.tabing_rs.new_rs_tab {
    padding: 15px 0;
    border-bottom: 2px solid #efefef;
    margin-bottom: 15px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.tabing_rs.bg_tab.new_rs_tab .tab-link {
    width: auto;
    background: none;
    color: #656565;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    border: 3px solid #ffffff;
    font-weight: 500;
    position: relative;
    background: #EFEFEF;
    border-radius: 50px;
    box-shadow: 0 0 0px 2px #EFEFEF;
}

.tabing_rs.bg_tab .tab-link::before {
    display: none !important;
}

/**end***/
        .new_rs_white_shadow {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #E5F6FF29;
            border-radius: 8px;
            padding: 0;
            margin-bottom: 15px;
            border: 1px solid #DFDFDF;
        }
        .sm_padding {
            color: #DB644D !important;
            padding: 7px 10px;
            font-size: 13px;
            display: flex;
            align-items: center;
        }
        .rs_main_title {
            border-bottom: 1px solid #DFDFDF;
            padding: 10px 10px 10px 10px;
            background: #efefef;
            border-radius: 8px 8px 0 0;
        }

        .rs_main_title h2 {
            padding: 0;
            font-size: 18px;
            color: #000;
            margin: 0;
        }

        .rs_main_title h2 img {
            width: 20px;
        }

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

        .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;
    font-weight: 400;
}

        .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: auto;
                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;
                    margin-bottom: 5px;
            }

            .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: 50%;
                padding: 0 2px 10px;
            }
            .tabing_rs.bg_tab .tab-link span {
    display: initial;
}
.tabing_rs.new_rs_tab ul.tabs {
    padding: 15px 10px;
}

.tabing_rs.bg_tab.new_rs_tab .tab-link {
    margin: 0 5px;
    padding: 6px 20px;
}

.tabing_rs.bg_tab .tab-link span svg {
    width: 20px;
}

.tabing_rs.bg_tab.new_rs_tab .tab-link {
    font-size: 14px;
}
        }
        /* @media (max-width:575px){
            .tabing_rs.new_rs_tab ul.tabs {
                justify-content: space-between;
                display: flex;
                padding: 11px 0px 5px 2px;
                overflow: inherit;
                    flex-wrap: nowrap;
            }
            .tabing_rs.new_rs_tab li.current {
                font-size: 10px !important;
                width: auto !important;
                height: auto !important;
                padding: 0 6px;
            }
            .new_rs_tab .tab-link > span {
                margin: 0 5px;
            }
            .new_rs_tab .tab-link .new_form_sec {
                position: absolute;
                top: -14px;
                right: 23px;
            }
            .new_rs_tab .tab-link .new_form_sec p {
                font-size: 10px;
                margin: 0 0 0 10px;
            }
            .tabing_rs.new_rs_tab li {
                font-size: 0;
                padding: 0px;
                width: 30px;
                height: 30px;
                line-height: 25px;
            }
            .new_rs_tab .tab-link > span {
                margin: 0 5px;
            }

            .tabing_rs.new_rs_tab li {
                font-size: 0;
                padding: 0px;
                width: 30px;
                height: 30px;
                line-height: 25px;
            }

            .new_rs_tab .tab-link .new_form_sec p {
                font-size: 10px;
                margin: 0 0 0 10px;
            }

            .tabing_rs.new_rs_tab ul.tabs {
                justify-content: space-between;
                display: flex;
                padding: 11px 0px 5px 2px;
                overflow: inherit;
            }

            .tabing_rs.new_rs_tab ul-tab li.tab-link.current {
                font-size: 12px;
            }

            .tabing_rs.new_rs_tab li.current {
                font-size: 10px !important;
                width: auto !important;
                height: auto !important;
                padding: 0 6px;
            }

            .new_rs_tab .tab-link span svg {
                height: 10px;
                text-align: center;
                width: auto;
            }

            .pending_rs span, .draft_rs span, .complted_rs span, .rank_no span {
                width: 20px;
                height: 20px;
            }
            .main_rs_row_title h3 {
                font-size: 14px;
            }
            .sm_padding {
                display: table;
                align-items: center;
                margin: 5px 0 ;
            }
            .hide_and_show_view .top_fixed_title {
                font-size: 15px;
            }
        } */
    </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>
        </section>
        <section>

            <section class="pro_du ">
                <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> <svg class="mr-1" xmlns="http://www.w3.org/2000/svg" width="20.332" height="22.134" style="    vertical-align: bottom;" viewBox="0 0 24.332 25.134">
                                                <g id="Group_37114" data-name="Group 37114" transform="translate(-1.574 -1.1)">
                                                    <path id="Path_67091" data-name="Path 67091" d="M8.548,12.535a.759.759,0,0,0,0,1.518h8.139a.759.759,0,1,0,0-1.518Zm3.66,4.309H8.548a.759.759,0,0,0,0,1.518h3.66a.759.759,0,0,0,0-1.518Z" transform="translate(-0.973 -1.79)"></path>
                                                    <path id="Path_67092" data-name="Path 67092" d="M11.122,24.716H5.345a2.258,2.258,0,0,1-2.252-2.26V7.08A2.258,2.258,0,0,1,5.345,4.82H6.913V5.01A2.01,2.01,0,0,0,8.921,7.018h7.254A2.01,2.01,0,0,0,18.183,5.01V4.82h1.56a2.231,2.231,0,0,1,2.251,2.26v4.327a.759.759,0,1,0,1.518,0V7.08A3.779,3.779,0,0,0,19.742,3.3h-1.56V3.107A2.01,2.01,0,0,0,16.174,1.1H8.92A2.01,2.01,0,0,0,6.912,3.107V3.3H5.345A3.779,3.779,0,0,0,1.574,7.08V22.456a3.779,3.779,0,0,0,3.771,3.779h5.778a.759.759,0,1,0,0-1.518ZM8.432,3.107a.49.49,0,0,1,.489-.489h7.254a.49.49,0,0,1,.489.489v1.9a.49.49,0,0,1-.489.489H8.921a.489.489,0,0,1-.489-.489Z" transform="translate(0)"></path>
                                                    <path id="Path_67093" data-name="Path 67093" d="M27.35,17.213a2.818,2.818,0,0,0-3.893,0l-6.73,6.73a1.464,1.464,0,0,0-.41.795l-.369,2.184a1.469,1.469,0,0,0,1.694,1.693l2.183-.369a1.465,1.465,0,0,0,.795-.41l6.73-6.73a2.756,2.756,0,0,0,0-3.892Zm-7.778,9.536-2.126.424.356-2.157,4.824-4.824,1.747,1.747Zm6.7-6.717-.832.833L23.7,19.119l.832-.832a1.234,1.234,0,0,1,1.745,1.745Z" transform="translate(-2.247 -2.401)"></path>
                                                </g>
                                                </svg>
                                                {{-- <img src="{{ asset('assets/app-assets/images/topic.png') }}"> --}}
                                            {{ $activityData->vActivityTopic }}</h2>
                                    </div>



                                    @if (isset($isReschedule) && $isReschedule == 'Y')
                                    <div class="col-lg-auto col-md-auto col-sm-auto col-12 ml-auto mb-0">
                                        <button type="button" onclick="rescheduleSubmit();"
                                            class="btn btn-outline-primary sm_padding waves-effect">
                                            <span class="">Send for next approval <i class="fa-regular fa-paper-plane ml-1"></i> </span>
                                        </button>
                                    </div>


                                    @else
                                    <div class="col-lg-auto col-md-auto col-sm-auto col-12 ml-auto mb-0">
                                        <button type="button" onclick="finalSubmit();"
                                            class="btn btn-outline-primary sm_padding waves-effect">
                                            <span class="">Send for next approval <i class="fa-regular fa-paper-plane ml-1"></i> </span>
                                        </button>
                                    </div>

                                    @endif

                                </div>


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

                                </div>
                                <div class="right">
                                    <div class="rs_right">
                                        <span>Brand Name</span>
                                        <h5>{{ $activityData->vBrandName }}</h5>
                                    </div>
                                    <div class="rs_left">
                                        <span>Credit Points</span>
                                        <h5>{{ $activityData->vCreditPoints }}</h5>
                                    </div>
                                    <div class="">
                                        <span>Mode of Activity</span>
                                        <h5>{{ $activityData->vModeName }}</h5>
                                    </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 new_rs_tab">
                            <ul class="tabs">
                                <li class="tab-link {{ $activityData->vCurrentStage == '1' ? 'current' : '' }} {{ $isDraftData == 'N' ? 'current' : '' }}"
                                    data-tab="meeting-detail-tab">
                                    <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">
                                            @if ($activityData->vCurrentStage == '1')
                                                @if ($activityData->dtActivityDateStart == null)
                                                    <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-clock" style="color:#ffb20f;"></i>
                                                @endif
                                            @else
                                                <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                            @endif
                                        </div>
                                    </span>
                                    Meeting
                                    {{-- <div class="form-group mb-0 text-righ new_form_sec">
                                        <p class="rank_no"><span>01</span></p>
                                        <p class="pending_rs"><span><i class="fa-solid fa-clock"></i></span> </p>
                                        <p class="draft_rs"><span><i class="fa-regular fa-hourglass-half"></i></span> </p>
                                        <p class="complted_rs"><span><i class="fa-solid fa-circle-check"></i></span> </p>
                                    </div> --}}
                                </li>

                                <li class="tab-link {{ $activityData->vCurrentStage == '2' ? 'current' : '' }}"
                                    data-tab="participates-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 {{ $activityData->vCurrentStage == '3' ? 'current' : '' }}"
                                    data-tab="contract-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 {{ $activityData->vCurrentStage == '4' ? 'current' : '' }}"
                                    data-tab="venue-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 ($venueDataAdded != null)
                                                @if ($activityData->isVenueAdded == 1)
                                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                                @else
                                                    <i class="fa-regular fa-clock" style="color:#ffb20f;"></i>
                                                @endif
                                            @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 {{ $activityData->vCurrentStage == '5' ? 'current' : '' }}"
                                    data-tab="stay-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 ($stayDataAdded != null)
                                                @if ($activityData->isStayAdded == 1)
                                                    <i class="fa-regular fa-circle-check" style="color:#2CD23D;"></i>
                                                @else
                                                    <i class="fa-regular fa-clock" style="color:#ffb20f;"></i>
                                                @endif
                                            @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 {{ $activityData->vCurrentStage == '4' ? 'current' : '' }}"
                                data-tab="transportation-detail-tab">Transportation Details</li> --}}
                            </ul>
                        </div>
                        <div class="tabing_rs_detiles">
                            @include('field.otherservice.' . $activityData->vFrontViewName)
                            @include('field.otherservice.participateDetail')
                            @include('field.otherservice.contractgenerate')
                            @include('field.otherservice.venueDetail')
                            @include('field.otherservice.stayDetail')
                            {{-- @include('field.otherservice.transportationDetail') --}}
                        </div>
                    </div>
                </div>
            </section>
    </div>

    </div>
@endsection
@section('scripts')
    @include('scripts.otherServices.otherActivity_initiate-scripts')
    @include('scripts.otherServices.productMeeting-scripts')
    @include('scripts.otherServices.participates-scripts')
    @include('scripts.otherServices.contracts-scripts')
    @include('scripts.otherServices.venueDetails-scripts')
    @include('scripts.otherServices.stayDetails-scripts')
    {{-- @include('scripts.otherServices.transportationDetails-scripts') --}}
@endsection