@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
</style>
<div class="content-wrapper">
<section class="content-header" style="float:right;">
    @if(Auth::user()->hasRole('super_admin'))
    <a href="{{route('dashboard')}}" class="dropdown-toggle btn btn-lg btn-info" >Back </a>
    <a href="#" class="dropdown-toggle btn btn-lg btn-info" style="padding-right: 10px;" data-toggle="modal" data-target="#addgstcategory"><i class="fa fa-fw fa-plus"></i>Add Insurance Category</a>
                                            <!--modal start here-->
            <!--modal start here-->
        <div class="modal fade" role="dialog" id="addgstcategory">
            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                <div class="modal-content">
                    <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                    <div class="modal-body modal-body-md">
                        <h5 class="add-itrcategory">Add Insurance Sub Category</h5>
                        <div class="tab-content">
                            <div class="tab-pane active" id="personal-document">
                                <form action="{{ route('store_refer_link_sub_category') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row gy-4">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label for="insurance_category_id" class="form-label">Insurance Category</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <select name="insurance_category_id" id="insurance_category_id" class="form-control">
                                                        @foreach ($loanCats as $item)
                                                            <option value="{{ $item->id }}">{{ $item->category_name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="name">Name</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="category_name" id="name" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="company_logo">Company Logo</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="file" class="form-control" name="company_logo" id="company_logo" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="refer_link">refer_link</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="refer_link" id="refer_link" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="video_link">video_link</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="video_link" id="video_link" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="payout">Payout</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="payout" id="payout" required>
                                                </div>
                                            </div>
                                        </div>
                                         <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="user_id">Login Id</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="user_id" id="user_id" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="password">Password</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="password" id="password" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="details">Details</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <textarea name="details" id="details" class="tinymce-basic form-control"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                <li>
                                                    <button type="submit" class="btn btn-lg btn-primary">Add</button>
                                                </li>
                                                <li>
                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- .tab-pane -->
                        </div>
                        <!-- .tab-content -->
                    </div>
                    <!-- .modal-body -->
                </div>
                <!-- .modal-content -->
            </div>
            <!-- .modal-dialog -->
        </div>
   
    @endif
        
  </section>
  <BR><BR>
 
<section class="content">     
  
    <div class="row">
        <div class="col-xs-12">
            <!-- /.card -->
            <div class="box box-success" >
              <div class="box-header">
                <h3 class="box-title">Insurance Category List</h3>
              </div>
               @if(Session::has('message'))
    <p class="alert {{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
    @endif
                <div class="box-body">


                  <form action="{{ route('insurance_link_details') }}" target="_blank" method="post" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="id" id="insid" value="">
                                        <div class="row gy-4">
                                        <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="name">Insurence</label>
                                                    <div class="form-control-wrap">
                                                       <select class="form-control" name="category" id="category"  data-msg="Required" required onchange="getSubCategory(this.value)">
                                                        <option value="">Select</option>
                                                       @foreach($categories as $cat)
                                                            <option value="{{$cat->id}}">{{$cat->category_name}}</option>
                                                        @endforeach 
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="phone">Company</label>
                                                    <div class="form-control-wrap">
                                                         <select class="form-control" name="sub_category" id="sub_category"  data-msg="Required" onchange="getSubCategoryDetail(this.value)" required>
                                                        <option value="">Select</option>
                                                     
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                         {{--<div class="col-sm-12">
                                          <div class="form-group" style="display: flex;">
                                            <label class="form-label">User Id:</label>
                                            <div class="form-control-wrap userid" style="margin-left: 20px;"></div>
                                          </div>
                                         </div> 
                                          <div class="col-sm-12">
                                          <div class="form-group" style="display: flex;">
                                            <label class="form-label">Password:</label>
                                            <div class="form-control-wrap password" style="margin-left: 20px;"></div>
                                          </div>
                                         </div> 
                                         <div class="col-sm-12">
                                          <div class="form-group" style="display: flex;">
                                            <label class="form-label">Payout:</label>
                                            <div class="form-control-wrap roi" style="margin-left: 20px;"></div>
                                          </div>
                                         </div>--}}
                                         <div class="col-sm-12">
                                          <div class="form-group" >
                                            <label class="form-label">Details:</label>
                                            <div class="form-control-wrap termcondition" ></div>
                                          </div>
                                         </div>
                                         
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="name">Name</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="name" class="form-control @error('name') error @enderror" value="{{ old('name') }}">
                                                        @error('name')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="phone">Mobile</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="phone" class="form-control @error('phone') error @enderror" value="{{ old('phone') }}">
                                                        @error('phone')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="email">Email</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="email" class="form-control @error('email') error @enderror" value="{{ old('email') }}">
                                                        @error('email')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="col-sm-5"></div>
                                            
                                            
                                        </div>
                                        <div class="col-12">
                                                <div style="padding-bottom: 15px;">
                                                    <div class="text-center">            
                                                     <button type="submit" class="btn btn-lg btn-primary">Apply</button>
                                                       
                                                      <button type="reset" class="btn btn-lg btn-danger" id="reset" name="reset">
                                                        <span class="fa fa-fw fa-circle-o"></span>
                                                          Reset        </button>
                                                              
                                                    </div>
                                                    
                                                  </div>
                                                 
                                            </div>
                                    </form>




                </div>
          </div>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
     
      <!-- /.col -->
  
    
</section>
</div>
@endsection
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>

 
    $(document).ready(function() {
        $("body").on("click", ".add-more", function() {
            var html = $(".after-add-more").first().clone();

            //  $(html).find(".change").prepend("<label for=''>&nbsp;</label><br/><a class='btn btn-danger remove'>- Remove</a>");

            $(html).find(".change").html("<br><br> <a class='btn btn-danger remove'>- Remove</a>");


            $(".after-add-more").last().after(html);



        });

        $("body").on("click", ".remove", function() {
            $(this).parents(".after-add-more").remove();
        });
    });


    function getPostOffice(m_pincode) {
        //var pin_select = ('#pinaddress').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + m_pincode,
            dataType: 'json',
            success: function(response) {
                //console.log(response);
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    var len = PostOffice.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    $('#pin_error').html("");
                    $('#post_office').html(option);

                    $("#post_office").on("click", function() {

                    });
                    document.getElementById('post_office').click();

                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
    }

    function changeAddress() {
        var pin             = $('#pincode').val();
        var post_office     = $('#post_office').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + pin,
            dataType: 'json',
            success: function(response) {
                alert(response);
                console.log(response);
                var pin_select_status = 0;
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        if (post_office == PostOffice[index].Name) {
                            pin_select_status   = 1;
                            $('#city').val(PostOffice[index].District);
                            $('#state').val(PostOffice[index].State);
                            $('#address').val(PostOffice[index].Name);
                        }
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    if (pin_select_status == 0) {
                        $('#pin_error').html("Error Please re-select address.");
                        $('#post_office').html(option);
                    } else {
                        $('#pin_error').html('');
                    }
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html('');
                }
            }
        });
    }
	
function getSubCategory(catid)
{
	$.ajax({
            type: "GET",
            url: "{{URL('admin/get-insurance-sub-category')}}" +'/'+ catid,
            dataType: 'json',
            success: function(response) {
                //console.log(response);
                var option = '';
                if (response.status == "success") {
                    var subcategory = response.subcategory;
                    var len = subcategory.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < subcategory.length; index++) {
                        option += "<option value='" + subcategory[index].id + "'>" + subcategory[index].category_name + "</option>";
                    }
                  
                    $('#sub_category').html(option);

                } 
            }
        });
}	
function getSubCategoryDetail(catid)
{
	$.ajax({
            type: "GET",
            url: "{{URL('admin/get-insurance-sub-category-detail')}}" +'/'+ catid,
            dataType: 'json',
            success: function(response) {
              
                if (response.status == "success") {
                   if(response.subcategory)
				   {
				   
					//$('.userid').html(response.subcategory.user_id);
					//$('.password').html(response.subcategory.password);
					
					//$('.roi').html(response.subcategory.payout);
					$('.termcondition').html(response.subcategory.details);
					$('#insid').val(response.subcategory.id);
					
				   }
                } 
            }
        });
}	
</script>