@extends('layouts.site_layout')

@section('content')

<section class="py-5">
    <div class="container mt-lg-5 mb-lg-5 mt-0 mb-0">
        <div class="breadcrumbs">
            <span>
                <a href="{{ url()->previous() }}" class="fs-24 text-decoration-none text-dark opacity-5">Dashboard<span class="px-lg-4 px-0">></span> </a>
                <a href="#" class="fs-24 text-decoration-none text-dark">Edit Organisation Details</a>
                
            </span>
        </div>
         <a href="{{ url()->previous() }}" class="btn btn-danger btn-sm mb-0" style="float:right;">Back</a>
        <h1 class="fs-42 my-4 text-dark">Edit Organisation Details</h1>
       
        <div class="row">
            <div class="col-lg-12">
                <nav class="organisation-details">
                    <div class="nav nav-tabs fs-16 d-lg-flex d-md-flex d-block mb-4" id="nav-tab" role="tablist">
                        <button class="nav-link border-0 ps-lg-0 ps-md-2 ps-3 active" id="nav-comapany-details-tab"
                            data-bs-toggle="tab" data-bs-target="#nav-comapany-details" type="button" role="tab"
                            aria-controls="nav-comapany-details" aria-selected="true">COMPANY DETAILS</button>

                        <button class="nav-link border-0" id="nav-advanced-details-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-advanced-details" type="button" role="tab"
                            aria-controls="nav-advanced-details" aria-selected="false">HEAD OFFICE/FINANCIAL DETAILS</button>

                        <button class="nav-link border-0" id="nav-office-locations-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-office-locations" type="button" role="tab"
                            aria-controls="nav-office-locations" aria-selected="false">OFFICE LOCATIONS</button>

                        <button class="nav-link border-0" id="nav-contact-details-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-contact-details" type="button" role="tab"
                            aria-controls="nav-contact-details" aria-selected="false">CONTACT DETAILS</button>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-comapany-details" role="tabpanel"
                        aria-labelledby="nav-comapany-details-tab">
                        
                        <div class="row">
                            <div class="col-lg-8">
                                <!-- notification Messages start -->
                                <div id="company_notifications" class=""></div>
                                <!-- notification Messages end-->
                                <form action="javascript:void(0);" id="companyDetailsForm" name="companyDetailsForm" method="POST" enctype="multipart/form-data" class="row">
                                    @csrf
                                    <h3 class="fs-20 mb-4">Company/Organisation Logo</h3>
                                    <!-- <div class="d-flex">
                                        <div id="imagePreview">
                                            <img src="{{($company_check == true and $company_details->company_logo !== null) ? URL::asset('storage/Company_logos/'.$company_details->company_logo) : ''}}" alt="" class="image-fluid" id="imageLogo" width="200px" height="200px">
                                        </div>
                                        <div class="ms-3">
                                            <input type="file" class="form-control" id="imageUpload"  name="company_logo" hidden/>
                                            <label for="imageUpload" class="logo_label">change</label>
                                            <button class="fs-20 fw-bold bg-white btn" onclick="removeLogoInput();">Remove</button>
                                            <p class="fs-14 opacity-5 mt-3">Max size 1MB. Supported formats: png, jpg, jpeg</p>
                                        </div>
                                    </div> -->
                                    <div class="d-lg-flex d-md-flex d-block mb-4">                                     
                                        <div id="imagePreview">
                                            @if($company_check == true and $company_details->company_logo !== null)
                                            <img src="{{($company_check == true and $company_details->company_logo !== null) ? URL::asset('storage/Company_logos/'.$company_details->company_logo) : ''}}" alt="" class="image-fluid w-100" id="imageLogo">
                                           @endif
                                        </div>
                                        <div class="align-self-center ms-3">
                                           <input type="file" class="form-control" id="imageUpload"  name="company_logo" hidden/>
                                           <label for="imageUpload" class="logo_label">change</label>
                                           <button class="fs-20 ms-2 fw-bold bg-white btn" onclick="removeLogoInput();">Remove</button>
                                           <p class="fs-14 opacity-5 mt-3">Max size 1MB. Supported formats: png, jpg, jpeg</p>
                                        </div>  
                                    </div>

                                    <div class="col-lg-12 mb-3">
                                        <label for="name-of-organisation" class="form-label fw-bold fs-20">Name of Organisation<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="name_of_organization" name="name_of_organization" value="{{ $company_check == 'true' ? $company_details->name_of_organization : ''}}">
                                        <input type="hidden" name="auth_user_id" value="{{$user_id}}"/>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="brief-of-company" class="form-label fw-bold fs-20">Short Brief of
                                            the
                                            Company</label>
                                        <textarea class="form-control" placeholder="Enter brief about company..."
                                            id="short_description" rows="3" name="short_description">{{ $company_check == 'true' ? $company_details->short_description : ''}}</textarea>
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="company-website" class="form-label fw-bold fs-20">Company
                                            Website</label>
                                        <input type="text" class="form-control" id="company_website" placeholder="" name="company_website" value="{{ $company_check == 'true' ? $company_details->company_website : ''}}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="country-of-origin" class="form-label fw-bold fs-20">Country of
                                            Origin</label>
                                        <input type="text" class="form-control" id="country_of_origin" placeholder="" name="country_of_origin" value="{{ $company_check == 'true' ? $company_details->country_of_origin : ''}}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="verticals" class="form-label fw-bold fs-20">Verticals</label>
                                        <select id="verticals" class="form-select selectMultipleType" name="vertical_id[]" multiple="true" onchange="changeVeriticals()">
                                            <!-- <option selected>Choose...</option> -->
                                            <!-- <option>...</option> -->
                                        </select>

                                        <!-- other Verticals input start here -->
                                        <div class="mt-3 mb-2">
                                            <input type="text" name="other_specify_vertical" class="form-control" placeholder="Enter other specify.." id="other_specify_vertical" style="display:none">
                                        </div>

                                    </div>

                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="category" class="form-label fw-bold fs-20">Category</label>
                                        <select id="category" class="form-select" name="category_id[]">
                                            <option selected>Choose...</option>
                                            <!-- <option>...</option> -->
                                        </select>
                                    </div>
                                    <label for="" class="fw-bold fs-20">Listed Organisation</label>
                                    <div class="d-flex mb-5">
                                        <div class="form-check me-5">
                                            <input class="form-check-input" type="radio" name="listed_organization"
                                                id="listed" value="1" {{ ($company_check == 'true' and $company_details->listed_organization == 1) ? 'checked' : ''}}>
                                            <label class="form-check-label fs-18" for="listed">Yes</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="listed_organization"
                                                id="not-listed" value="0" {{ ($company_check == 'true' and $company_details->listed_organization == 0) ? 'checked' : ''}}>
                                            <label class="form-check-label fs-18" for="not-listed">No</label>
                                        </div>
                                    </div>
                                    <div class="d-lg-flex d-md-flex d-block mb-4">
                                        <div class="align-self-center mb-lg-0 mb-md-0 mb-3">
                                            <!-- <a href="" class="text-decoration-none fs-16 text-grey me-3">
                                                < Previous</a> -->
                                                    <a class="text-decoration-none fs-16 text-orange btnNext" id="">Next ></a>
                                        </div>
                                        <div class="ms-auto">
                                           
                                            <button class="btn btn-outline-orange text-orange me-3 fs-18 company_details_submit" onclick="storeCompanyDetails('draft')">Save
                                                Draft</button>
                                            
                                            <button type="submit" class="btn bg-orange text-white fs-18 company_details_submit" onclick="storeCompanyDetails('submit')">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-lg-4">
                                <h4 class="fs-24">Note</h4>
                                <p class="fs-20">Before you submit your organisation details, please check if it is
                                    already listed in the IESA <a href="{{url('ecosystem-directory')}}"
                                        class="text-decoration-none">Ecosystem Directory.</a> A duplicate entry will not
                                    be added
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-advanced-details" role="tabpanel"
                        aria-labelledby="nav-advanced-details-tab">
                        <div class="row">
                            <div class="col-lg-8">
                                <!-- notification Messages start -->
                                <div id="advance_notifications" class=""></div>
                                <!-- notification Messages end-->
                                <form action="javascript:void(0);" class="row g-3" id="advanceDetailsForm" name="advanceDetailsForm" method="POST">
                                    @csrf
                                    <input type="hidden" name="auth_user_id" value="{{$user_id}}">
                                    <div class="col-lg-12 mb-3">
                                        <label for="description-of-company" class="form-label fw-bold fs-20">Long
                                            Description of
                                            the
                                            Company</label>
                                        <textarea class="form-control" placeholder="Enter brief about company..."
                                            id="long_description" rows="3" name="long_description">{{$company_check == true ? $company_details->long_description : '' }}</textarea>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="address" class="form-label fw-bold fs-20">Address</label>
                                        <textarea class="form-control" placeholder="Input Keywords" id="address"
                                            rows="3" name="address">{{$company_check == true ? $company_details->address : '' }}</textarea>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="awards" class="form-label fw-bold fs-20">Awards since 2011 if any:
                                            (Optional)</label>
                                        <textarea class="form-control" placeholder="Input Keywords" id="award_since_2011"
                                            rows="3" name="award_since_2011">{{$company_check == true ? $company_details->award_since_2011 : '' }}</textarea>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="head_office_address" class="form-label fw-bold fs-20">Head Office
                                            Address</label>
                                        <textarea class="form-control" placeholder="Input Keywords"
                                            id="head_office_address" rows="3" name="head_office_address">{{$company_check == true ? $company_details->head_office_address : '' }}</textarea>
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="no_of_employees" class="form-label fw-bold fs-20">Number of
                                            Employees</label>
                                        <input type="number" class="form-control" id="no_of_employees"
                                            placeholder="" name="no_of_employees" value="{{$company_check == true ? $company_details->no_of_employees : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="phone_number" class="form-label fw-bold fs-20">Phone Number</label>
                                        <input type="tel" class="form-control" id="phone_number" placeholder="" name="phone_number" value="{{$company_check == true ? $company_details->phone_number : '' }}" onkeypress="return isNumber(event)">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="facsimile" class="form-label fw-bold fs-20">Facsimile</label>
                                        <input type="text" class="form-control" id="facsimile" placeholder="" name="facsimile" value="{{$company_check == true ? $company_details->facsimile : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="gstin" class="form-label fw-bold fs-20">GSTIN</label>
                                        <input type="text" class="form-control" id="gstin" placeholder="" name="gstin" value="{{$company_check == true ? $company_details->gstin : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="gstin" class="form-label fw-bold fs-20">Registration / Operations
                                            Commencement
                                            Date(in India)</label>
                                        <input type="date" class="form-control" id="registration_date_in_india" placeholder="" name="registration_date_in_india" value="{{$company_check == true ? $company_details->registration_date_in_india : '' }}">
                                    </div>
                                    <h4 class="fs-20">Patents:</h4>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="india" class="form-label fs-20">India</label>
                                        <input type="text" class="form-control" id="patents_india" placeholder="" name="patents_india" value="{{$company_check == true ? $company_details->patents_india : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="global" class="form-label fs-20">Global</label>
                                        <input type="text" class="form-control" id="patents_global" placeholder="" name="patents_global" value="{{$company_check == true ? $company_details->patents_global : '' }}">
                                    </div>
                                    <h4 class="fs-20">Number of Employees in ESDM specific area:</h4>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="for-current" class="form-label fs-20">a) For Current</label>
                                        <input type="text" class="form-control" id="no_emply_esdm_current" placeholder="" name="no_emply_esdm_current" value="{{$company_check == true ? $company_details->no_emply_esdm_current : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="no_emply_esdm_next_3years" class="form-label fs-20">b) Projected for
                                            Next 3
                                            Years</label>
                                        <input type="text" class="form-control" id="no_emply_esdm_next_3years"
                                            placeholder="" name="no_emply_esdm_next_3years" value="{{$company_check == true ? $company_details->no_emply_esdm_next_3years : '' }}">
                                    </div>
                                    <h4 class="fs-20">Locations:</h4>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="location_india" class="form-label fs-20">India</label>
                                        <input type="text" class="form-control" id="location_india" placeholder="" name="location_india" value="{{$company_check == true ? $company_details->location_india : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="location_global" class="form-label fs-20">Global</label>
                                        <input type="text" class="form-control" id="location_global" placeholder="" name="location_global" value="{{$company_check == true ? $company_details->location_global : '' }}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="" class="fw-bold fs-20">MNC (Yes/No)</label>
                                        <div class="d-flex mt-2">
                                            <div class="form-check me-5">
                                                <input class="form-check-input" type="radio" name="mnc"
                                                    id="listed" value="1" {{($company_check == true and $company_details->mnc == 1) ? 'checked' : '' }}>
                                                <label class="form-check-label fs-18" for="listed">Yes</label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="mnc"
                                                    id="not-listed" value="0" {{($company_check == true and $company_details->mnc == 0) ? 'checked' : '' }}>
                                                <label class="form-check-label fs-18" for="not-listed">No</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="parent-company" class="form-label fw-bold fs-20">Listing of Parent
                                            Company</label>
                                        <select id="parent-company" class="form-select selectMultipleType" name="parent_company_id[]" multiple="true" onchange="changeParentCompanies();">
                                            <option selected>Choose...</option>
                                            <option>...</option>
                                        </select>
                                        <div class="mt-3 mb-2">
                                            <input type="text" name="other_specify_company" class="form-control" placeholder="Enter other specify.." id="other_specify_company" style="display:none">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="latest-developments" class="form-label fw-bold fs-20">Key Focus Area
                                            /
                                            Latest Developments</label>
                                        <textarea class="form-control" placeholder="Input Keywords"
                                            id="latest-developments" rows="3" name="latest_developments">{{$company_check == true ? $company_details->latest_developments : '' }}</textarea>
                                    </div>
                                    <!-- <div class="col-lg-12 mb-3">
                                        <label for="expectation-from-association"
                                            class="form-label fw-bold fs-20">Please
                                            mention your
                                            expectations from the association & how would you want to contribute to
                                            achieve
                                            them?</label>
                                        <textarea class="form-control" placeholder="Input Keywords"
                                            id="expectation-from-association" rows="3"></textarea>
                                    </div> -->
                                     <div class="col-lg-12 mb-3">
                                        <label for="parent-company" class="form-label fw-bold fs-20">Please
                                            mention your
                                            expectations from the association & how would you want to contribute to
                                            achieve
                                            them?</label>
                                        <select id="contribute_id" class="form-select selectMultipleType" name="contribute_id[]" multiple="true" onchange="changeContributes();">
                                            <!-- <option selected>Choose...</option> -->
                                            <!-- <option>...</option> -->
                                        </select>
                                        <div class="mt-3 mb-2">
                                            <input type="text" name="other_specify_contribute" class="form-control" placeholder="Enter other specify.." id="other_specify_contribute" style="display:none">
                                        </div>
                                    </div>
                                    <!-- <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="international-focus" class="form-label fw-bold fs-20">International
                                            Focus</label>
                                        <textarea class="form-control" placeholder="Input Keywords"
                                            id="international-focus" rows="3"></textarea>
                                    </div> -->
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="international_focuses_id" class="form-label fw-bold fs-20">International Focus</label>
                                        <select id="international_focuses_id" class="form-select selectMultipleType" name="international_focuses_id[]" multiple="true" onchange="changeInterNationalFocus();">
                                            <!-- <option selected>Choose...</option> -->
                                            <!-- <option>...</option> -->
                                        </select>
                                        <div class="mt-3 mb-2">
                                            <input type="text" name="other_specify_focous" class="form-control" placeholder="Enter other specify.." id="other_specify_focous" style="display:none">
                                        </div>
                                    </div>
                                    <!-- <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="interest-of-participation" class="form-label fw-bold fs-20">Interest
                                            of
                                            Participation</label>
                                        <textarea class="form-control" placeholder="Input Keywords"
                                            id="interest-of-participation" rows="3"></textarea>
                                    </div> -->
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="participation_id" class="form-label fw-bold fs-20">Interest of Participation</label>
                                        <select id="participation_id" class="form-select selectMultipleType" name="participation_id[]" multiple="true">
                                            <!-- <option selected>Choose...</option> -->
                                            <!-- <option>...</option> -->
                                        </select>
                                    </div>
                                    <div class="d-lg-flex d-md-flex d-block mt-5">
                                        <div class="align-self-center mb-lg-0 mb-md-0 mb-3">
                                            <a  class="text-decoration-none fs-16 text-orange me-3 btnPrevious">
                                                < Previous</a>
                                                    <a class="text-decoration-none fs-16 text-orange btnNext">Next ></a>
                                        </div>
                                        <div class="ms-auto">
                                            <button class="btn btn-outline-orange text-orange me-3 fs-18 advance_submit" onclick="storeAdvanceDetails('draft')">Save
                                                Draft</button>
                                            <button type="submit" class="btn bg-orange text-white fs-18 advance_submit" onclick="storeAdvanceDetails('submit')">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-lg-4"></div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-office-locations" role="tabpanel"
                        aria-labelledby="nav-office-locations-tab">
                        <div class="row">
                            <div class="col-lg-8" >
                                <!-- notification Messages start -->
                                <div id="location_notifications" class=""></div>
                                <!-- notification Messages end-->
                                
                                <h4 class="fs-24 mb-5">Offices at Other Locations</h4>
                                <!-- <div class="text-end mb-5">
                                    <button class="btn btn-outline-red text-red me-3 fs-18">Remove</button>
                                    <button type="" class="btn bg-orange text-white fs-18">+ Add</button>
                                </div> -->
                                <form class="row g-3" id="officeLocationForm"  action="javascript:void(0);" name="officeLocationForm" method="POST">
                                    @csrf
                                    <input type="hidden" name="auth_user_id" value="{{$user_id}}">
                                    @if($company_check == true && count($company_details->memberofficeLocations) > 0)
                                        @php $i = 1;@endphp
                                        @foreach($company_details->memberofficeLocations as $index=>$officelocation)
                                        <div class="removeofficeLocation row">
                                            <!-- <span>{{$i++}}).<span> -->
                                            <div class="row">
                                            <div class="col-lg-12 mb-3">
                                                <label for="office_location_name" class="form-label fw-bold fs-20">Location
                                                    Name</label>
                                                <input type="text" class="form-control" id="office_location_name" placeholder="" name="office_location_name[]" value="{{$officelocation->location_name}}">
                                                
                                            </div>
                                            <div class="col-lg-12 mb-3">
                                                <label for="office_address" class="form-label fw-bold fs-20">Address</label>
                                                <textarea class="form-control" placeholder="Input Keywords" id="office_address"
                                                    rows="3" name="office_address[]">{{$officelocation->address}}</textarea>
                                            </div>
                                            <div class="col-lg-6 col-md-6 mb-3">
                                                <label for="office_contact_person_name" class="form-label fw-bold fs-20">Contact Person
                                                    name</label>
                                                <input type="text" class="form-control" id="office_contact_person_name" placeholder="" name="office_contact_person_name[]" value="{{$officelocation->contact_person_name}}">
                                            </div>
                                            <div class="col-lg-6 col-md-6 mb-3">
                                                <label for="office_email" class="form-label fw-bold fs-20">Email</label>
                                                <input type="email" class="form-control" id="office_email"
                                                    placeholder="" name="office_email[]" value="{{$officelocation->email}}">
                                            </div>
                                            <div class="col-lg-6 col-md-6 mb-3">
                                                <label for="office_designation" class="form-label fw-bold fs-20">Designation</label>
                                                <input type="text" class="form-control" id="office_designation" placeholder="" name="office_designation[]" value="{{$officelocation->designation}}">
                                            </div>
                                            <div class="col-lg-6 col-md-6 mb-3">
                                                <label for="office_phone_number" class="form-label fw-bold fs-20">Phone Number</label>
                                                <input type="tel" class="form-control" id="office_phone_number" placeholder="" name="office_phone_number[]" value="{{$officelocation->phone_number}}" onkeypress="return isNumber(event)">
                                            </div>
                                            </div>
                                            @if($index !== 0)
                                            <div class="text-end mb-5 ">
                                                <span class="btn bg-danger text-white fs-18 remove-input float-right" >- Remove</span>
                                            </div>
                                            @endif
                                        </div>
                                        @endforeach
                                    @else
                                    <div class="row">
                                    <div class="col-lg-12 mb-3">
                                        <label for="office_location_name" class="form-label fw-bold fs-20">Location
                                            Name</label>
                                        <input type="text" class="form-control" id="office_location_name" placeholder="" name="office_location_name[]" >
                                        <input type="hidden" name="auth_user_id" value="{{$user_id}}">
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label for="office_address" class="form-label fw-bold fs-20">Address</label>
                                        <textarea class="form-control" placeholder="Input Keywords" id="office_address"
                                            rows="3" name="office_address[]"></textarea>
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="office_contact_person_name" class="form-label fw-bold fs-20">Contact Person
                                            name</label>
                                        <input type="text" class="form-control" id="office_contact_person_name" placeholder="" name="office_contact_person_name[]">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="office_email" class="form-label fw-bold fs-20">Email</label>
                                        <input type="email" class="form-control" id="office_email"
                                            placeholder="" name="office_email[]">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="office_designation" class="form-label fw-bold fs-20">Designation</label>
                                        <input type="text" class="form-control" id="office_designation" placeholder="" name="office_designation[]">
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3">
                                        <label for="office_phone_number" class="form-label fw-bold fs-20">Phone Number</label>
                                        <input type="tel" class="form-control" id="office_phone_number" placeholder="" name="office_phone_number[]" onkeypress="return isNumber(event)">
                                    </div>
                                    </div>
                                    @endif
                                    <!--  ADD NEW BUTTON FOR OFFICE LOCTIONS -->
                                    <div class="text-end mb-5 addofficeLocationButton">
                                        <span class="btn bg-orange text-white fs-18" id="addofficeLocation">+ Add New</span>
                                    </div>
                                   <!--  ADD NEW BUTTON FOR OFFICE LOCTION END -->
                                
                                    <div class="d-lg-flex d-md-flex d-block officeLocationSave">
                                        <div class="align-self-center mb-lg-0 mb-md-0 mb-3">
                                            <a  class="text-decoration-none fs-16 text-orange me-3 btnPrevious">
                                                < Previous</a>
                                                    <a  class="text-decoration-none fs-16 text-orange btnNext">Next ></a>
                                        </div>
                                        <div class="ms-auto">
                                            <button class="btn btn-outline-orange text-orange me-3 fs-18 location_submit" onclick="storeOfficeLocationsDetails('draft')">Save
                                                Draft</button>
                                            <button type="submit" class="btn bg-orange text-white fs-18 location_submit" onclick="storeOfficeLocationsDetails('submit')">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-lg-4"></div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-contact-details" role="tabpanel"
                        aria-labelledby="nav-contact-details-tab">
                        <div class="row">
                            <div class="col-lg-8">
                                <!-- notification Messages start -->
                                <div id="contact_notifications" class=""></div>
                                <!-- notification Messages end-->

                                <h4 class="fs-24 mb-5">Contact Details</h4>
                                <p class="fs-20">Please add contact details for Primary POC from your Company here. IESA would like to share Benefits & other exciting Opportunities.</p>
                                <!-- <div class="text-end mb-5">
                                    <button class="btn btn-outline-red text-red me-3 fs-18">Remove</button>
                                    <button type="" class="btn bg-orange text-white fs-18">+ Add</button>
                                </div> -->
                                <form action="" class="row g-3" id="memberContactDetailsform" action="javascript:void(0);" name="officeLocationForm" method="POST">
                                    @csrf
                                    <input type="hidden" name="auth_user_id" value="{{$user_id}}">
                                    @if($company_check == true && count($company_details->memberContactDetails) > 0)
                                        @php $i = 1;@endphp
                                        @foreach($company_details->memberContactDetails as $index=>$contactDetail)
                                        <div class="removecontactMore">
                                        <!-- <span>{{$i++}}).</span> -->
                                        <div class="row">
                                            <div class="col-lg-12 mb-3">
                                                <label for="contact_full_name" class="form-label fw-bold fs-20">Full Name</label>
                                                <input type="text" class="form-control" id="contact_full_name" placeholder="" name="contact_full_name[]" value="{{$contactDetail->full_name}}">
                                            </div>
                                            <div class="col-lg-6 col-md-6 mb-3">
                                                <label for="contact_department_id" class="form-label fw-bold fs-20">Areas of Operation </label>