@extends('include.sidebar')
@section('content')
<div class="col-lg-12 layout-spacing">

    <div class="widget-content widget-content-area">
        <div class="form-group row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <form class="needs-validation"> 
                    <div class="form-row">
                        <div class="col-md-12 mb-12">
                            <button type="button" class="btn btn-block btn-lg btn-secondary" id="mobile_btn" >{{$title}}</button>
                        </div>
                        
                    </div>                                                             
                </form>
            </div>
        </div>
    </div>
<hr>
    <div class="widget-content widget-content-area" id="mobile_div">
        <div class="form-group row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <form class="needs-validation form_payment_mobile" id="form_payment" method="post">
                    <input type="hidden" name="service_id" value="10">
                    @csrf
                    
                    <div class="form-row">
                        <div class="col-md-2 mb-2">
                            <label for="validationCustom01">Vehicle Number</label>
                            <input type="text" class="form-control" placeholder="AS02Q1234" id="number" name="number" value="" required="">
                        </div>
                        <div class="col-md-2 mb-2">
                            <label for="validationCustom01">Mobile Number</label>
                            <input type="number" class="form-control" placeholder="Mobile Number" id="consumer_number" name="consumer_number" value="">
                        </div>
                        <div class="col-md-2 mb-2">
                            <label for="validationCustom01">Provider</label>
                            <select class="form-control basic select2-hidden-accessible" data-select2-id="0" tabindex="-1" aria-hidden="true" name="provider_id" id="provider_id">
                                <option data-select2-id="0">Select Provider</option>
                                @foreach($bbps_providers as $item)
                                <option value="{{$item->id}}" data-select2-id="{{$item->id}}">{{$item->provider_name}}</option>
                                @endforeach
                            </select>
                            
                        </div>
                         <div class="col-md-2 mb-2" id="bill_details_1" style="display:none;">
                            <label for="validationCustom01">Customer Name</label>
                            <input type="text" class="form-control" name="customer_name" id="customer_name" readonly value="">  
                        </div>
                        <div class="col-md-2 mb-2" id="bill_details_2" >
                            <label for="validationCustom01">Amount</label>
                            <input type="number" class="form-control" placeholder="Amount" name="amount" id="bill_amount" value="" required="">  
                        </div>
                        
                        <div class="col-md-2 mb-2" id="bill_fatch_div_bbps" style="display:none;"> 
                            <label for="validationCustom01" style="color: white;">Check Bill</label>
                            <button type="button" class="btn btn-block btn-lg btn-primary" onClick="fastag_fatch();" >Vehicle Info</button>
                        </div>
                        <div class="col-md-2 mb-2" id="paynow_div_bbps" >
                            <label for="validationCustom01" style="color: white;">Click For</label>
                            <button type="button" class="btn btn-block btn-lg btn-primary" onClick="pay_now();" >Pay Now</button>
                        </div>
                    </div>                                                             
                </form>
            </div>
        </div>
    </div>
<div class="row layout-top-spacing">
    
    <div class="col-lg-12 layout-spacing" >
        <div class="statbox widget box box-shadow">
            <div class="widget-header">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                        <h4>Last 5 Transactions</h4>
                    </div>
                </div>
            </div>
            <div class="widget-content widget-content-area">
                <div class="table-responsive">
                    <table class="table table-bordered mb-4">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th>Transaction Details</th>
                                <th class="text-center">Order Id </th>
                                <th class="text-center">Operator Id</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Amount</th>
                                <th class="text-center">Commission</th>
                                <th class="text-center">Total Amount</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reports as $list)
                            <tr>
                                <td class="text-center"><h6>{{$list->id}}</h6></td>
                                <td >
                                    <h6>{{$list->created_at}}</h6>
                                    <h6>Number : {{$list->number}}</h6>
                                    <h6>{{strtoupper(\App\Models\Service::find($list->service_id)->service_name)}} - {{strtoupper(\App\Models\Provider::find($list->provider_id)->provider_name)}} - {{$list->path}}
                                </td>
                                <td class="text-center"><h6>{{$list->order_id}}</h6></td>
                                <td><h6>{{$list->operator_id}}</td>
                                <td class="text-center">
                                    @if($list->status=="Success")
                                    <span class="badge badge-success">{{$list->status}}</span>
                                    @elseif($list->status=="Failed")
                                    <span class="badge badge-danger">{{$list->status}}</span>
                                    @elseif($list->status=="Under Process"||$list->status=="Pending")
                                    <span class="badge badge-warning">{{$list->status}}</span>
                                    @elseif($list->status=="Refunded")
                                    <span class="badge badge-secondary">{{$list->status}}</span>
                                    @else
                                    <span class="badge badge-primary">{{$list->status}}</span>
                                    @endif  
                                </td>
                                <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->amount}}</h6></td> 
                                <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->commission}}</h6></td>   
                                <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->total_amount}}</h6></td>
                                <td class="text-center">
                                <div>
                                    @if($list->status=="Success")
                                    <a href="{{url('invoice/print/')}}/{{$list->id}}" target="_blank" title="Print" class="font-20 text-success">
                                        <i class="las la-print"></i>
                                    </a>
                                    @if($list->complaint_id=="0")
                                    <a onclick="Send_Complaint('{{$list->id}}','{{$list->order_id}}');" title="Complaint" class="font-20 text-info">
                                       <i class="las la-headset"></i>
                                    </a>
                                    @endif
                                    @endif

                                    
                                </div>
                                </td>        
                            </tr>
                            @endforeach  
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
</div>

</div> 


                   <!-- Modal -->
                    <div class="modal fade" id="Send_Complaint" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <form id="form_shiba"  action="{{route('send_complaint_submit')}}" method="post">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalCenterTitle">Order ID: <a id="order_id">STP8246711</a> </h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <i class="las la-times"></i>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                            <label>Subject <span class="text-danger">*</span></label>
                                            @csrf
                                            <input type="text" name="subject" class="form-control" required="">
                                            <input type="hidden" name="id" id="id">
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Cancel</button>
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <!-- Modal -->
                    <div class="modal fade" id="dth_info" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalCenterTitle">DTH Details</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <i class="las la-times"></i>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <table class="table table-bordered mb-4">
                                        <tbody>
                                            <tr style=" background-color: #ccc;">
                                                <td>Status :</td>
                                                <td id="dth_status">Active</td>
                                            </tr> 
                                            <tr style=" background-color: #ccc;">
                                                <td>Customer Name :</td>
                                                <td id="dth_name">SHIBA TECHNOLOGY</td>
                                            </tr>
                                            <tr style=" background-color: #ccc;">
                                                <td>Balance :</td>
                                                <td id="dth_balance">1000</td>
                                            </tr>
                                            <tr style=" background-color: #ccc;">
                                                <td>Next Recharge Date :</td>
                                                <td id="dth_next_recharge_date"></td>
                                            </tr>
                                            <tr style=" background-color: #ccc;">
                                                <td>Monthly Recharge :</td>
                                                <td id="dth_monthly_recharge"></td>
                                            </tr>
                                            <tr style=" background-color: #ccc;">
                                                <td>Plan Name :</td>
                                                <td id="dth_plan_name"></td>
                                            </tr> 
                                        </tbody>
                                    </table>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Done</button>
                                </div>
                            </div>
                        </div>
                    </div>
<script type="text/javascript">
    
    function Send_Complaint(id,order_id){
        $('#id').val(id);
        $('#order_id').text(order_id);
        $('#Send_Complaint').modal('show');
    }
 function pay_now() {
   swal({
      title: 'Are you sure?',
      //text: "You won't be able to revert this!",
      type: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Confirm',
      padding: '2em'
    }).then(function(result) {
    if (result.value) {
        swal({
        title: 'Please wait...',
        text: 'Recharge Under Processing.',
        //timer: 1000,
        padding: '2em',
        onOpen: function () {
          swal.showLoading()
        }
      })
            $.ajax({
                url: "{{route('mobile_recharge_submit')}}",
                type: 'post',
                dataType: 'json',
                data: $('#form_payment').serialize(),
                success: function(data) {
                    $('#load_screen').hide();
                    console.log(data);
                    swal.hideLoading()
                    if(data.status=="Success"){
                       swal({title:"Success",text:data.remark,type:"success",padding: '2em'}); 
                       setTimeout(function () {
                          window.location.reload();
                        }, 5000);    
                    }else if(data.status=="Failed"){
                        swal({title:"Failed",text:data.remark,type:"error",padding: '2em'});
                        setTimeout(function () {
                          window.location.reload();
                        }, 5000);
                    }else if(data.status=="Pending"){
                        swal({title:"Pending",text:data.remark,type:"info",padding: '2em'});
                        setTimeout(function () {
                          window.location.reload();
                        }, 5000);    
                    }else{
                        swal({title:"Error",text:data.error_msg,type:data.type,padding: '2em'});
                    }   
                }
            });    
    }
    })
    
}; 


</script>  
<script type="text/javascript">
function fastag_fatch(){
    var number = $('#number').val();
    var provider_id =  $('#provider_id').val();
    var consumer_number = $('#consumer_number').val();
    if(number==""){
        swal({title:"Error",text:"Please enter vehicle number",type:"error",padding: '2em'});
    }else{
        swal.showLoading()
        $.ajax({
        type: "POST",
        url: "{{route('fastag_fatch')}}",                
        data: $('#form_payment').serialize(),
        dataType: 'json',
        success: function (result) {
            swal.hideLoading()
            if(result.error==0){
                swal({title:"Success",text:result.error_msg,type:"success",padding: '2em'});
                
                $('#bill_details_1').show();
                $('#bill_details_2').show();
                $('#bill_details_3').show();
                //$('#bill_details_4').show();
                $('#bill_amount').val(result.Billamount);
                $('#customer_name').val(result.CustomerName);
                $('#bill_number').val(result.BillNumber);
                $('#bill_date').val(result.Billdate);
                //$('#bill_due_date').val(result.Duedate);
                $('#number').attr('readonly', true);
                $('#consumer_number').attr('readonly', true);
                $('#bill_amount').attr('readonly', true);
                $('#dob').attr('readonly', true);
                $('#bill_fatch_div_bbps').hide();
                $('#paynow_div_bbps').show();
            }else{
                swal({title:"Error",text:result.error_msg,type:"error",padding: '2em'});
            }
             console.log(result);               
        },
        
    });
    }
    
}
</script>                                                                           
@endsection