@extends('layouts.app') 
@section('title', 'Account Management')
@section('breadcrumb')

    <style type="text/css">
        .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>
    <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.account') }}">Account Management</a></li>
        <li class="breadcrumb-item active">Active Services</li>
    </ol>
@endsection
@section('content')
@include('layouts.navbar')
<!--<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"  id="all service" onclick="changeColor(1)">All Services</a>
          <a href="javascript:void(0)" class="headerLinkLeft addBackGround2 removeBackGround" onclick="changeColor(2)">Internet</a>
          <a href="{{url('/iptv')}}" class="headerLinkLeft addBackGround3 removeBackGround" onclick="changeColor(3)">IPTV</a>
          <a href="{{url('/catv')}}" class="headerLinkLeft addBackGround4 removeBackGround" onclick="changeColor(4)">CATV</a>
          <a href="{{url('/dvbc')}}" class="headerLinkLeft addBackGround5 removeBackGround" onclick="changeColor(5)">DVBC</a>
          <a href="{{url('/volp')}}" class="headerLinkLeft addBackGround6 removeBackGround" onclick="changeColor(6)">VOIP</a>
          <a href="{{url('/service')}}" class="headerLinkLeft addBackGround7 removeBackGround" onclick="changeColor(7)">Services</a>
          <a href="{{url('/moblie')}}" 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;" value="Iptv">IPTV</option>
                <option style="background-color: #D0D0D0;color: black;" value="Catv">CATV</option>
                <option style="background-color: #D0D0D0;color: black;" value="Dvbc">DVBC</option>
                <option style="background-color: #D0D0D0;color: black;" value="Voip">VOIP</option>
                <option style="background-color: #D0D0D0;color: black;" value="Service">Services</a></option>

                <!-- <option style="background-color: #D0D0D0;color: black;"><a href="{{url('/addservice')}}">Services</a></option> -->
               <!-- <option style="background-color: #D0D0D0;color: black;" value="Mobile">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('/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>  -->  

<div class="row">
    <div class="col-md-12">
        <div class="card " >
            <div class="card-header" style="font-size:24px;">
                <div class="float-left">
                    <strong>Internet Service - internet (PPPoE):</strong>
                </div>
                <div class="float-right">
                   <a href="{{url('/editservice')}}" >
                    <button type="button" class="btn btn-info">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                            <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
                            <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
                        </svg>
                        Edit
                    </button>
                </a> 
               <!-- <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                    <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
                    <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
                </svg>
                Edit
            </button> -->
            <a href="{{url('/editservice')}}" >
                    <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-intersect" viewBox="0 0 16 16">
                    <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2H5zm6-8V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2V6a2 2 0 0 1 2-2h5z"/>
                </svg>Copy</button>
                </a>

            

                <button type="button" class="btn btn-info">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
                  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
              </svg> Send Settings By E-mail</button>

              <a href="{{url('/transferservices')}}" >
                   <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-right" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4z"/>
              </svg>Transfer Service</button>
                </a>

              



              <button type="button" class="btn btn-danger" data-bs-toggle="modal" href="#exampleModalToggle" role="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-excel-fill" viewBox="0 0 16 16">
                  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5.884 4.68 8 7.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 8l2.233 2.68a.5.5 0 0 1-.768.64L8 8.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 8 5.116 5.32a.5.5 0 1 1 .768-.64z"/>
              </svg>
              Delete
          </button>
          <!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" >
  Launch demo modal
</button -->

<!-- Modal -->
<!-- <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
       Do You Really Want To Remove This Internet Service ?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-danger">Yes</button>
      </div>
    </div>
  </div>
</div> -->
<div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalToggleLabel" >DELETE</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
         Do You Really Want To Remove This Internet Service ?
      </div>
      <div class="modal-footer">
        <button class="btn btn-danger" data-bs-target="#exampleModalToggle2" data-bs-toggle="modal" data-bs-dismiss="modal">Ok</button>
      </div>
    </div>
  </div>
</div>
<!-- <div class="modal fade" id="exampleModalToggle2" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalToggleLabel2">Modal 2</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Hide this modal and show the first with the button below.
      </div>
      <div class="modal-footer">
        <button class="btn btn-light" data-bs-target="#exampleModalToggle" data-bs-toggle="modal" data-bs-dismiss="modal">Ok</button>
      </div>
    </div>
  </div>
</div> -->

      </div>
  </div>
             <div class="card-header" style="font-size:24px;">
                <div class="float-left">
                    <!-- <strong>Internet Service - internet (PPPoE):</strong> -->

                  <!--  <button type="button" class="btn btn-light ">Data Trarsferred</button> -->
                     <a href="{{url('datatransfer')}}" ><button type="button" class="btn btn-light">Data Trarsferred</button></a>
                     <a href="{{url('ipaddress')}}" ><button type="button" class="btn btn-light">Other IP Address</button></a><a href="{{url('subordinate')}}" ><button type="button" class="btn btn-light">Subordinate Service</button></a>
                     <a href="{{url('clientmonitoring')}}" ><button type="button" class="btn btn-light">
                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-data" viewBox="0 0 16 16">
  <path d="M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z"/>
  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
</svg>
                    Client Monitering</button></a>

                    <!-- <button type="button" class="btn btn-light ">Other IP Address</button> -->
                    <!-- <button type="button" class="btn btn-light ">Subordinate Service</button> -->
                    

                </div>
                <div class="float-right">
                <!--  <a href="{{url('/editservice')}}" >
                        <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                    <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
                    <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
                </svg>
                Edit
              </button>
                    </a> --> 
               
             <!--  <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-intersect" viewBox="0 0 16 16">
                    <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2H5zm6-8V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2V6a2 2 0 0 1 2-2h5z"/>
                </svg>Copy</button>

                <button type="button" class="btn btn-info">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
</svg> Send Settings By E-mail</button>

                <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-right" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4z"/>
</svg>Transfer Service</button>-->

               

                    <button type="button" class="btn btn-light">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-data" viewBox="0 0 16 16">
  <path d="M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z"/>
  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
</svg>

                    Print Groph Is Not Sgown-in CP</button> 
                    
                </div>
            </div>
            <form class="form-horizontal" action="" method="post">
                @csrf
                <div class="card-body">
                    
                    
                    <div class="fluid-container" >
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6 " >
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Total Price</div>
                                            <div class="col-md-8 textStyle">5 999 HUF Inc. Tax (5 705 HUF exc. Tax)</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Invoice Separately</div>
                                            <div class="col-md-8 textStyle">
                                                <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;">
                                                    <use xlink:href="{{ url('/assets/vendors/@coreui/icons/svg/free.svg#cil-x-circle') }}"></use>
                                                </svg>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Installation Address</div>
                                            <div class="col-md-8 textStyle">5 Jaipur</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Created On </div>
                                            <div class="col-md-8 textStyle">2022.09.23</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Contract Valid Unit </div>
                                            <div class="col-md-8 textStyle">-</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Contact Number </div>
                                            <div class="col-md-8 textStyle">6350291456</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Invoicing Period </div>
                                            <div class="col-md-8 textStyle">Monthly(2022.09.23)</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Created By </div>
                                            <div class="col-md-8 textStyle">2022.09.23 - IsNet</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Rate Plan </div>
                                            <div class="col-md-8 textStyle"><span class="testColorCrimson">20/10 Smart Home S</span> (1.1)</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Details </div>
                                            <div class="col-md-8 textStyle">5 999 HUF | Service Price</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Package Limits: </div>
                                            <div class="col-md-8 textStyle">20480/ 10240 kbit/s</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Router </div>
                                            <div class="col-md-8 textStyle">CCR1072</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Client IP Address </div>
                                            <div class="col-md-8 textStyle">87.229.114.63/ 255.255.255.0</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Primary DNS </div>
                                            <div class="col-md-8 textStyle">87.229.114.1</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Secondary DNS </div>
                                            <div class="col-md-8 textStyle">213.181.219.254</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Gateway IP </div>
                                            <div class="col-md-8 textStyle">87.229.114.1</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Client MAC Address </div>
                                            <div class="col-md-8 textStyle"></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">MAC Address Of End Device </div>
                                            <div class="col-md-8 textStyle"></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">HVV Of End Device </div>
                                            <div class="col-md-8 textStyle">-</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Switch </div>
                                            <div class="col-md-8 textStyle">CSS326 -24G -2S</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Switch Port</div>
                                            <div class="col-md-8 textStyle">21 - Port21</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">PPPOE</div>
                                            <div class="col-md-8 textStyle">User Name: test<br>Password:2434454</div>
                                        </div>
                                    </div>
                                </div>          
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-12">
        <div class="card " >
            <div class="card-header" style="font-size:24px;">
                <div class="float-left">
                    <strong>Services - fix ip</strong>
                </div>
                <div class="float-right">
                   <a href="{{url('service_edit')}}" >
                    <button type="button" class="btn btn-info">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                            <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
                            <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
                        </svg>
                        Edit
                    </button>
                </a> 
               
            
                    <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-intersect" viewBox="0 0 16 16">
                    <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2H5zm6-8V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2V6a2 2 0 0 1 2-2h5z"/>
                </svg>Copy</button>
                

            

                <button type="button" class="btn btn-info">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
                  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
              </svg> Send Settings By E-mail</button>

              <a href="#" >
                   <button type="button" class="btn btn-info">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-right" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4z"/>
              </svg>Transfer Service</button>
                </a>

              



              <button type="button" class="btn btn-danger" data-bs-toggle="modal" href="#exampleModalToggle" role="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-excel-fill" viewBox="0 0 16 16">
                  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5.884 4.68 8 7.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 8l2.233 2.68a.5.5 0 0 1-.768.64L8 8.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 8 5.116 5.32a.5.5 0 1 1 .768-.64z"/>
              </svg>
              Delete
          </button>
          
 <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalToggleLabel" >DELETE</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
         Do You Really Want To Remove This Internet Service ?
      </div>
      <div class="modal-footer">
        <button class="btn btn-danger" data-bs-target="#exampleModalToggle2" data-bs-toggle="modal" data-bs-dismiss="modal">Ok</button>
      </div>
    </div>
  </div>
</div>
</div>
  </div>
  <form class="form-horizontal" action="" method="post">
   @csrf
   <div class="card-body">
    <div class="fluid-container">
        <div class="form-group row">
            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6 " >
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Total Price</div>
                                            <div class="col-md-8 textStyle">5 999 HUF Inc. Tax (5 705 HUF exc. Tax)</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Invoice Separately</div>
                                            <div class="col-md-8 textStyle">
                                                <svg class="c-sidebar-nav-icon" style="margin-left: -9rem;">
                                                    <use xlink:href="{{ url('/assets/vendors/@coreui/icons/svg/free.svg#cil-x-circle') }}"></use>
                                                </svg>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Installation Address</div>
                                            <div class="col-md-8 textStyle">5 Jaipur</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Created On </div>
                                            <div class="col-md-8 textStyle">2022.09.23</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Contract Valid Unit </div>
                                            <div class="col-md-8 textStyle">-</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Contact Number </div>
                                            <div class="col-md-8 textStyle">6350291456</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Invoicing Period </div>
                                            <div class="col-md-8 textStyle">Monthly(2022.09.23)</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Created By </div>
                                            <div class="col-md-8 textStyle">2022.09.23 - IsNet</div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-4 textStyle">Details </div>
                                            <div class="col-md-8 textStyle">5 999 HUF | Service Price</div>
                                        </div>
                                    </div>
                                </div>          
                            </div>
                        </div>
                    </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://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 

    <script type="text/javascript">
        $(".addBackGround1").css({"background-color": "crimson", "color": "white","text-decoration":"none"});
        function changeColor(id)
        {
            $(".removeBackGround").css({"background-color": "#D0D0D0", "color": "black","text-decoration":"none"});
            $(".addBackGround"+id).css({"background-color": "crimson", "color": "white","text-decoration":"none"});
        }
        $(function(){
            $('.selectpicker').selectpicker();
        });

        $("#showHideAlternativeAddress").hide();
        
        $("#useAlternateAddress").change(function(){
            if($(this).prop('checked'))
            {
                $("#showHideAlternativeAddress").show();
            }
            else
            {
                $("#showHideAlternativeAddress").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--;
        }
        function getFormName()
        {
            if($(".getFormName").val()=='Internet')
            {
                window.location.href = "{{url('/addInternetService')}}";
            }
            if($(".getFormName").val()=='Iptv')
            {
                window.location.href = "{{url('/iptv')}}";
            }
             if($(".getFormName").val()=='Catv')
            {
                window.location.href = "{{url('/catv')}}";
            }
            if($(".getFormName").val()=='Dvbc')
            {
                window.location.href = "{{url('/dvbc')}}";
            }
             if($(".getFormName").val()=='Voip')
            {
                window.location.href = "{{url('/volp')}}";
            }
            if($(".getFormName").val()=='Service')
            {
                window.location.href = "{{url('/addservice')}}";
            }
             if($(".getFormName").val()=='Mobile')
            {
                window.location.href = "{{url('/mobile')}}";
            }
        }
         
    </script>
@endsection