@extends('dashboard.layouts.app') @section('title','Vendors') @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">Vendor</li> </ul> </div> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <h3 class="header smaller lighter blue">Vendors</h3> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="table-header"> Results for "Latest Added Vendors" <div class="widget-toolbar no-border"> <a class="btn btn-xs bigger btn-danger dropdown-toggle" data-toggle="modal" href='#addVendorModal'> Add <i class="ace-icon fa fa-plus icon-on-right"></i> </a> </div> </div> <!-- div.table-responsive --> <!-- div.dataTables_borderWrap --> <div> <table id="dynamic-table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>S.No</th> <th>Name</th> <th>Code</th> <th>Address</th> <th>Category</th> <th>Sub Categories</th> <th>Account Number</th> <th>Bank Name</th> <th>Document</th> @if ($role_id == '1') <th>Status</th> <th>Action</th> @endif </tr> </thead> <tbody> @foreach($vendors as $vendor) <tr id="tr_{{$vendor->id}}"> <td>{{$loop->index+1}}</td> <td>{{$vendor->vendor_name}}</td> <td>{{$vendor->vendor_code}}</td> <td>{{$vendor->address}}</td> <td>{{$vendor->vendor_cat_name}}</td> <td>{{$vendor->vendor_sub_cat_name}}</td> <td>{{$vendor->account_number}}</td> <td>{{$vendor->bank_name}}</td> <td> @if ($vendor->document == true) <a href="{{URL::to($vendor->document)}}" target="_blank" title="" class="">Download/View PDF</a> @else($vendor->document == '') <p style="color: red;">Document Not Avilable</p> @endif </td> @if ($role_id == '1') <td> @if ($vendor->is_active == 1) <span class="badge badge-success">Active</span> @elseif($vendor->is_active == 0) <span class="badge badge-danger">InActive</span> @endif </td> @endif @if ($role_id == '1') <td> <div class="hidden-sm hidden-xs btn-group"> <a class="btn btn-xs btn-warning" href="{{url('user/vendor-details/'.$vendor->id) }})" > <i class="ace-icon fa fa-eye bigger-120"></i> </a> <a class="btn btn-xs btn-info" onclick="getEdit({{$vendor->id }})" > <i class="ace-icon fa fa-pencil bigger-120"></i> </a> <!-- <button class="btn btn-xs btn-danger" onclick="deleteLocation({{$vendor->id}})" > <i class="ace-icon fa fa-trash-o bigger-120"></i> </button> --> </div> </td> @endif </tr> @endforeach </tbody> </table> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <div class="modal fade" id="editLocationModal"> <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 Vendor</h4> </div> <div class="modal-body" id="EditBodyLocation"> </div> </div> </div> </div> <!-- Add Vendor Modal --> <div class="modal fade" id="addVendorModal"> <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 Vendor</h4> </div> <div class="modal-body"> <form action="" role="form" id="addVendorForm" enctype="multipart/form-data"> <div class="row"> <div class="col-md-6"> @csrf <div class="form-group"> <label for="module_id">Vendor Categories</label> <select class="form-control" name="category" id="category"> <option value="">Select Vendor Type</option> @foreach($v_categories as $v_category) <option value="{{$v_category->id}}">{{$v_category->name}}</option> @endforeach </select> <span class="label label-danger" id="add_sub_category_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="module_id">Vendor Sub-Categories</label> <select class="form-control" name="sub_category" id="category"> <option value="">Select Sub-Categories</option> @foreach($s_subcategories as $s_category) <option value="{{$s_category->name}}">{{$s_category->name}}</option> @endforeach </select> <span class="label label-danger" id="add_category_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Vendor Name</label> <input type="text" class="form-control" name="vendor_name" id="vendor_name" placeholder="Vendor Name"> <span class="label label-danger" id="add_vendor_name_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Address</label> <input type="text" class="form-control" name="address" id="address" placeholder="Address"> <span class="label label-danger" id="add_address_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Deals In</label> <input type="text" class="form-control" name="deals_in" id="deals_in" placeholder="Deals In"> <span class="label label-danger" id="add_deals_in_error" style="display: none;"></span> </div> </div> <!-- <div class="col-md-6"> <div class="form-group"> <label for="name">PO To</label> <input type="text" class="form-control" name="po_to" id="po_to" placeholder="Po To"> <span class="label label-danger" id="add_po_to_error" style="display: none;"></span> </div> </div> --> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Contact No</label> <input class="form-control" name="contact_no" id="contact_no" placeholder="Contact No"> <span class="label label-danger" id="add_contact_no_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Contact Person First</label> <input type="text" class="form-control" name="contact_person_1" id="contact_person_1" placeholder="Contact Person First"> <span class="label label-danger" id="add_contact_person_1_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Contact No First</label> <input class="form-control" name="contact_no_1" id="contact_no_1" placeholder="Contact No"> <span class="label label-danger" id="add_contact_no_1_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Email Address First</label> <input type="email" class="form-control" name="email_address_1" id="email_address_1" placeholder="Email Address"> <span class="label label-danger" id="add_email_address_1_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Contact Person Second</label> <input type="text" class="form-control" name="contact_person_2" id="contact_person_2" placeholder="Contact Person Second"> <span class="label label-danger" id="add_contact_person_2_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Contact No Second</label> <input class="form-control" name="contact_no_2" id="contact_no_2" placeholder="Contact No"> <span class="label label-danger" id="add_contact_no_2_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Other Email</label> <input type="email" class="form-control" name="other_email" id="other_email" placeholder="Email Address"> <span class="label label-danger" id="add_other_email_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Account Number</label> <input type="text" class="form-control" name="account_number" id="account_number" placeholder="Account Number"> <span class="label label-danger" id="add_account_number_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Bank Name</label> <input class="form-control" name="bank_name" id="bank_name" placeholder="Bank Name"> <span class="label label-danger" id="add_bank_name_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Ifsc Code</label> <input type="text" class="form-control" name="ifsc_code" id="ifsc_code" placeholder="Ifsc Code"> <span class="label label-danger" id="add_ifsc_code_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">GST</label> <input type="text" class="form-control" name="gst" id="gst" placeholder="GST No."> <span class="label label-danger" id="add_gst_error" style="display: none;"></span> </div> </div> <!-- <div class="col-md-6"> <div class="form-group"> <label for="name">Payment Terms</label> <textarea class="form-control" name="payment_terms" id="payment_terms"></textarea> <span class="label label-danger" id="add_payment_terms_error" style="display: none;"></span> </div> </div> --> <div class="col-md-6"> <div class="form-group"> <label>Payment Terms :</label> <select class="form-control" id="payment_terms " name="payment_terms" onchange="get_paymentTerms(this)"> <option value="other">Select Payment Terms</option> @foreach($payment_terms as $payment_term) <option value="{{$payment_term->id}}">{{$payment_term->name}}</option> @endforeach <option value="other">other</option> </select> </div> </div> <div class="col-md-12" id="pt_textarea" style="display: none;"> <div class="form-group" > <label>For other PT:</label> <textarea class="form-control" onkeyup="get_paymentTerms_textarea(this)" id="payment_term_textarea" name="payment_term_textarea"></textarea> <span class="label label-danger" id="add_payment_terms_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Document</label> <input class="form-control" type="file" name="document" id="document" > <span class="label label-danger" id="add_document_error" style="display: none;"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" id="addVendorBtn" class="btn btn-primary">Submit</button> </div> </form> </div> </div> </div> </div> <!-- Add Location Modal --> <!-- Edit Location Modal --> <!-- Edit Location 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")}} <script type="text/javascript"> jQuery(function($) { //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> $(document).ready(function(){ $("#addVendorForm").on('submit', function(e) { e.preventDefault(); $.ajax({ url: $('#addVendorForm').attr('action'), method: 'POST', data: new FormData(this), contentType: false, cache: false, processData:false, success: function(data) { if(!data.flag) { // Check if the error is from duplicate GST if (data.error) { // Show GST error directly swal({ title: "Error", text: data.error, type: "error" }); } else { // Handle validation errors $.each(data.errors, function(key, val) { showError('add_'+key+'_error', val); }); } } else { // Success case swal({ title: "Success!", text: data.message + "\nVendor Name : " + data.vendor_name + " & Vendor ID : " + data.vendor_code, type: "success" }, function() { window.location.reload(); }); } } }); }); }); function get_paymentTerms(t){ var value= $(t).val(); if(value=='other'){ $('#pt_textarea').show(); }else{ $('#pt_textarea').hide(); } } function getEdit(id){ if(id == ""){ swal('Error','Location id is missing','warning'); }else{ $.ajax({ url: "/user/edit-vendors/"+id, type: 'GET', success:function(data){ console.log(data); $('#EditBodyLocation').html(data); $('#editLocationModal').modal('toggle'); // OnLoad(); } }); } } // function updateLocation(){ // $.ajaxSetup({ // headers: { // 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') // } // }); // $.ajax({ // url: $('#editVendorForm').attr('action'), // method: 'POST', // data: $('#editVendorForm').serialize(), // success: function(data){ // console.log(data); // if(!data.flag){ // showError('edit_category_error',data.errors.category); // showError('edit_vendor_code_error',data.errors.vendor_code); // showError('edit_vendor_name_error',data.errors.vendor_nam); // showError('edit_address_error',data.errors.address); // showError('edit_deals_in_error',data.errors.deals_in); // // showError('edit_sub_category_error',data.errors.sub_category); // showError('edit_po_to_error',data.errors.po_to); // showError('edit_contact_no_error',data.errors.contact_no); // showError('edit_account_number_error',data.errors.account_number); // showError('edit_bank_name_error',data.errors.bank_name); // showError('edit_ifsc_code_error',data.errors.ifsc_code); // }else{ // swal({ // title: "Success!", // text: data.message, // type: "success" // }, function() { // window.location.reload(); // }); // } // } // }); // } function deleteLocation(id){ if(id == ""){ swal('Error','Vendor id is missing','warning'); }else{ swal({ title: "Are you sure?", text: "You will not be able to recover this Vendor!", 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('/user/delete-location/')}}"+"/"+id, type: 'GET', success:function(data){ if(data.flag){ $('#tr_'+id).remove(); swal("Success", "Vendor Deleted Successfully", "success"); }else{ swal("Error", data.message, "error"); } } }); } else { swal("Cancelled", "Your Vendor is safe :)", "error"); } }); } } function showError(id,error){ if(typeof(error) === "undefined"){ $('#'+id).hide(); }else{ $('#'+id).show(); $('#'+id).text(error); } } </script> @endsection @endsection