@include('users.header')
<style>
   
    .icon-img img{
        width: 100%;
        
    }
            .dash-service{
            min-height: 180px !important;
        }
</style>

<div class="container-fluid">
          <div class="card bg-light-info shadow-none position-relative overflow-hidden">
            <div class="card-body px-4 py-3">
              <div class="row align-items-center">
                <div class="col-9">
                  <h4 class="fw-semibold mb-8">Pay Bills and Recharge</h4>
                  <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a class="text-muted" href="/">Dashboard</a></li>
                      <li class="breadcrumb-item" aria-current="page">BBPS</li>
                    </ol>
                  </nav>
                </div>
                <div class="col-3">
                  <div class="text-center mb-n5">  
                    <img src="{{url('assets')}}/images/dmtlogo.png" alt="" class="img-fluid mb-n4">
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          
          
          
          <div id="content">
            <div class="row">
                  <div class="col-lg-3"></div>
                  <div class="col-lg-6">
                        <!-- ---------------------
                                                            start Success Border with Icons
                                                        ---------------- -->
                        <div class="card">
                          <div class="card-body">
                       
                            <form class="">
                              <div class=" mb-3">
                                <select class="form-control border border-ecuzen" id="biller">
                                    <option>select</option>
                                    @foreach($data as $dat)
                                    <option value="{{$dat->opid}}">{{$dat->opname}}</option>
                                    @endforeach
                                </select>
                              </div>
                              <div id="paramContent">
                                  
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
            </div>
         </div>
</div>

<script>
   
    
    $( document ).ready(function(){
        $("#biller").on("change", function() {
        $.ajax({
            url : 'get-biller-params',
            method : 'get',
            data : {
                'billerId' : $(this).val()
            },
            success:function(data)
            {
                $("#paramContent").html(data.view);
            }
        })
        })
    })
</script>
@include('users.footer')