@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
span.multiselect-native-select {
    position: relative;
    display: block;
}
.btn-group, .btn-group-vertical {
    display: block;
}
.custom-select, .dropdown-item {
    width: 100% !important;
}
</style>
@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>HSN Master</h4>
            
        </div>
        <div class="card-body">
          
         
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>S.No</th> 
                                         
                        <th>Name</th>
                        <th>Code</th>
                      
                        <th>Taxable Slab</th>
                        <th>Lower Tax(%)</th>
                        <th>Upper Tax(%)</th>
                        <th>Status</th>
                       <!--  <th colspan="2">Actions</th> -->
                    </tr>
                </thead>
                <tbody>
                    @foreach ($categoryList as $key => $group)                
                        <tr>
                            <td>{{$key + $categoryList->firstItem() }}</td> 
                            
                            <td>{{ empty($group->name_draft) ? 'N/A' : $group->name_draft }}</td>
                            <td>{{ empty($group->code_draft) ? 'N/A' : $group->code_draft }}</td>
                           
                            <td>{{ empty($group->taxable_draft) ? 0 : $group->taxable_draft }}</td>
                            <td>{{ empty($group->lower_tax_draft) ? 0 : $group->lower_tax_draft }}</td>
                            <td>{{ empty($group->upper_tax_draft) ? 0 : $group->upper_tax_draft }}</td>
                            <td>
                            @if($group->approve_status == 1)
                            <label data-id="{{ $group->id }}" id="view-post" class="badge badge-success">Pending</label>
                            @else
                            <label data-id="{{ $group->id }}" id="view-post" class="badge badge-danger">approved</label>
                            @endif
                            </td>
                                                      
                           
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @php if($categoryList->count() > 0) { @endphp {!! $categoryList->appends(request()->input())->links() !!} @php } @endphp
    </div>

<!-- Modal -->

<div class="modal fade" id="viewgstModel" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header" >
              <h5> Add HSN</h5>
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
               
            </div>
            
            <!-- Modal Body -->
            <div class="modal-body">
                <div class="alert alert-danger print-error-msg" style="display:none">
                    <ul></ul>
                </div>
                <form role="form" method="post" id="upload_form" enctype="multipart/form-data">
                    {{ csrf_field() }}                

                    <div class="form-group">
                        <label for="inputMessage"> HSN Description</label>                        
                        <textarea class="form-control"  id="viewhsnDes" placeholder="Enter HSN description" required></textarea>
                    </div>
                   
                    <div class="form-group">
                        <label for="inputName">HSN Code</label>
                        
                        <input type="text" class="form-control"  id="viewhsncode" placeholder="Enter HSN code" required />
                    </div>  
                   
                    <div class="form-group">
                        <label for="inputName">Taxable Slab </label>     
                        <input id="viewhsnid" type="hidden">                  
                        <input type="number" min='0' class="form-control" id="viewinputGst" placeholder="Enter GST Slab" required />                       
                    </div>
                    <div class="form-group">
                        <label for="lower_tax">Lower Tax </label>                       
                        <input type="number" min='0' class="form-control" id="viewlower_tax" placeholder="Enter lower tax" required />                       
                    </div>
                    <div class="form-group">
                        <label for="upper_tax">Upper Tax </label>                       
                        <input type="number" min='0' class="form-control" id="viewupper_tax" placeholder="Enter upper tax" required />                       
                    </div> 
                    
                </form>
            </div>
            
            <!-- Modal Footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary " id="btn-save" onclick="submitHSNForm()">SUBMIT</button>
            </div>
        </div>
    </div>
</div>
   
@endsection

@section('extraJs')
<script type="text/javascript">


function submitHSNForm(){
    
    var hsnDes = $('#viewhsnDes').val();
    var hsncode = $('#viewhsncode').val();  
   
    var inputGst =  $('#viewinputGst').val();
    var hsnid =  $('#viewhsnid').val();
    var lower_tax =  $('#viewlower_tax').val();
    var upper_tax =  $('#viewupper_tax').val();    
    
    if(hsnDes.trim() == '' ){
        alert('Please enter Hsn description.');
        $('#viewhsnDes').focus();
        return false;
    }else if(hsncode.trim() == '' ){
        alert('Please enter Hsn code.');
        $('#viewhsncode').focus();
        return false;
    }    
    else if(inputGst.trim() == '' ){
        alert('Please enter GST Slab.');
        $('#viewinputGst').focus();
        return false;
    }else if(lower_tax.trim() == '' ){
        alert('Please enter lower tax.');
        $('#viewlower_tax').focus();
        return false;
    }else if(upper_tax.trim() == '' ){
        alert('Please enter upper tax.');
        $('#viewupper_tax').focus();
        return false;
    }    
    else{
        
        var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('hsn-approve') }}",
            data: {            
            hsnDes:hsnDes,   
            hsncode: hsncode,           
            inputGst:inputGst, 
            lower_tax:lower_tax, 
            upper_tax : upper_tax,            
            hsnid : hsnid,                   
            _token: _token
            },
            dataType: "json",
            beforeSend: function () {
                $('.submitBtn').attr("disabled","disabled");
               
            },           
            success: function(response) { 
                
                console.log(response.error)
                if($.isEmptyObject(response.error)){
                        var reason = JSON.stringify(response);  
                        var parsed = JSON.parse(reason);            
                        console.log(parsed);
                        if (parsed.status == false) {
                        toastr.error(parsed.info);
                        $('.submitBtn').removeAttr("disabled");
                        } else {
                        toastr.success(parsed.info);
                        
                        window.location.reload('true');    
                        }
                }else{
                        printErrorMsg(response.error);
                    }
            }           
        });

        function printErrorMsg (msg) {
            $(".print-error-msg").find("ul").html('');
            $(".print-error-msg").css('display','block');
            $.each( msg, function( key, value ) {
                $(".print-error-msg").find("ul").append('<li>'+value+'</li>');
            });
        }
    }
}

$('body').on('click', '#view-post', function () { 
      var post_id = $(this).data('id');
      $("#divstatus").css('display','block');
      var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('hsn-edit') }}",
            data: {
            id:  post_id,        
            _token: _token
            },
            dataType: "json",                       
            success: function(data) { console.log(data);
                 
                  $('#viewgstModel .modal-dialog .modal-content .modal-header h5').html("View GST Details");
                  $('#viewgstModel .modal-dialog .modal-content .modal-footer #btn-save').html("Approval");
                  $('#viewgstModel').modal('show');  
                 
                  $('#viewhsnDes').val(data.name_draft);
                  $('#viewhsncode').val(data.code_draft); 
                
                  $('#viewinputGst').val(data.taxable_draft); 
                  $('#viewhsnid').val(data.id);
                 
                  $('#viewlower_tax').val(data.lower_tax_draft);
                  $('#viewupper_tax').val(data.upper_tax_draft);                  
                 
            }
        });
      
});

</script>
@endsection