@extends('dashboard.layouts.app') @section('title','Master By Road') @section('style') {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} @endsection @section('content') <div class="main-content"> <div class="main-content-inner"> <div class="breadcrumbs ace-save-state" id="breadcrumbs"> <ul class="breadcrumb"> <li> <i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a> </li> <li class="active">By Road</li> </ul> </div> <div class="page-content"> <h3 class="header smaller lighter blue">By Road</h3> <div class="row"> <div class="col-xs-12"> <form action="{{ url('/stock/by-road') }}" method="GET" role="form"> <div class="row"> @csrf <div class="col-md-3"> <div class="form-group"> <label for="warehouse_id">Stock Transfered To</label> <select class="form-control select2" name="warehouse_id" id="warehouse_id"> <option value="">All Warehouses</option> @foreach($warehouses as $warehouse) <option value="{{ $warehouse->id }}" {{ isset($selectedWarehouse) && $selectedWarehouse == $warehouse->id ? 'selected' : '' }}> {{ $warehouse->name }} </option> @endforeach </select> </div> </div> <div class="col-md-3"> <div class="form-group"> <input type="submit" class="btn btn-sm btn-primary" value="Filter" style="margin-top: 20px;"> </div> </div> </div> </form> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="table-header"> Results for "Latest Registered By Road" <div class="widget-toolbar no-border"> <a class="btn btn-xs bigger btn-danger dropdown-toggle" data-toggle="modal" href='#addByRoadModal'> Add <i class="ace-icon fa fa-plus icon-on-right"></i> </a> </div> </div> <div class="table-responsive"> <div class="dataTables_borderWrap"> <table id="dynamic-table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>Name</th> <th>Session</th> {{-- <th>Rake Point</th> --}} <th>Product Company</th> <th>Loading Time</th> <th>Unloading Time</th> <th>Date</th> <th>Quantity Alloted</th> <th>Truck No</th> <th>Stock Transfered To Warehouse</th> <th>Transfered Quantity</th> <th>Transfered By Detail</th> <th>Action</th> <th>Action After the Lock</th> </tr> </thead> <tbody> @foreach($by_roads as $by_road) <tr id="tr_{{$by_road->id}}"> <td>{{$by_road->name}}</td> <td>{{ getModelById('Session',$by_road->session_id)->session}}</td> {{-- <td>{{$by_road->session_id}}</td> --}} <td>{{ getModelById('ProductCompany',$by_road->product_company_id)->name }}</td> {{-- <td>{{ getModelById('ByRoadProduct',$by_road->id)->quantity }}</td> --}} {{-- <td>{{$by_road->product_company_id}}</td> --}} <td>{{$by_road->loading_time}}</td> <td>{{$by_road->unloading_time}}</td> <td>{{$by_road->date}}</td> <td>{{$by_road->quantity_alloted}}</td> <td>{{$by_road->truck_no}}</td> <td> @php $warehouseIds = collect($by_road_stock_transfers) ->where('by_road_id', $by_road->id) ->pluck('warehouse_id')->unique(); $warehouseNames = collect($warehouses) ->whereIn('id', $warehouseIds) ->pluck('name')->join(', '); @endphp {{$warehouseNames}} </td> <td> @php $movedQty = collect($by_road_products) ->where('by_road_id', $by_road->id) ->map(function($product) { return $product->quantity - $product->remaining_quantity; })->sum(); @endphp {{ $movedQty }} </td> <td> @php $transferByIds = collect($by_road_stock_transfers) ->where('by_road_id', $by_road->id) ->pluck('user_id')->unique(); $userNames = collect($users) ->whereIn('id', $transferByIds) ->pluck('name')->join(', '); $latestUpdatedAt = collect($by_road_stock_transfers) ->where('by_road_id', $by_road->id)->max('updated_at'); $formattedUpdatedAt = $latestUpdatedAt ? \Carbon\Carbon::parse($latestUpdatedAt)->format('d/m/Y h:i A') : 'N/A'; @endphp {{ $userNames }}<br>{{ $formattedUpdatedAt }} </td> <td> @if($by_road->is_closed==0) <div class="btn-group"> <a class="btn btn-xs btn-info" onclick="getEdit({{$by_road->id}})" title="Edit"> <i class="ace-icon fa fa-pencil bigger-120"></i> </a> <button class="btn btn-xs btn-danger" onclick="deleteByRoad({{$by_road->id}})" title="Delete"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </button> <button class="btn btn-xs btn-alert" onclick="lockMasterRake({{$by_road->id}})" title="Lock"> <i class="ace-icon fa fa-ban bigger-120"></i> </button> </div> @else @if(by_road_transfer($by_road->id)==1) <button class="btn btn-xs btn-info" onclick="stockTransfer({{$by_road->id}})" title="stockTransfer"> Stock Transfer </button> @endif @endif </td> <td> @php $isEditable = $by_road->is_closed == 1 && !in_array($by_road->id, $locked_by_road_ids); $movedQty = collect($by_road_products) ->where('by_road_id', $by_road->id) ->map(fn($product) => $product->quantity - $product->remaining_quantity) ->sum(); if ($by_road->quantity_alloted != $movedQty && $movedQty > 0) { $transferStatus = 'in_progress'; } else { $transferStatus = 'completed'; } @endphp @if($by_road->is_closed == 0) {{-- Show only when not closed --}} <div style="text-align: center;"> <img src="{{ asset('assets/images/editLockedMasterRake.png') }}" alt="Rake Not Locked!" style="width: 25px; height: auto;"> <p style="color: black; font-size: 12px; margin: 5px 0 0;">Rake Not Locked!</p> </div> @else {{-- When closed --}} @if($isEditable) {{-- Edit & Delete Action --}} <div class="btn-group mb-1"> <a class="btn btn-xs btn-info" onclick="getEdit({{ $by_road->id }})" title="Edit"> <i class="ace-icon fa fa-pencil bigger-120"></i> </a> <button class="btn btn-xs btn-danger" onclick="deleteByRoad({{ $by_road->id }})" title="Delete"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </button> </div> @endif {{-- Stock Transfer Status --}} @if($transferStatus == 'in_progress') <div style="text-align: center;"> <img src="{{ asset('assets/images/editLockedMasterRake.png') }}" alt="Stock transferred in progress!" style="width: 25px; height: auto;"> <p style="color: orange; font-size: 12px; margin: 5px 0 0;">Stock transferred in progress...</p> </div> @elseif($movedQty >= $by_road->quantity_alloted) <div style="text-align: center;"> <img src="{{ asset('assets/images/editLockedMasterRake.png') }}" alt="Stock transferred completely!" style="width: 25px; height: auto;"> <p style="color: green; font-size: 12px; margin: 5px 0 0;">Stock transferred completely !</p> </div> @endif @endif </td> </tr> @endforeach </tbody> </table> </div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content addByRoadModal--> <!-- Add Master Rake Modal --> <div class="modal fade" id="addByRoadModal"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Add New By Road</h4> </div> <div class="modal-body"> <form action="" role="form" id="addByRoadModalForm"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="name">Session</label> <select class="form-control select2" name="session_id" id="session_id"> <option value="">Select Session</option> @foreach($sessions as $session) <option value="{{$session->id}}">{{$session->session}}</option> @endforeach() </select> <span class="label label-danger" id="add_session_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Product Company</label> <select class="form-control select2" name="product_company_id" id="product_company_id"> <option value="">Select Product Company</option> @foreach($product_companies as $product_company) <option value="{{$product_company->id}}">{{$product_company->name}} ({{$product_company->brand_name}})</option> @endforeach() </select> <span class="label label-danger" id="add_product_company_error" style="display: none;"></span> </div> </div> <div class="clearfix"></div> <div class="col-md-6"> <div class="form-group"> <label for="name">Placement Time</label> <input type="text" class="form-control timepicker" name="loading_time" id="loading_time" placeholder="Placement Time"> <span class="label label-danger" id="add_loading_time_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Unloading Time</label> <input type="text" class="form-control timepicker" name="unloading_time" id="unloading_time" placeholder="Unloading Time"> <span class="label label-danger" id="add_unloading_time_error" style="display: none;"></span> </div> </div> <div class="clearfix"></div> <div class="col-md-6"> <div class="form-group"> <label for="name">Date</label> <input type="text" class="form-control date-picker" name="date" id="date" placeholder="Date"> <span class="label label-danger" id="add_date_error" style="display: none;"></span> </div> </div> {{-- <div class="col-md-6"> <div class="form-group"> <label for="name">RR Document</label> <input type="file" class="form-control" name="rr_document" id="rr_document" placeholder="Date"> <span class="label label-danger" id="add_rr_document_error" style="display: none;"></span> </div> </div> --}} {{-- <div class="clearfix"></div> --}} {{-- <div class="col-md-6"> <div class="form-group"> <label for="demurrage">Demurrage</label> <input type="text" class="form-control" name="demurrage" id="demurrage" placeholder="Demurrage"> <span class="label label-danger" id="add_demurrage_error" style="display: none;"></span> </div> </div> --}} {{-- <div class="col-md-6"> <div class="form-group"> <label for="wharfage">Wharfage</label> <input type="text" class="form-control" name="wharfage" id="wharfage" placeholder="wharfage"> <span class="label label-danger" id="add_wharfage_error" style="display: none;"></span> </div> </div> <div class="clearfix"></div> --}} <div class="col-md-6"> <div class="form-group"> <label for="cheque_number">Cheque number</label> <input type="text" class="form-control" name="cheque_number" id="cheque_number" placeholder="Cheque number"> <span class="label label-danger" id="add_cheque_number_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="payment_date">Payment date</label> <input type="text" class="form-control date-picker" name="payment_date" id="payment_date" placeholder="Payment date"> <span class="label label-danger" id="add_payment_date_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="truck_no">Truck No</label> <input type="text" class="form-control" name="truck_no" id="truck_no" placeholder="Truck No"> <span class="label label-danger" id="truck_no_error"></span> </div> </div> <div class="clearfix"></div> {{-- <div class="col-md-6"> <div class="form-group"> <label for="rake_point">Rake Point</label> <select class="form-control select2 checkIfValid" name="rake_point" id="rake_point"> <option value="">Select Rake Point</option> @foreach($rake_points as $rake_point) <option value="{{$rake_point->id}}">{{$rake_point->rake_point}}</option> @endforeach() </select> <span class="label label-danger" id="add_rake_point_error" style="display: none;"></span> </div> </div> <div class="clearfix"></div> --}} </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="proruct">Product</label> <select class="form-control select2 checkIfValid" name="product_id[]" id="product_id"> <option value="">Select Product</option> @foreach($products as $product) <option value="{{$product->id}}">{{$product->name}}</option> @endforeach() </select> <span class="label label-danger" id="add_product_id_error" style="display: none;"></span> </div> </div> <div class="col-md-5"> <div class="form-group"> <label for="rate">Quantity</label> <input type="text" class="form-control checkIfValid" name="quantity[]" placeholder="Quantity"> <span class="label label-danger" id="add_quantity_alloted_error" style="display: none;"></span> </div> </div> </div> <div id="addMoreRowSection"> </div> <div class="pull-left"> <button type="button" id="addMoreRow" class="btn btn-danger"><i class="fa fa-plus"></i> Add More </button> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="addByRoadBtn" class="btn btn-primary">Submit</button> </div> </form> </div> </div> </div> <!-- Add Master Rake Modal --> <!-- Edit Master Rake Modal --> <div class="modal fade" id="editByRoadModal"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Update By Road</h4> </div> <div class="modal-body" id="EditBody"> </div> </div> </div> </div> <!-- Edit Master Rake Modal --> <!-- Stock Transfer ByRoad Modal Modal --> <div class="modal fade" id="stockTransferByRoadModal"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Stock Transfer By Road</h4> </div> <div class="modal-body" id="stockTransferBody"> </div> </div> </div> </div> <!-- Stock Transfer ByRoad Modal Modal --> <!-------Start lock page modal----------> <div class="modal fade" id="lockMasterRakeModal"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Lock Master Rake</h4> </div> <div class="modal-body" id="lockBody"> <div class="row"> <input type="hidden" value="" name="master_rake_id" id="master_rake_id"> <span class="label label-danger" id="edit_name_error" style="display: none;">All fields must be active*</span> <div class="widget-main"> <div class="row"> <div class="col-xs-6"> <label> Is Demurrage Field? </label> </div> <div class="col-xs-3"> <label> <input name="is_demurrage_field" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="10" > <span class="lbl"></span> </label> </div> </div> <div class="row"> <div class="col-xs-6"> <label> Is Wharfage Field? </label> </div> <div class="col-xs-3"> <label> <input name="is_wharfage_field" id="validate_check" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="11" > <span class="lbl"></span> </label> </div> </div> <div class="row"> <div class="col-xs-6"> <label> All labour payment done? </label> </div> <div class="col-xs-3"> <label> <input name="all_labour_payment_done" id="validate_check" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="11" > <span class="lbl"></span> </label> </div> </div> <div class="row"> <div class="col-xs-6"> <label> Frieght payment done? </label> </div> <div class="col-xs-3"> <label> <input name="frieght_payment_done" id="validate_check" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="11" > <span class="lbl"></span> </label> </div> </div> <div class="row"> <div class="col-xs-6"> <label> Wagon Unloading payment done? </label> </div> <div class="col-xs-3"> <label> <input name="wagon_unloading_payment_done" id="validate_check" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="11" > <span class="lbl"></span> </label> </div> </div> <div class="row"> <div class="col-xs-6"> <label> Unloading labour payment done? </label> </div> <div class="col-xs-3"> <label> <input name="unloading_labour_payment_done" id="validate_check" class="ace ace-switch ace-switch-4 btn-flat checkIfValids" type="checkbox" value="11" > <span class="lbl"></span> </label> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="lockMasterRakeBtnEnabled" class="btn btn-primary" >Close Now</button> </div> </div> </div> </div> </div> </div> <!----------End of lock page modal---------> @section('script') {{ Html::script("assets/js/jquery.dataTables.min.js")}} {{ Html::script("assets/js/jquery.dataTables.bootstrap.min.js")}} {{ Html::script("assets/js/dataTables.buttons.min.js")}} {{ Html::script("assets/js/buttons.flash.min.js")}} {{ Html::script("assets/js/buttons.html5.min.js")}} {{ Html::script("assets/js/buttons.print.min.js")}} {{ Html::script("assets/js/buttons.colVis.min.js")}} {{ Html::script("assets/js/dataTables.select.min.js")}} {{ Html::script("assets/js/ace-elements.min.js")}} {{ Html::script("assets/js/ace.min.js")}} {{ Html::script("assets/js/mdtimepicker.min.js")}} {{ Html::script("assets/js/bootstrap-datepicker.min.js")}} <script type="text/javascript"> jQuery(function($) { //datepicker plugin $('.date-picker').datepicker({ autoclose: true, todayHighlight: true }) //show datepicker when clicking on the icon .next().on(ace.click_event, function(){ $(this).prev().focus(); }); //initiate dataTables plugin var myTable = $('#dynamic-table').DataTable( { bAutoWidth: false, "aaSorting": [], } ); $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap'; new $.fn.dataTable.Buttons( myTable, { buttons: [ { "extend": "colvis", "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>", "className": "btn btn-white btn-primary btn-bold", columns: ':not(:first):not(:last)' }, { "extend": "copy", "text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "csv", "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "excel", "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "pdf", "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "print", "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>", "className": "btn btn-white btn-primary btn-bold", autoPrint: false, message: 'This print was produced using the Print button for DataTables' } ] } ); myTable.buttons().container().appendTo( $('.tableTools-container') ); //style the message box var defaultCopyAction = myTable.button(1).action(); myTable.button(1).action(function (e, dt, button, config) { defaultCopyAction(e, dt, button, config); $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white'); }); var defaultColvisAction = myTable.button(0).action(); myTable.button(0).action(function (e, dt, button, config) { defaultColvisAction(e, dt, button, config); if($('.dt-button-collection > .dropdown-menu').length == 0) { $('.dt-button-collection') .wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />') .find('a').attr('href', '#').wrap("<li />") } $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons') }); }) </script> <script> function validateField(){ var errorCount = 0; $('.checkIfValid').each(function(){ console.log($(this).val()); if($(this).val() == ""){ errorCount = errorCount + 1; $(this).closest('.form-group').find('.label-danger').text('Required'); $(this).closest('.form-group').find('.label-danger').show(); }else{ $(this).closest('.form-group').find('.label-danger').hide(); } }); if(errorCount > 0){ return true; }else{ return false; } } $(document).ready(function(){ // $('.select2').select2();addByRoadBtn $('.timepicker').mdtimepicker({ timeFormat: 'hh:mm:ss.000', format: 'h:mm tt', theme: 'blue', readOnly: true, hourPadding: false }); $('#addByRoadBtn').click(function(e){ e.preventDefault(); if(validateField()){ return false; }else{ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $('.loading-bg').show(); var formData = new FormData(); formData.append('session_id', $('#session_id option:selected').val()); // formData.append('rake_point', $('#rake_point option:selected').val()); formData.append('product_company_id', $('#product_company_id option:selected').val()); formData.append('loading_time', $('#loading_time').val()); formData.append('date', $('#date').val()); formData.append('unloading_time', $('#unloading_time').val()) ; // formData.append('quantity_alloted', $('#quantity_alloted').val()) ; // formData.append('wharfage', $('#wharfage').val()) ; formData.append('cheque_number', $('#cheque_number').val()) ; formData.append('payment_date', $('#payment_date').val()) ; formData.append('truck_no', $('#truck_no').val()) ; var product_id = []; $("select[name='product_id[]']").each(function() { product_id.push($(this).val()); }); var quantity = []; $("input[name='quantity[]']").each(function() { quantity.push($(this).val()); }); formData.append('product_id', product_id) ; formData.append('quantity', quantity) ; // if (typeof $('#rr_document')[0].files[0] !== 'undefined') { // formData.append('rr_document', $('#rr_document')[0].files[0]); // } $.ajax({ url: $('#addByRoadModalForm').attr('action'), method: 'POST', data: formData, contentType: false, cache: false, processData:false, success: function(data){ // alert(data); $('.loading-bg').hide(); if(!data.flag){ swal('Error','not error','warning'); // showError('add_session_error',data.errors.session_id); // showError('add_product_company_error',data.errors.product_company_id); // showError('add_loading_time_error',data.errors.loading_time); // showError('add_date_error',data.errors.date); // showError('add_rake_point_error',data.errors.rake_point); }else{ swal({ title: "Success!", text: data.message, type: "success" }, function() { window.location.reload(); }); } } }); } }); }); function getEdit(id){ if(id == ""){ swal('Error','By Road id is missing','warning'); }else{ $('.loading-bg').show(); $.ajax({ url: "{{url('/stock/edit-by-road/')}}"+"/"+id, type: 'GET', success:function(data){ $('.loading-bg').hide(); $('#EditBody').html(data); $('#editByRoadModal').modal('toggle'); } }); } } // function lockMasterRake(id){ // if(id == ""){ // swal('Error','By Road id is missing','warning'); // }else{ // $('#master_rake_id').val(id); // $('#lockMasterRakeModal').modal('toggle'); // } // } function lockMasterRake(id){ //alert(id); if(id == ""){ swal('Error','Master Rake id is missing','warning'); }else{ // $('#master_rake_id').val(id); // $('#lockMasterRakeModal').modal('toggle'); swal({ title: "Are you sure to close Master Rake ?", text: "You will not be able to reverse Master Rake!", type: "warning", showCancelButton: true, confirmButtonColor: '#DD6B55', confirmButtonText: 'Yes, I am sure!', cancelButtonText: "No, cancel it!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm){ $.ajax({ url: "{{url('/')}}"+'/master/lock-by-road/'+id, method: 'GET', success: function(data){ console.log(data); // var data = JSON.parse(data); if(data.flag){ swal({ title: "Success!", text: data.message, type: "success" }, function() { window.location.reload(); }); }else{ swal('Error',data.message,'error') } } }); } else { swal("Cancelled", "Your Master Rake is safe :)", "error"); } }); } } function stockTransfer(id){ //alert(id); if(id == ""){ swal('Error','By Road id is missing','warning'); }else{ $('.loading-bg').show(); $.ajax({ url: "{{url('/stock/stock-transfer-by-road/')}}"+"/"+id, type: 'GET', success:function(data){ $('.loading-bg').hide(); $('#stockTransferBody').html(data); $('#stockTransferByRoadModal').modal('toggle'); } }); } } function deleteByRoad(id){ if(id == ""){ swal('Error','By Road id is missing','warning'); }else{ swal({ title: "Are you sure?", text: "You will not be able to recover this By Road!", type: "warning", showCancelButton: true, confirmButtonColor: '#DD6B55', confirmButtonText: 'Yes, I am sure!', cancelButtonText: "No, cancel it!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm){ $.ajax({ url: "{{url('/stock/delete-by-road/')}}"+"/"+id, type: 'GET', success:function(data){ if(data.flag){ $('#tr_'+id).remove(); swal("Success", "By Road Deleted Successfully", "success"); }else{ swal("Error", data.message, "error"); } } }); } else { swal("Cancelled", "Your Master Rake is safe :)", "error"); } }); } } function showError(id,error){ if(typeof(error) === "undefined"){ $('#'+id).hide(); }else{ $('#'+id).show(); $('#'+id).text(error); } }; function removeRow(id){ $('#newRow'+id).remove(); } $('#addMoreRow').click(function(){ var count = $('.row').length + 1; console.log(count); var newRow = `<div class="row" id="newRow`+count+`"> <div class="col-md-6"> <div class="form-group"> <label for="product">Product</label> <select class="form-control select2 checkIfValid" name="product_id[]" id="product_id"> <option value="">Select Product</option> @foreach($products as $product) <option value="{{$product->id}}">{{$product->name}}</option> @endforeach() </select> <span class="label label-danger" id="add_product_id_error" style="display: none;"></span> </div> </div> <div class="col-md-5"> <div class="form-group"> <label for="rate">Quantity</label> <input type="text" class="form-control checkIfValid" name="quantity[]" placeholder="Quantity"> <span class="label label-danger" id="add_quantity_error" style="display: none;"></span> </div> </div> <div class="col-md-1" style="margin-top: 33px;"> <a href="javascript:;" onclick="removeRow(`+count+`)"><i class="fa fa-close fa-2x"></i></a> </div> </div> `; $('#addMoreRowSection').append(newRow); $('.select2').select2(); }); function is_valid(qty,id){ var fq=parseInt($("#input1_"+id).val()); var dq=parseInt($("#input2_"+id).val()); if((fq != '') && (fq > qty)) { swal('Error','Fresh Quantity can not be Greater Than Quantity. please enter valid quantity!!','error'); $("#stocktransferByRoadBtn").attr("disabled", true); } else if(dq != '' && (dq > qty)) { swal('Error','Damage Quantity can not be Greater Than Quantity. please enter valid quantity!!','error'); $("#stocktransferByRoadBtn").attr("disabled", true); } else if(dq+fq != '' && (fq+dq > qty)) { swal('Error','Damage+Fresh Quantity can not be Greater Than Quantity. please enter valid quantity!!','error'); $("#stocktransferByRoadBtn").attr("disabled", true); } else { $("#stocktransferByRoadBtn").attr("disabled", false); } } </script> @endsection @endsection