@extends('layouts.app')  
@section('title', 'Account Management')
@section('breadcrumb')
    <ol class="breadcrumb border-0 m-0 px-0 px-md-3">
        <li class="breadcrumb-item">Home</li>
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.customer') }}">Account Management</a></li>
        <li class="breadcrumb-item active">Add Internet Service</li>
    </ol>
@endsection  
<style>
table, th, td{
  border:1px solid #ddd;
  
}
.bootstrap-select.btn-group .btn .caret {
    
    visibility: hidden;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px;
}
html:not([dir="rtl"]) .form-check-input {
    margin-left: -1.25rem;
}

input {
  width: 66%;
  border-radius: 26px;
  border: 1px solid #ada9a9;
  padding: 1% 6%;
  margin: 1% 1%;
  background-image: url(https://www.pngarea.com/pngm/109/1164446_searchicon-png-search-icon-png-download.png);
  background-size: contain;
  background-repeat: no-repeat;
  outline: 0;
  background-position: 12px;
  background-size: 16px;
}
.textStyle {
            border: 1px solid #EDEADE;
            padding: 10px;
        }
        .headerLinkLeft {
            line-height: 44px;
            
            padding: 14px;
            color: black;
            text-decoration: none;
            margin: -2px;
        }
        .headerLinkLeft:hover{
            text-decoration: none;
            background-color: crimson;
            color: white;
        }
        .testColorCrimson{
            color: crimson;
            font-weight: bold;
        }
</style>
 @section('content')
 <!--<div class="row">
    <div class="col-md-12" style="background-color:#D0D0D0;padding-left: 0px;padding-right: 6px;">
        <div class="float-left">
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround1 removeBackGround" onclick="changeColor(1)">All Services</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround2 removeBackGround" onclick="changeColor(2)">Internet</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround3 removeBackGround" onclick="changeColor(3)">IPTV</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround4 removeBackGround" onclick="changeColor(4)">CATV</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround5 removeBackGround" onclick="changeColor(5)">DVBC</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround6 removeBackGround" onclick="changeColor(6)">VOIP</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround7 removeBackGround" onclick="changeColor(7)">Services</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround8 removeBackGround" onclick="changeColor(8)">Mobile</a>
        </div>
        <div class="float-right"> 
            <select class="btn btn-success align-middle getFormName" style="line-height: 14px;padding: 7px;margin-top: 4PX;" onchange="getFormName()">
                <option> + Add New Service </option>
                <option style="background-color: #D0D0D0;color: black;" value="Internet">Internet</a></option>
                <option style="background-color: #D0D0D0;color: black;" >IPTV</option>
                <option style="background-color: #D0D0D0;color: black;" >CATV</option>
                <option style="background-color: #D0D0D0;color: black;" >DVBC</option>
                <option style="background-color: #D0D0D0;color: black;" >VOIP</option>
                <option style="background-color: #D0D0D0;color: black;" >Services</option>
                
                <option style="background-color: #D0D0D0;color: black;" >Mobile</option>
            </select>

           <button class="btn btn-light align-middle" style="line-height: 14px;padding: 8px;margin-top: 4PX;">
                <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;margin-right: -9rem;">
                    <use xlink:href="{{ url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-search') }}"></use>
                </svg>
                Search Deleted Services (0) 
            </button>



        </div>
    </div>
</div>
<div class="row">
     <div class="alert alert-success mt-2" role="alert">
    Total Monthly Charges <span class="testColorCrimson">5 999 HUF Inc. Tax</span> (5 705 HUF exc. Tax)
    </div>  
</div>-->
@include('layouts.navbar')





    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header text-center"> <strong> Edit Service </strong></div>
                <form class="form-horizontal" action="" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="fluid-container" >
                            <div class="row">
                                <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                    
                                    <div id="input1" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Service Package
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" name="">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Connected From Date
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="date" class="form-control" name="">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Invoice Date
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="date" class="form-control" name="">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Invoicing Period
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                  <option> - </option>
                                                    <option> Not invoiced </option>
                                                    <option> Monthly </option>
                                                    <option> Bimonthly </option>
                                                    <option> Quarterly </option>
                                                    <option> Half-yearly </option>
                                                    <option> Yearly </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Invoicing Date
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" value="1">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Invoice Separately
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Reverse Charge
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Contract Number
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" name="">
                                            </div>
                                        </div>
                                        
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Type of contract
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                   <option> - </option>
                                                    <option> Not invoiced </option>
                                                    <option> Monthly </option>
                                                    <option> Bimonthly </option>
                                                    <option> Quarterly </option>
                                                    <option> Half-yearly </option>
                                                    <option> Yearly </option>
                                                </select>
                                            </div>
                                    </div>
                                        <!-- <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Minimum Contract Duration
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="btn btn-secondary">Months</div> 
                                            </div>
                                        </div> -->

                                         <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Minimum Contract Duration
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:300px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-secondary" value="Months" style="width:64px">
                                            </div>
                                        </div>


                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                               min. fixed time of contract 
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="date" class="form-control" name="">
                                            </div>
                                        </div>

                                       <!--  <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Auto Renew Contract
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="btn btn-secondary">Months</div> 
                                            </div>
                                        </div> -->
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Auto Renew Contract
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:300px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-secondary" value="Months" style="width:64px">
                                            </div>
                                        </div>
                                        
                                         <!-- <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                               News Period
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="btn btn-secondary">Months</div> 
                                            </div>
                                        </div> -->
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                News Period
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:300px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-secondary" value="Months" style="width:64px">
                                            </div>
                                        </div>

                                    </div>

                                    <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                differnet address of installation
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                              <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" id="hideShowInstallationAddressField"  value="HTML">
                                                    </div>
                                                </div>
                                                <!-- <input type="checkbox" id="hideShowInstallationAddressField" > -->

                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                               
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8" id="installationAddressField">
                                                <div class="row">
                                                    <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                        <input type="text" class="form-control" name="" value="jaipur">
                                                    </div>
                                                    <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                        <input type="text" class="form-control" name="" value="1565">
                                                    </div>
                                                </div>
                                                <div class="row mt-3">
                                                    <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                        <input type="text" class="form-control" name=""value="delhi">
                                                    </div>
                                                    <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                        <input type="text" class="form-control" name=""value="3455">
                                                    </div>
                                                </div>
                                                <div class="row mt-3">
                                                    
                                                    <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                        <input type="text" class="form-control" name=""value="2">
                                                    </div>
                                                    <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                        <input type="text" class="form-control" name=""value="3">
                                                    </div>
                                                    <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                        <input type="text" class="form-control" name=""value="127.0.0.1">
                                                    </div>
                                                </div>
                                                <div class="row mt-3">
                                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <input type="text" class="form-control" name="" placeholder="District">
                                                    </div>
                                                   
                                                    <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <input type="text" class="form-control" name="" placeholder="Country">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     
                                    </div>


                                     <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div>
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <button class="btn btn-primary">Search</button>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="row">
                                                        <div class="col-md-2">
                                                        <input type="checkbox"  type="checkbox" value="" id="flexCheckChecked" checked>
                                                    </div>
                                                        <label class="form-check-label" for="flexCheckChecked">
                                                        Show on map
                                                    </label>
                                                </div>
                                            </div>
                                        </div><br>
                                        <div class="row">
                                            <iframe src="https://www.google.com/maps/embed?pb=!1m26!1m12!1m3!1d56967.586413384495!2d75.75965416368793!3d26.82486744022622!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d26.853375999999997!2d75.7825536!4m5!1s0x396dc995785bfe0f%3A0x9d00670959c2e91d!2slaxmaya%20technologies%20pvt.%20ltd%20address!3m2!1d26.7967153!2d75.8134591!5e0!3m2!1sen!2sin!4v1663395565630!5m2!1sen!2sin" width="780" height="420" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                            </div>
                                        </div>
                                    </div>




                                     <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                SusPend Service
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">

                                               <!--  <input type="checkbox" id="hideShowInstallationAddressField" > -->
                                               <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>

                                            </div><br><br>
                                             <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Type of contract
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                   <option>Not Set</option>
                                                    <option> Unpaid </option>
                                                    <option> UnRegistered </option>
                                                    <option> ProFil 1 </option>
                                                    <option> ProFil 2 </option>
                                                    <option> ProFil 3 </option>
                                                    <option> ProFil 4 </option>
                                                    <option> ProFil 5 </option>
                                                    <option> ProFil 6 </option>
                                                    <option> ProFil 7 </option>
                                                    <option> ProFil 8 </option>
                                                    <option> ProFil 9</option>
                                                    <option> ProFil 10</option>
                                                </select>
                                            </div>
                                    </div>
                                </div>

                                    <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                SusPend Service And Invoicing
                                            </div>
                                            <div class="col-sm-1 col-md-1 col-lg-1 col-xl-1">
                                                <input type="checkbox" id="SusPendService" name="fav_language" value="HTML">
                                            </div>
                                            <div class="col-sm-7 col-md-7 col-lg-7 col-xl-7">
                                                <div class="" id="ProFil">
                                                    <div class="row">
                                                    <div class='col-md-6' >
                                                        <div class="form-group">
                                                            <div class='input-group date' id='datetimepicker6'>
                                                                <span class="input-group-addon">
                                                                    <span class="">Form</span>
                                                                </span>
                                                                <!-- <input type='date'  id="date"class="form-control"/style="width: 130px;"> -->
                                                                
                                                                    <input type='date' class="form-control" id="date" /style="width: 125px;">

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

                                                     <div class='col-md-6'>
                                                        <div class="form-group">
                                                            <div class='input-group date' id='datetimepicker7'>
                                                                <span class="input-group-addon">
                                                                    <span class="">To</span>
                                                                </span>
                                                                <!-- <input type='date' class="form-control" id="date" /style="width: 120px;"> -->

                                                                
                                                                    <input type='date' class="form-control" id="date" /style="width: 130px;">
                                                               
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row" id="ProFil1">
                                           
                                                <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                    Repeat
                                                </div>
                                                <div class="col-sm-1 col-md-1 col-lg-1 col-xl-1">
                                                    <input type="checkbox"  name="fav_language" value="HTML">
                                                </div>
                                            
                                        </div>
                                        
                                    </div>
                                



                                    <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Client Monitoring
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" id="ClientMonitoring" value="HTML">
                                                    </div>
                                                </div>
                                                <!-- <input type="checkbox" id="ClientMonitoring" > -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4" id="hide">
                                                Show Ping Graph In Client Portal
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8" id="hide">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox" id="hide1"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                                 <!-- <input type="checkbox" id="hide1"> --> 
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Client Setting via DHCP
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                                <!-- <input type="checkbox"> -->
                                            </div>

                                             </div>
                                       
                                    </div>


                                     <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Note
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <textarea class="form-control"style="height: 100px;"></textarea>
                                            </div><br><br><br><br>
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Contact Note
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8"><br>
                                                <textarea class="form-control"style="height: 100px;"></textarea>
                                            </div>
                                        </div>
                                    </div>


                                    <!-- <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                            RePort Connection Loss Form Nagios
                                        </div>
                                        <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <input type="checkbox" id="SusPendService1" name="fav_language" value="HTML">
                                                </div>
                                            </div>
                                        </div>
                                         <div class="container" id="ContractNote1">
                                        <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4" >
                                                Contact Note
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8"><br>
                                                <textarea class="form-control"style="height: 100px;"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div> -->

                                <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                RePort Connection Loss Form Nagios
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox" id="ContractNote" name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                                <!-- <input type="checkbox" id="SusPendService" > -->
                                            </div>
                                            <div class="container " id="ContractNote1">
                                                <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                                  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
                                                </svg>
                               
                                                <input type="checkbox"  name="fav_language" value="HTML" text="text-center">
                                            </div>
                                            <label for="javascript">Reset</label>
                                        </div>
                                </div>
                            </div>





                                </div>
                                <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                    
                                    <div id="input1" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Location
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">

                                               <select class=" form-control selectpicker" id="select-country" data-live-search="true">
                                                   <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                            </div>


                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Service Type
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="  form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                    <option> - </option>
                                                    <option> CMTS </option>
                                                    <option> Wifi </option>
                                                    <option> Radius </option>
                                                    <option> PPPoE </option>
                                                    <option> L2TP </option>
                                                </select>
                                            </div>
                                    </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Router
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                   <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                                <!--   <select  style="width:365px;height: 30px;border:1px solid #ddd;">
                                                <optgroup label="">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </optgroup>
                                            </select> -->
                                        </div>
                                        </div>
                                        <div class="row mt-1">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <div class="btn btn-secondary">Search By SSID</div>
                                            </div>
                                            

                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Access Point
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                              <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                                 <!-- <select  style="width:365px;height: 30px;border:1px solid #ddd;">
                                                <optgroup label="">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </optgroup>
                                            </select> -->
                                        </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Switch
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                  <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                   <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                                </div>
                                            </div>
                                            <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Switch Port
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Port Note
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <textarea class="form-control"></textarea>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Rate Plan
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                            </div>
                                        </div>

                                       <!--  <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Download Speed
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="btn btn-secondary">Kb/s</div> 
                                            </div>
                                        </div> -->
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Download Speed
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:300px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-secondary" value="Kb/s" style="width:64px">
                                            </div>
                                        </div>

                                        <!-- <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Upload Speed
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="btn btn-secondary">Kb/s</div> 
                                            </div>
                                        </div> -->

                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Upload Speed
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:300px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-secondary" value="Kb/s" style="width:64px">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-7 col-md-7 col-lg-7 col-xl-7 ml-0 pl-0 bg-secondary w-75 p-3 ml-4">
                                                <strong>PPPoE</strong><br>
                                                <strong>PPPoE</strong><br>
                                                <div class="row mt-3">
                                                    <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">Name</div>
                                                    <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                        <input type="text" class="form-control" name="">
                                                    </div>
                                                </div>
                                                <div class="row mt-3">
                                                    <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">Password</div>
                                                    <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                        <input type="text" class="form-control" name="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="input1" class="mt-3" style="border: 1px solid #EDEADE;padding: 20px;">


                                        <div class="row ">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Individual Price
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                         <!--  <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="radio"  name="fav_language" value="HTML">
                                                    </div>
                                                </div> -->


                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Price
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6" style="padding-right: 0px;">
                                                <input type="text" class="form-control" disabled>
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:1px;">
                                                <input type="submit" class="btn btn-secondary" value="HUF/Months" style="width:91px;">
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Description on invoice
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" disabled>
                                            </div>
                                        </div>
                                    </div><br>



                                    <div id="input1" class="" style="border: 1px solid #EDEADE;padding: 20px; height: 378px;">

                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                DisCount Type
                                            </div>

                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8 p-0">
                                                <!-- <div class="col-md-8">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
                                                        <label class="form-check-label" for="flexRadioDefault1">
                                                            Residential
                                                        </label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
                                                        <label class="form-check-label" for="flexRadioDefault2">
                                                            Business Customer
                                                        </label>
                                                    </div>
                                                </div> -->
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="radio"  name="fav_language" value="HTML">
                                                    </div>
                                                    <div class="col-md-10">
                                                        <label for="html"style="font-size:13px;"> No DisCount</label>
                                                    </div>

                                                     <div class="col-md-2">
                                                        <input type="radio"  name="fav_language" value="HTML">
                                                    </div>
                                                    <div class="col-md-10">
                                                        <label for="html"style="font-size:13px;"> Fixed DisCount</label>
                                                    </div>
                                                     <div class="col-md-2">
                                                        <input type="radio"  name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                            </div>
                                            <h6 style="width: 346px;padding-left:210px;">PreCentage DisCount</h6>
                                        </div>

                                            <div class="row mt-3">
                                                <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Additional Fee
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6" style="padding-right: 0px;">
                                                <input type="text" class="form-control" >
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:1px;">
                                                <input type="submit" class="btn btn-secondary" value="HUF/Months" style="width: 91px;">
                                            </div>
                                        </div><br>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Additional Fee-Note
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control"  style="width:382px;">
                                            </div>
                                        </div><br>
                                         <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Installation Fee
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:330px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:45px;">
                                                <input type="submit" class="btn btn-secondary" value="HUF" style="width:50px">
                                            </div>
                                        </div>
                                        <br>
                                         <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Refundable deposit
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <input type="text" class="form-control"  style="width:330px;">
                                            </div>
                                            <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"style="padding-left:45px;">
                                                <input type="submit" class="btn btn-secondary" value="HUF"style="width:50px">
                                            </div>
                                        </div>
                                    </div><br>



                                    <div id="input1" style="border: 1px solid #EDEADE;padding: 20px;">
                                        <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                            Client MCA Address
                                        </div>
                                        <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                            <input type="text" class="form-control" >
                                        </div>
                                    </div>

                                    <div class="row">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Client MCA Address
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" >
                                            </div>


                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                Client IP Address
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" >
                                            </div>
                                        </div>
                                        <div class="row mt-1">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <table style="width:364px;">
                                                    <tr>
                                                        <!-- <td style="text-align: center;">Private IP</td> -->
                                                         
                                                         <!-- <td style="text-align: center;"><label for="javascript"style="color:black; font-size:13px; height: 29px;
                                                         ">Private IP</label></td> -->

                                                         <td style="text-align: center;"><label for="javascript"style="color:black; font-size:13px;height: 10px;
                                                         ">Private IP</label>
                                                     </td>

                                                          
                                                        <td style="text-align: center;"><label for="javascript"style="color:red; font-size:13px;height: 10px;
                                                          padding-right: 177;">Unavailable</label></td>

                                                        
                                                    </tr>

                                                    <tr>
                                                      <!-- <td style="text-align: center;"> 

                                                        <label for="javascript" style="text-align: center; font-size:16px;">public</label>

                                                    </td> -->
                                                    <td style="text-align: center;"><label for="javascript"style="color:black; font-size:13px;">Public IP </label></td>

                                                        <td style="height: 90px; padding-right: 177;" >
                                                            <i class="fa fa-search"></i>
                                                            <label for="javascript"style="color:black;font-size:13px;">36.676.767.4673</label><br>
                                                              
                                                              <i class="fa fa-search"></i>
                                                            <label for="javascript"style="color:black;font-size:13px;">36.676.767.4673</label><br>
                                                             
                                                            <i class="fa fa-search"></i>
                                                            <label for="javascript"style="color:black;font-size:13px;">36.676.767.4673</label>

                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                 Client's Hardware Device
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                    <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                            </div>
                                    </div>



                                    <div class="row mt-1">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <div class="btn btn-secondary">PORT</div>
                                            </div>
                                            <div class="row mt-1" style="padding-left:290px;">
                                                <input type='text' value="8080" class="form-control"/style="width:127px;margin-top:-35px;">
                                            </div>

                                        </div>




                                   <!-- <div class="row mt-3"style="padding-left: 28px;">
                                        <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                            
                                        </div>
                                        <span class="input-group-addon"style="width:66;">
                                            <span class="">Port</span>
                                        </span>
                                        <input type='text' value="8080" class="form-control"/style="width:127px;">
                                    </div> --> 


                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                               Client NAT
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">

                                               <!-- <input type="checkbox" id="ClientNAT" > -->
                                               <div class="row">

                                                    <div class="col-md-2">
                                                        <input type="checkbox" id="ClientNAT" name="fav_language" value="HTML">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                 Hardware Of End Device
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <select class="form-control selectpicker" id="select-country" data-live-search="true" style="line-height: 14px;padding: 7px;margin-top: 4PX;text-align: left;">
                                                   <option> - </option>
                                                    <option> Active routers </option>
                                                    <option> CCR1036 </option>
                                                    <option> CCR1072 </option>
                                                    <option> CcM1016 </option>
                                                </select>
                                            </div>
                                    </div>

                                       <!--  <div class="row mt-3" style="padding-left: 28px;">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <span class="input-group-addon"style="width:66;">
                                                <span class="">Port</span>
                                            </span>
                                            <input type='text' value="80" class="form-control"/style="width:127px;">
                                        </div>  -->
                                        <div class="row mt-1">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <div class="btn btn-secondary">PORT</div>
                                            </div>
                                            <div class="row mt-1" style="padding-left:290px;">
                                                <input type='text' value="80" class="form-control"/style="width:127px;margin-top:-35px;">
                                            </div>

                                        </div>



                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                MCA Address Of End Device
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control" >
                                            </div>
                                        </div>



                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                IP Address Of End Device
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <input type="text" class="form-control">
                                            </div>
                                        </div>
                                        <div class="row mt-1">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                
                                            </div>
                                            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                                <table style="width:364px;">
                                                    <tr>
                                                        <td>Free IP</td>
                                                        <td>
                                                            <i class="fa fa-search"></i>
                                                            <label for="javascript"style="color:black;font-size:13px;">36.676.767.4673</label>
                                                        </td>
                                                        
                                                       <!--  <td ><h6>3676767674673</h6></td> -->
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="row mt-3">
                                            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                               Routed Networks
                                            </div>
                                            <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6"style="padding-left:18px;">
                                                <input type="submit" class="btn btn-success" value="+ Add IP Range">
                                            </div>
                                            
                                        </div>
                                    </div>
                                        
                                        
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div  style="justify-content: center;align-items: center;display: flex;">
                            <button class="btn btn-sm btn-success" type="submit" style="margin:5px;"> Save </button>
                            <a href="{{ route('admin.customer') }}"class="btn btn-sm btn-light"style="margin:5px;"> Back </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script type="text/javascript">
       

         $("#ContractNote1").hide();
         $("#ContractNote").change(function(){
            if($(this).prop('checked'))
            {
                $("#ContractNote1").show();
            }
            else
            {
                $("#ContractNote1").hide();
            }
        });




        $(document).ready(function(){
            $(".caret").addClass("d-none");
        });
        $("#hide").hide();
        $("#hide1").hide();
        $("#ClientMonitoring").change(function(){
            if($(this).prop('checked'))
            {
                $("#hide").show();
                $("#hide1").show();
            }
            else
            {
                $("#hide").hide();
                $("#hide1").hide();
            }
        });
 

        $("#ProFil").hide();
        $("#ProFil1").hide();
         $("#SusPendService").change(function(){
            if($(this).prop('checked'))
            {
                $("#ProFil").show();
                $("#ProFil1").show();
            }
            else
            {
                $("#ProFil").hide();
                $("#ProFil1").hide();
            }
        });


        $(function(){
            $('.selectpicker').selectpicker();
        });

        $("#installationAddressField").hide();
        
        $("#hideShowInstallationAddressField").change(function(){
            if($(this).prop('checked'))
            {
                $("#installationAddressField").show();
            }
            else
            {
                $("#installationAddressField").hide();
            }
        });
        let inputBoxId = 0;
        function plusInputBox()
        {
            inputBoxId++;
            $("#showNewInputBox").append('<tr id="inputBoxRmId'+inputBoxId+'"><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td><input type="text" class="form-control"></td><td></td></tr>');
        }
        function minusInputBox()
        {
            $("#inputBoxRmId"+inputBoxId).remove();
            inputBoxId--;
        }

    
</script>
@endsection