@extends('dashboard.layouts.app') @section('title','Items') @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">Item</li> </ul> </div> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <h3 class="header smaller lighter blue">Items</h3> @if ($role_id == '1') <div class="container"> <div class="card bg-light mt-3"> <div class="card-header"> Import Items </div> <div class="card-body"> <form action="{{URL('/user/import')}}" method="POST" enctype="multipart/form-data"> {{ csrf_field() }} <input type="file" name="file" class="form-control"> <br> <button class="btn btn-success">Import Bulk Item</button> <a class="btn btn-warning" href="{{URL('items.xlsx')}}">Formate Download<i class="ace-icon fa fa-download bigger-120"></i></a> </form> </div> </div> </div> @endif <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="table-header"> Results for "Latest Added Items" <div class="widget-toolbar no-border"> <a class="btn btn-xs bigger btn-danger dropdown-toggle" data-toggle="modal" href='#addItemModal'> 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>SR.No</th> <th>Code</th> <!-- <th>HSN</th> --> <th>Gst</th> <th>Rate</th> <th>Model</th> <th>Categoty</th> <th>Uom</th> <th>Desc</th> <th>Make</th> <th>Specification</th> <th>Spare Type</th> @if ($role_id == '1') <th>Status</th> <th>Action</th> @endif </tr> </thead> <tbody> @foreach($items as $item) <tr id="tr_{{$item->Iid}}"> <td>{{$loop->index+1}}</td> <td>{{$item->code}}</td> <!-- <td>{{$item->hsn_code}}</td> --> <td>{{$item->gst}}%</td> <td>{{$item->rate}}</td> <td>{{$item->model}}</td> <td>{{$item->name}}</td> <td>{{$item->uom_name}}</td> <td>{{$item->description}}</td> <td>{{$item->make}}</td> <td>{{$item->specification}}</td> <td>{{$item->product_types}}</td> @if ($role_id == '1') <td> @if ($item->is_active == 1) <span class="badge badge-success">Active</span> @elseif($item->is_active == 0) <span class="badge badge-danger">InActive</span> @endif </td> <td> <div class="hidden-sm hidden-xs btn-group"> <a class="btn btn-xs btn-info" onclick="getEdit({{$item->Iid}})" > <i class="ace-icon fa fa-pencil bigger-120"></i> </a> <!-- <button class="btn btn-xs btn-danger" onclick="deleteItem({{$item->Iid}})" > <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="editItemModal"> <div class="modal-dialog"> <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 Item</h4> </div> <div class="modal-body" id="EditBodyItem"> </div> </div> </div> </div> <!-- Add Vendor Modal --> <div class="modal fade" id="addItemModal"> <div class="modal-dialog"> <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 Item</h4> </div> <div class="modal-body"> <form action="" role="form" id="addItemForm"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="name">Item Code<span style="color:red;">*</span></label> <input type="text" class="form-control" name="code" id="code" placeholder="Item Code"> <span class="label label-danger" id="code_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="name">Make</label> <input type="text" class="form-control" name="make" id="make" placeholder="Item make"> <span class="label label-danger" id="make_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Rate</label> <input type="text" class="form-control" name="rate" id="rate" placeholder="Item Rate Here" > <span class="label label-danger" id="rate_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">GST<span style="color:red;">*</span></label> <select class="form-control" name="gst"> <option value="">Select GST</option> @foreach($gst as $g) <option value="{{$g->gst}}">{{$g->gst}}</option> @endforeach </select> <span class="label label-danger" id="gst_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">HSN</label> <input type="text" class="form-control" name="hsn_code" id="hsn_code" placeholder="Item HSN Here"> <span class="label label-danger" id="hsn_code_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="uom_id">UOM<span style="color:red;">*</span></label> <select class="form-control" name="uom"> <option value="">Select UOM</option> @foreach($uoms as $uom) <option value="{{$uom->id}}">{{$uom->name}}</option> @endforeach </select> <span class="label label-danger" id="uom_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="category_id">Category<span style="color:red;">*</span></label> <select class="form-control" name="category"> <option value="">Select Category</option> @foreach($categories as $category) <option value="{{$category->name}}">{{$category->name}}</option> @endforeach </select> <span class="label label-danger" id="category_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Model</label> <input type="text" class="form-control" name="model" id="model" placeholder="Item Model Here"> <span class="label label-danger" id="model_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Description<span style="color:red;">*</span></label> <textarea class="form-control" name="description" id="description" placeholder="Item Description Here"></textarea> <span class="label label-danger" id="description_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="hindi_name">Specification</label> <textarea class="form-control" name="specification" id="specification" placeholder="Item Specification Here"></textarea> <span class="label label-danger" id="specification_error" style="display: none;"></span> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="spareType">Spare Type</label> <select class="form-control form-control-sm" id="spareType" name="product_types"> <option value="Returnable" selected>Returnable</option> <option value="Non-Returnable">Non-Returnable</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="category_id">Product Type<span style="color:red;">*</span></label> <select class="form-control" name="types"> <option value="">Select Product Type</option> @foreach($product_categories as $product_category) <option value="{{$product_category->name}}">{{$product_category->name}}</option> @endforeach </select> <span class="label label-danger" id="types_error" style="display: none;"></span> </div> <div class="col-md-12"> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="addItemBtn" class="btn btn-primary">Submit</button> </div> </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(){ $('#addItemBtn').click(function(e){ e.preventDefault(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: $('#addItemForm').attr('action'), method: 'POST', data: $('#addItemForm').serialize(), success: function(data){ if(!data.flag){ $.each(data.errors, function(k,v){ ; showError(k+'_error',v); }); }else{ swal({ title: "Success!", text: data.message, type: "success" }, function() { window.location.reload(); }); } } }); }); }); function getEdit(id){ if(id == ""){ swal('Error','Item id is missing','warning'); }else{ $.ajax({ url: "/user/edit-items/"+id, type: 'GET', success:function(data){ console.log(data); $('#EditBodyItem').html(data); $('#editItemModal').modal('toggle'); // OnLoad(); } }); } } function updateItem(){ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: $('#editItemForm').attr('action'), method: 'POST', data: $('#editItemForm').serialize(), success: function(data){ console.log(data); if(!data.flag){ showError('add_code_error',data.errors.code); showError('add_description_error',data.errors.description); showError('add_make_error',data.errors.make); showError('add_specification_1_error',data.errors.specification_1); showError('add_specification_2_error',data.errors.specification_2); }else{ swal({ title: "Success!", text: data.message, type: "success" }, function() { window.location.reload(); }); } } }); } function deleteItem(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-item/')}}"+"/"+id, type: 'GET', success:function(data){ if(data.flag){ $('#tr_'+id).remove(); swal("Success", "Item Deleted Successfully", "success"); }else{ swal("Error", data.message, "error"); } } }); } else { swal("Cancelled", "Your Item is safe :)", "error"); } }); } } function showError(id,error){ if(typeof(error) === "undefined"){ $('#'+id).hide(); }else{ $('#'+id).show(); $('#'+id).text(error); } } </script> @endsection @endsection