@extends('layout.master') @section('title','User') @push('plugin-styles') {!! Html::style('//cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css') !!} {!! Html::style('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css') !!} <style type="text/css"> .table th, .table td { white-space: break-spaces !important; } </style> @endpush @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="{{url('')}}">Home</a> </li> /<li class="active">Warehouses</li> </ul> </div> <div class="page-content"> <div class="row"> <div class="col-12"> <h3 class="header smaller lighter blue">Warehouses</h3> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="table-header"> Results for "Latest Registered Warehouse" <div class="widget-toolbar no-border"> <a class="btn btn-xs bigger btn-danger dropdown-toggle" data-toggle="modal" href='#addWarehouse'> Add <i class="ace-icon fa fa-plus icon-on-right"></i> </a> </div> </div> <!-- div.table-responsive --> <!-- div.dataTables_borderWrap --> <div class="card"> <div class="card-body"> <div class="table-responsive"> <table id="dynamic_table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Circle Code</th> <th>Warehosue Code</th> <th>Address</th> <th>pincode</th> <th>Gst No</th> <th></th> </tr> </thead> <tbody> @foreach($warehouses as $warehouse) <tr id="tr_{{$warehouse->id}}"> <td>{{$warehouse->id}}</td> <td>{{$warehouse->label}}</td> <td>{{ $warehouse->circle_code }}</td> <td>{{$warehouse->ware_house}}</td> <td>{{$warehouse->address}}</td> <td>{{$warehouse->pincode}}</td> <td>{{ $warehouse->gst_no}}</td> <td> <div class="hidden-sm hidden-xs btn-group"> @if($warehouse->is_active == 1) <a class="btn btn-xs btn-success" onclick="deactivateUserProfile({{$warehouse->id}})" title="Deactivate Warehosue" > <i class="ace-icon fa fa-ban bigger-120" ></i> </a> @else <a class="btn btn-xs btn-danger" onclick="deactivateUserProfile({{$warehouse->id}})" title="Activate Warehosue" > <i class="ace-icon fa fa-ban bigger-120" ></i> </a> @endif <a class="btn btn-xs btn-info" onclick="getEdit({{$warehouse->id}})" > <i class="ace-icon fa fa-pencil bigger-120"></i> </a> <button class="btn btn-xs btn-danger" onclick="deleteGstSlab({{$warehouse->id}})" > <i class="ace-icon fa fa-trash-o bigger-120"></i> </button> </div> </td> </tr> @endforeach </tbody> </table> </div> </div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- Add Role Modal --> <div class="modal fade" id="addWarehouse"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Add New Warehosue</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <div class="modal-body"> <form action="{{URL('/admin/add-warehouse')}}" role="form" id="addWarehouseForm"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" name="name" id="name" placeholder="Name"> <span class="text text-danger error" id="add_name_error" style="display: none;"></span> </div> </div> <div class="col-md-12"> <div class="col-md-12"> <div class="form-group"> <label for="circle_code">Circle Code</label> <select name="circle_code" class="custom-select"> <option value="">-- Select Circle Code --</option> @foreach ($circle_masters as $circle_master) <option value="{{ $circle_master->CircleCode }}" {{ old('circle_code', '') == $circle_master->CircleCode ? 'selected' : '' }}> {{ $circle_master->CircleCode }} </option> @endforeach </select> <span class="text text-danger error" id="add_circle_code_error" style="display: none;"></span> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="warehouse_code">Circle Code</label> <select name="warehouse_code" class="custom-select"> <option value="">-- Select Warehouse Code --</option> @foreach ($warehouses as $warehouse) <option value="{{ $warehouse->ware_house }}" {{ old('warehouse_code', '') == $warehouse->ware_house ? 'selected' : '' }}> {{ $warehouse->ware_house }} </option> @endforeach </select> <span class="text text-danger error" id="add_circle_code_error" style="display: none;"></span> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="is_active">Address</label> <input type="textarea" class="form-control" name="address" id="address" placeholder="Address"> <span class="text text-danger error" id="add_address_error" style="display: none;"></span> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="role_id">Pincode</label> <input type="text" class="form-control" name="pincode" id="pincode" placeholder="Pincode"> <span class="text text-danger error" id="add_pincode_error" style="display: none;"></span> </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="user_type">GST No</label> <input type="text" class="form-control" name="gst_no" id="gst_no" placeholder="GST No"> <span class="text text-danger error" id="add_gst_no_error" style="display: none;"></span> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="addWarehouseBtn" onclick="addNewWarehouse()" class="btn btn-primary">Add</button> </div> </div> </form> </div> </div> </div> </div> <!-- Add Role Modal --> <!-- Edit Role Modal --> <div class="modal fade" id="editWarehouseModal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Update Warehouse</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <div class="modal-body" id="EditBody"> </div> </div> </div> </div> @endsection @push('custom-scripts') {!! Html::script('js/app.js') !!} {!! Html::script('/assets/js/dashboard.js') !!} {!! Html::script('//cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js') !!} <script> jQuery(function($) { $('#dynamic_table').DataTable( { bAutoWidth: false, "aaSorting": [], }); }); </script> <script> $(document).ready(function(){ }); function addNewWarehouse() { $('.error').hide(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: "{{ url('admin/add-warehouse')}}", method: 'POST', data: $('#addWarehouseForm').serialize(), beforeSend: function () { $('#addWarehouseBtn').attr('disabled', true).html("Processing..."); }, success: function(data){ $('#addWarehouseBtn').attr('disabled', false).html("Add"); if(data.errors){ handleError(data); } else{ swal({ title: "Success!", text: data.message, type: "success" }).then(function() { window.location.reload(); }); } } }); } function getEdit(id){ if(id == ""){ swal('Error','User id is missing','warning'); }else{ $.ajax({ url: "{{url('/admin/edit-warehouse/')}}"+"/"+id, type: 'GET', success:function(data){ $('#EditBody').html(data); $('#editWarehouseModal').modal('toggle'); } }); } } function updateWarehouse(){ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: $('#editWarehouseForm').attr('action'), method: 'POST', data: $('#editWarehouseForm').serialize(), success: function(data){ if(data.errors){ handleError(data); }else{ swal({ title: "Success!", text: data.message, type: "success" }).then(function() { window.location.reload(); }); } } }); } function deactivateUserProfile(warehouse_id) { $.ajax({ url: "{{url('/admin/activate-deactivate-warehouse/')}}"+"/"+warehouse_id, type: 'GET', success:function(data){ if(data.status){ swal({ title: "Success!", text: data.msg, type: "success" }).then(function() { window.location.reload(); }); }else{ swal("Error", data.error, "error"); } } }); } function deleteGstSlab(id){ if(id == ""){ swal('Error','Warehouse id is missing','warning'); }else{ swal({ title: "Are you sure?", text: "You will not be able to recover this Warehouse!", type: "warning", showCancelButton: true, confirmButtonColor: '#DD6B55', cancelButtonColor: '#DD6B55', confirmButtonText: 'Yes, I am sure!', cancelButtonText: "No, cancel it!", closeOnConfirm: false, closeOnCancel: false }).then(function(isConfirm){ if (isConfirm){ $.ajax({ url: "{{url('/admin/delete-warehouse/')}}"+"/"+id, type: 'GET', success:function(data){ if(data.flag){ $('#tr_'+id).remove(); swal("Success", "Warehouse Deleted Successfully", "success"); }else{ swal("Error", data.message, "error"); } } }); } else { swal("Cancelled", "Your Warehouse is safe :)", "error"); } }); } } function showError(id,error){ if(typeof(error) === "undefined"){ $('#'+id).hide(); }else{ $('#'+id).show(); $('#'+id).text(error); } } function handleError(data) { if(data.status == 1) { $.each(data.errors, function(key, error){ $('#add_'+key+'_error').show(); $('#add_'+key+'_error').text(error); }); } else { swal({ title: "Error!", text: data.errors, type: "error" }).then(function() { window.location.reload(); }); } } </script> @endpush