@extends('layouts.master')
@section('data-sidebar')
<div id="product-cl-sec">
    <a id="pl-close" class="close-btn-pl"></a>
    <div class="pro-header-text"><span class="main_heading">New</span> <span id="opp_name"></span></div>

    <div class="loader-sell360" id="dataSidebarLoader" style="display:none; height:80vh">
    <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
        <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
        <span class="txt"><span></span> LOADING...</span> </div>
    </div>

    <div class="pc-cartlist">
        <div class="overflow-plist">
            <div class="plist-content">
                <div class="_left-filter p-0">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <form style="display: flex;" id="saveSettingsForm">
                                    @csrf
                                    <input type="text" id="operation" name="operation" hidden>
                                    <input type="text" id="opp_id" name="opp_id" hidden>
                                    <input type="text" id="opp_name_input" name="opp_name_input" hidden>

                                    <div id="floating-label" class="card p-20 top_border mb-3 designation_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Designation <span>Details</span></h2>
                                        <div class="form-wrap p-0 font13">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Designation Name*</label>
                                                        <input type="text" name="designation_name"
                                                            class="form-control required_designation">
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="row ST-sec">  
                                                        <div class="col-auto">
                                                            <div class="custom-control custom-radio" style="line-height:1.4">
                                                                <input class="custom-control-input designation_radioType" 
                                                                    type="radio" name="designation_type" id="y009"
                                                                    value="employee">
                                                                <label class="custom-control-label font12"
                                                                    for="y009">Employee</label>
                                                            </div>
                                                           
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="custom-control custom-radio" style="line-height:1.4">
                                                                <input class="custom-control-input designation_radioType"
                                                                    type="radio" name="designation_type" id="n001"
                                                                    value="sales_agent">
                                                                <label class="custom-control-label font12"
                                                                    for="n001">Sales Agent</label>
                                                            </div>
                                                        </div> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="floating-label" class="card p-20 top_border mb-3 department_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Department <span>Details</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Department Name*</label>
                                                        <input type="text" name="department_name"
                                                            class="form-control required_department">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- <div id="floating-label" class="card p-20 top_border mb-3 mainCat_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Main <span>Category</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Category Name*</label>
                                                        <input type="text" name="category_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                                    {{-- <div id="floating-label" class="card p-20 top_border mb-3 subCat_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Sub <span>Category</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12"> 
                                                    <div class="form-s2 pt-10"><label class="font12 mb-5">Main Category*</label>
                                                        <select name="main_category_id" id="main_category_id"
                                                            class="form-control formselect">
                                                            <option value="-1" selected disabled> Select Main Category*
                                                            </option>
                                                            @foreach ($main as $item)
                                                            <option value="{{ $item->main_category_id }}">{{ $item->main_category_name }}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12 pt-10">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Category Name*</label>
                                                        <input type="text" name="sub_category_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                                    {{-- <div id="floating-label" class="card p-20 top_border mb-3 packaging_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Packaging <span>Detail</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Packaging Name*</label>
                                                        <input type="text" id="" name="packing_name" class="form-control required" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Packaging Short Name*</label>
                                                        <input type="text" id="" name="packing_short" class="form-control required" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Packaging Plural Name*</label>
                                                        <input type="text" id="" name="packing_plural" class="form-control required" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="font-size: 9pt !important; padding-top:18px">
                                                    <div class="custom-control custom-checkbox mr-sm-2">
                                                        <input type="checkbox" name="is_carton"
                                                            class="custom-control-input" value="1" id="is_carton">
                                                        <label class="custom-control-label"
                                                            for="is_carton">Carton</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    {{-- <label class="control-label mb-10">Select Type*</label> --}}
                                                    {{-- <div class="form-s2"><label class="font12 mb-5">Type*</label>
                                                        <select name="packaging_type" id="packaging_type"
                                                            class="form-control formselect">
                                                            <option value="-1" disabled> Select Type* </option>
                                                            <option value="1" selected> Primary </option>
                                                            <option value="2"> Secondary </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  --}}
{{-- 
                                    <div id="floating-label" class="card p-20 top_border mb-3 brand_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Brands <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Brand Name*</label>
                                                        <input type="text" name="brand_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                                    {{-- <div id="floating-label" class="card p-20 top_border mb-3 division_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Divisions <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Division Name*</label>
                                                        <input type="text" name="division_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                                    <div id="floating-label" class="card p-20 top_border mb-3 cities_type_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">City Type <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Type Name*</label>
                                                        <input type="text" name="city_type_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="floating-label" class="card p-20 top_border mb-3 localities_type_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Locality Type <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Type Name*</label>
                                                        <input type="text" name="locality_type_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="floating-label" class="card p-20 top_border mb-3 neighbourhood_type_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Neighbourhood Type <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Type Name*</label>
                                                        <input type="text" name="neighbourhood_type_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="floating-label" class="card p-20 top_border mb-3 expense_type_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">Expense Type <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Type Name*</label>
                                                        <input type="text" name="expense_type_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="floating-label" class="card p-20 top_border mb-3 sr_segment_form_div"
                                        style="width: 100%; display:none">
                                        <h2 class="_head03">SR Segment <span></span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10">Name*</label>
                                                        <input type="text" name="sr_segment_name" class="form-control"
                                                            required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="_cl-bottom">
        <button type="button" class="btn btn-primary mr-2" id="saveBtn">Save</button>
        <button id="pl-close" type="button" class="btn btn-cancel mr-2" id="cancelBtn">Cancel</button>
    </div>
</div>
@endsection


@section('content')
<style>
.loader-sell360 {
	height: 460px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2000;
	position: relative;
}
.loader-sell360 .loader-set {
	width: 90px;
	height: 110px;
	position: relative;
	margin-top: -60px;
}
.loader-sell360 .loader-set::before, .loader-sell360 .loader-set::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 30px;
	left: 15px;
	z-index: 1;
	transform: scale(0);
	transition: all 0.2s ease;
}
.loader-sell360 .loader-set .txt {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -23px;
	left: 5pxs;
	font-size: 11px;
	letter-spacing: 3px;
	color: #282828;
}
.loader-sell360 .loader-set .txt span {
	font-family: 'Rationale', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #0038ba
}
.loader-sell360 .loader-set .loader-img {
	position: absolute;
	z-index: 99;
	bottom: 3px;
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.loader-sell360 .loader-set .loader-img img {
	width: 85px;
	height: auto;
	margin-left: 5px
}
.loader-sell360 .loader-set .box-icon {
	width: 100%;
	height: 80px;
	display: block;
	color: white;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2;
	overflow: hidden;
}
.loader-sell360 .loader-set .box-icon::before, .loader-sell360 .loader-set .box-icon::after {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-image: url(/images/dashboard-icon.svg);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	filter: invert(60%);
}
.loader-sell360 .loader-set .box-icon:nth-child(1)::before {
	content: "";
	animation: a 1.1s linear infinite;
	background-image: url(/images/search-icon.svg);
}
.loader-sell360 .loader-set .box-icon:nth-child(1)::after {
	content: "";
	animation: b 1.3s linear infinite;
	background-image: url(/images/activity-icon.svg);
}
.loader-sell360 .loader-set .box-icon:nth-child(2)::before {
	content: "";
	animation: c 0.9s linear infinite;
	background-image: url(/images/geography-icon.svg);
}
.loader-sell360 .loader-set .box-icon:nth-child(2)::after {
	content: " ";
	animation: d 0.7s linear infinite;
	background-image: url(/images/reports-icon.svg);
}
.loader-sell360 .loader-set.amit::before, .loader-set.amit::after {
	transform: scale(1);
}
</style>

<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Settings <span></span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Settings</span></a></li>
            <li><span>Setting Details</span></li>
        </ol>
    </div>
</div>



<div class="row">
    <div class="col-md-12">
        <div class="card _Dispatch">
            <div class="header">
                <h2>Setting <span>Details</span></h2>
            </div>
            <div class="row m-0">
                <div class="col-lg-3 col-md-4 col-sm-12">
                    <div class="nav flex-column nav-pills CB-account-tab" id="v-pills-tab" role="tablist"
                        aria-orientation="vertical">
                        <a class="nav-link active" id="v-pills-01-tab" data-toggle="pill" href="#v-pills-01" role="tab"
                            aria-controls="v-pills-01" aria-selected="true">Designations</a>
                        <a class="nav-link" id="v-pills-02-tab" data-toggle="pill" href="#v-pills-02" role="tab"
                            aria-controls="v-pills-02" aria-selected="false">Departments </a>
                        {{-- <a class="nav-link" id="v-pills-03-tab" data-toggle="pill" href="#v-pills-03" role="tab"
                            aria-controls="v-pills-03" aria-selected="false">Main Category </a>
                        <a class="nav-link" id="v-pills-04-tab" data-toggle="pill" href="#v-pills-04" role="tab"
                            aria-controls="v-pills-04" aria-selected="false">Sub Category </a>
                        <a class="nav-link" id="v-pills-05-tab" data-toggle="pill" href="#v-pills-05" role="tab"
                            aria-controls="v-pills-05" aria-selected="false">Packaging List </a>
                        <a class="nav-link" id="v-pills-06-tab" data-toggle="pill" href="#v-pills-06" role="tab"
                            aria-controls="v-pills-06" aria-selected="false">Product Brands </a>
                        <a class="nav-link" id="v-pills-07-tab" data-toggle="pill" href="#v-pills-07" role="tab" aria-controls="v-pills-07" aria-selected="false">Divisions </a> --}}
                        <a class="nav-link" id="v-pills-08-tab" data-toggle="pill" href="#v-pills-08" role="tab" aria-controls="v-pills-08" aria-selected="false">City Type </a>
                        <a class="nav-link" id="v-pills-09-tab" data-toggle="pill" href="#v-pills-09" role="tab" aria-controls="v-pills-09" aria-selected="false">Locality Type </a>
                        <a class="nav-link" id="v-pills-10-tab" data-toggle="pill" href="#v-pills-10" role="tab" aria-controls="v-pills-10" aria-selected="false">Neighbourhood Type </a>
                        <a class="nav-link" id="v-pills-11-tab" data-toggle="pill" href="#v-pills-11" role="tab" aria-controls="v-pills-11" aria-selected="false">Expense Type </a>
                        <a class="nav-link" id="v-pills-12-tab" data-toggle="pill" href="#v-pills-12" role="tab" aria-controls="v-pills-12" aria-selected="false">SR Segment </a>
                    </div>
                </div>
                <div class="col-lg-9 col-md-8 col-sm-12 ml-800">
                    <div class="tab-content" id="v-pills-tabContent">

                        <div class="tab-pane fade show active" id="v-pills-01" role="tabpanel"
                            aria-labelledby="v-pills-01-tab">
                            <div class="col-md-12 PT-20 mb-0">
                                <h2 class="_head04">Designations
                                    <a class="btn add_button openDataSidebarForAddingDesignation"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Designation</a>
                                </h2>
                            </div>


                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>

                            <div class="col-md-12 productRate-table m-0 body_designations mt-20 mb-30">

                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-02" role="tabpanel" aria-labelledby="v-pills-02-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Departments
                                    <a class="btn add_button openDataSidebarForAddingDepartment"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Department</a> </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_departments mt-20 mb-30">

                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-03" role="tabpanel" aria-labelledby="v-pills-03-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Main Category
                                    <a class="btn add_button openDataSidebarForAddingMainCat"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Main Category</a>
                                </h2>
                            </div>

                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>

                            <div class="col-md-12 productRate-table m-0 body_main_cat mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-04" role="tabpanel" aria-labelledby="v-pills-04-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Sub Category
                                    <a class="btn add_button openDataSidebarForAddingSubCat"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Sub Category</a>
                                </h2>
                            </div>

                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>

                            <div class="col-md-12 productRate-table m-0 body_sub_cat mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-05" role="tabpanel" aria-labelledby="v-pills-05-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Packaging Management
                                    <a class="btn add_button openDataSidebarForAddingPackaging"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Packaging</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_packaging mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-06" role="tabpanel" aria-labelledby="v-pills-06-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Brand Management
                                    <a class="btn add_button openDataSidebarForAddingBrand"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Brand</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_brand mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-07" role="tabpanel" aria-labelledby="v-pills-07-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Divisions
                                    <a class="btn add_button openDataSidebarForAddingDivision"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Division</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_division mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-08" role="tabpanel" aria-labelledby="v-pills-08-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">City Type
                                    <a class="btn add_button openDataSidebarForAddingCityType"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New City Type</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_city_type mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-09" role="tabpanel" aria-labelledby="v-pills-09-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Locality Type
                                    <a class="btn add_button openDataSidebarForAddingLocalityType"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Locality Type</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_locality_type mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-10" role="tabpanel" aria-labelledby="v-pills-10-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Neighbourhood Type
                                    <a class="btn add_button openDataSidebarForAddingNeighbourhoodType"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Neighbourhood Type</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_neighbourhood_type mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-11" role="tabpanel" aria-labelledby="v-pills-11-tab">
                            <div class="col-md-12 mb-0" style="padding-top:20px !important">
                                <h2 class="_head04">Expense Type
                                    <a class="btn add_button openDataSidebarForAddingExpenseType"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Expense Type</a>
                                </h2>
                            </div>
                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>
                            <div class="col-md-12 productRate-table m-0 body_expense_type mt-20 mb-30">
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-12" role="tabpanel"
                            aria-labelledby="v-pills-12-tab">
                            <div class="col-md-12 PT-20 mb-0">
                                <h2 class="_head04">SR Segment
                                    <a class="btn add_button openDataSidebarForAddingSRSegment"
                                        style="right:0px; top:-7px;"><i class="fa fa-plus"></i> New Segment</a>
                                </h2>
                            </div>


                            <div class="loader-sell360 loader">
                            <div class="loader-set"> <span class="box-icon"></span> <span class="box-icon"></span>
                                <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
                                <span class="txt"><span></span> LOADING...</span> </div>
                            </div>

                            <div class="col-md-12 productRate-table m-0 body_sr_segment mt-20 mb-30">

                            </div>
                        </div>

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

@endsection