@extends('layouts.app')
@section('title', 'Add VoIP Configuration')
@section('content')




    <!-- Main content -->
    <section class="content">
        <div class="row">
        <div class="col-lg-12 col-12">
        <div class="box">

        <form class="needs-validation" action="" method="post">
                            @csrf
                <div class="panel panel-primary">
                    <div class="box-body">
                    
                        <h4 class="box-title text-info mb-0"><i class="fa fa-plus me-15"></i> Add VoIP Configuration</h4>
                                <a href="{{ url('/voip-configurations') }}" type="button" style="float:right" class="waves-effect waves-light btn btn-rounded btn-primary btn-bitbucket btn-sm mb-5"><i class="fa fa-eye fa-sx"></i>  Show VoIP Configuration</a>

								<hr class="my-15">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Name </label>
                                    <div>
                                        <div class="input-group mb-3" id="date-range2">
                                        <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>

                                        <input type="text" class="form-control" placeholder="Name"  type="" name="name" value="{{ request()->input('name') }}" id="name" maxlength="" >
                                        </div>
                                    </div>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">Url</label>
                                <div>
                                    <div class="input-group mb-3" id="date-range2">
                                    <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>
                                        <input type="text" class="form-control" name="url" value="{{ old('url') }}" id="campaign_name" required="">
                                    </div>
                                </div>
                            </div>
                            </div>
                       <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Host</label>
                                <div>
                                    <div class="input-group mb-3" id="date-range2">
                                    <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>

                                    <input type="text" class="form-control" placeholder="Host" onkeypress="return isNumberKey(event)" type="" name="host" value="{{ request()->input('host') }}" id="host" maxlength="" >
                                    </div>
                                </div>
                            </div>
                        <div class="col-md-6">
                                <label class="form-label">Username</label>
                                <div class="input-group mb-3" id="date-range2">

                                <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>

                                <input type="text" class="form-control" placeholder="Username" type="" name="username" value="{{ request()->input('username') }}" id="username" maxlength="" >

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

                        <div class="row">
                        

                            <div class="col-md-6">
                                <label class="form-label">Password</label>
                                <div class="input-group mb-3" id="date-range2">
                                <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>
                                <input type="text" class="form-control" placeholder="Password"  type="" name="secret" value="{{ request()->input('secret') }}" id="secret" maxlength="" >

                            </div>
                          </div>

                            <div class="col-md-6">
                                <label class="form-label">Dial Prefix(If Any)</label>
                                <div class="input-group mb-3" id="date-range2">

                                <span class="input-group-text @error('caller_id') text-danger border-danger @enderror"><i class="ti-user"></i></span>

                                <input type="text" class="form-control" placeholder="Prefix" onkeypress="return dialPrefix(event)" type="" name="prefix" value="{{ request()->input('prefix') }}" id="prefix" maxlength="12" >

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

                        <br>

                        <div class="box-footer text-end">
                            <button  type="submit" name="submit" value="Search"class="btn btn-primary btn-md"><i class="fa fa-check-square-o"></i> 
                                Submit
                            </button>
                            &nbsp;
                            <a type="button" class="btn btn-warning btn-md" name="submit_download"style="margin-right: 5px;"value="1">
                            <i class="fa fa-refresh fa-lg"></i> 
                            Reset
                            </a>
                            &nbsp;
                            <a type="button"name="submit_download" class="btn btn-danger btn-md" style="margin-right: 5px;" value="2"><i class="fa fa-reply fa-lg"></i> 
                            Cancel
                            </a>
                        </div>
                    </div>
                </div>

            
            </form>
        </div>
    </section>
</div>
<!-- /.content-wrapper -->
<script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>

<script>
    
///////////////api //////////////


   


    
  
   
    



    $(document).on("click", ".deleteApi" , function() {
    if(confirm("Are you sure you want to delete this record?")){
        var api = $(this).data('api');
        // alert(api);
        //var account_no = $(this).data('account_no');
        //alert(account_no);
        var el = this;
        $.ajax({
            url: 'deleteApi/'+api,
            type: 'get',
            success: function(response){
                alert(response);
            }
        });
        window.location.reload(1);
    }
    else{
        return false;
    }
});


    $("#openLabelForm").click(function(){
        $("#myModal").modal();
        $("#name").val('');
        $("#status").val('1');
        $("#id").val('');
        $("#add-edit").html('Add Label');
    });


    $(document).on("click", ".editLabel" , function() {
    $("#myModal").modal();
    $("#add-edit").html('Edit Label');
    var edit_id = $(this).data('id');
    $.ajax({
        url: 'editLabel/'+edit_id,
        type: 'get',
        success: function(response){
            $("#name").val(response.name);
            $("#status").val(response.status);
            $("#id").val(response.id);
        }
    });
});


    $(document).on("click", ".deleteLabel" , function() {
    if(confirm("Are you sure you want to delete this?")){
        var delete_id = $(this).data('id');
        var el = this;
        $.ajax({
            url: 'deleteLabel/'+delete_id,
            type: 'get',
            success: function(response){
                $(el).closest( "tr" ).remove();
            }
        });
        window.location.reload(1);
    }
    else
    {
        return false;
    }
});


//////////////close api ///////////////


</script>



<script language=Javascript>
    function dialPrefix(evt)
    {
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if(charCode == 35)
        {
            return true;
        }
        else
        if (charCode != 46 && charCode > 31  && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
       
</script>
@endsection