@extends('admin.layouts.app') @section('title','Master Data') @section('style') <meta name="csrf-token" content="{{ csrf_token() }}"> {{-- {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} --}} @endsection @section('content') <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="container-full"> <!-- Header Dynamic --> <div class="content-header"> <div class="d-flex align-items-center"> <div class="me-auto"> <h4 class="page-title">Master</h4> <div class="d-inline-block align-items-center"> <nav> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li> <li class="breadcrumb-item active" aria-current="page">Master Data</li> </ol> </nav> </div> </div> </div> </div> <!-- End Header Dynamic --> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-12"> <div class="box"> <div class="box-header with-border"> <div class="clearfix"> <div class="row"> <div class="col-sm-6"> <a href="{{url('/admin/download-master-data-format')}}" class="btn btn-sm btn-default pull-left">Download Format</a> </div> <div class="col-sm-3"> <button type="button" class="btn-sm waves-effect waves-light md-5 btn bg-gradient-success pull-right" data-bs-toggle="modal" data-bs-target="#importMasterDataModal">Import</button> </div> <div class="col-sm-3"> <a href="{{url('/admin/export-master-data')}}" class="btn btn-sm pull-left btn-sm waves-effect waves-light md-5 btn bg-gradient-success pull-right">Export</a> </div> </div> </div> </div> <!-- /.box-header --> <!-- /.box-header --> <div class="box-body"> <div class="table-responsive"> <table id="dynamic-table" class="table table-bordered table-hover display nowrap margin-top-10 w-p100 text-center"> <thead> <tr> <th style="text-align: center;">S.N.</th> <th style="text-align: center;">District Name</th> <th style="text-align: center;">District Code</th> <th style="text-align: center;">Village Name</th> <th style="text-align: center;">Village Code</th> <th style="text-align: center;">Hamlet Name</th> <th style="text-align: center;">Hamlet Code</th> <th style="text-align: center;">MCC Name</th> <th style="text-align: center;">MCC Code</th> <th style="text-align: center;">MPP Name</th> <th style="text-align: center;">MPP Code</th> <th style="text-align: center;">State Name</th> <th style="text-align: center;">State Code</th> <th style="text-align: center;">Tehsil Name</th> <th style="text-align: center;">Tehsil Code</th> <th style="text-align: center;">Status</th> </tr> </thead> <tbody> @php $sr=1; @endphp @foreach($masters as $master) <tr> <td>{{$sr}}</td> <td>{{$master->district_name}}</td> <td>{{$master->district_code}}</td> <td>{{$master->village_name}}</td> <td>{{$master->village_code}}</td> <td>{{$master->hamlet_name}}</td> <td>{{$master->hamlet_code}}</td> <td>{{$master->mcc_name}}</td> <td>{{$master->mcc_code}}</td> <td>{{$master->mpp_name}}</td> <td>{{$master->mpp_code}}</td> <td>{{$master->state_name}}</td> <td>{{$master->state_code}}</td> <td>{{$master->tehsil_name}}</td> <td>{{$master->tehsil_code}}</td> <td>@if($master->is_active==1)<a class="btn btn-xs btn-success" onclick="deactiveMaster({{$master->id}})" title="Deactive">Active</a>&nbsp;<a class="btn btn-xs btn-primary" onclick="getEdit({{$master->id}})" title="Edit"><i class="ace-icon fa fa-edit bigger-120" ></i></a>@endif</td> </tr> @php $sr++@endphp @endforeach </tbody> <tfoot> </tfoot> </table> </div> </div> <!-- /.box-body --> <!-- /.box-body --> </div> <!-- /.box --> </div> </div> </section> <!-- /.content --> </div> </div> <!--- import modal start--> <div id="importMasterDataModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Import Master Data</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form action="{{url('/admin/import-master-data')}}" role="form" id="importMasterDataForm" method="POST" enctype="multipart/form-data" > {{csrf_field()}} <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="form-label" for="import_master_file">File</label> <input type="file" class="form-control" name="import_master_file" id="import_master_file"> <span class="label label-danger" id="import_master_file_error" style="display: none;"></span> </div> </div> </div> </div> <!-- /.box-body --> <div class="box-footer text-end"> <button type="button" class="btn btn-danger me-1" data-bs-dismiss="modal"> <i class="ti-trash"></i> Cancel </button> <button id="importMasterDataBtn" type="button" class="btn btn-success"> <i class="ti-save-alt"></i> Save </button> </div> </form> </div> <!-- /.box --> </div> </div> <!-- /.modal-content --> </div> <!--- import modal end--> <!-- /edit modal --> <div id="editMasterModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Edit Master</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body" id="EditBody"> </div> <!--<div class="modal-footer">--> <!-- <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>--> <!--</div>--> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /edit modal --> @endsection @section('script') {{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}} <script src="../src/js/pages/validation.js"></script> <script src="../src/js/pages/form-validation.js"></script> <script> $(document).ready(function() { $("#importMasterDataBtn").click(function(e){ e.preventDefault(); $.ajaxSetup({ headers : { 'X_CSRF_TOKEN' : $("meta[name='_token']").attr('content') } }); var form_data = new FormData(document.getElementById("importMasterDataForm")); $.ajax({ url : $('#importMasterDataForm').attr('action'), type : 'POST', data : form_data, cache:false, contentType: false, processData: false, beforeSend: function () { $('#importMasterDataBtn').attr('disabled', true).html("Processing..."); }, success : function(data){ $('#importMasterDataBtn').attr('disabled', false).html("Save"); if(!data.flag){ showError('import_master_file_error', data.errors.import_master_file); }else{ Swal.fire({ title: "Success!", text: data.message, icon: 'success', }).then(function() { window.location.reload(); }); } } }); }); }); function showError(id, error) { if (typeof(error) === "undefined") { $('#' + id).hide(); } else { $('#' + id).show(); $('#' + id).text(error); } } function deactiveMaster(id) { if (id == "") { Swal.fire('Error', 'Id id is missing', 'warning'); } else { Swal.fire({ title: "Are you sure?", text: "You will not be able to recover this Master!", icon: "warning", showCancelButton: true, confirmButtonColor: '#DD6B55', confirmButtonText: 'Yes, I am sure!', cancelButtonText: "No, cancel it!", closeOnConfirm: false, closeOnCancel: false }).then((isConfirm) => { if (isConfirm.isConfirmed) { $.ajax({ url: "{{url('/admin/deactive-master')}}" + "/" + id, type: 'GET', success: function(data) { if (data.flag) { $('#tr_' + id).remove(); Swal.fire("Success", " Deactive Successfully", "success"); window.location.reload(); } else { Swal.fire("Error", data.message, "error"); } } }); } else { Swal.fire("Cancelled", "Your Master is safe :)", "error"); } }); } } function getEdit(id) { if (id == "") { Swal.fire('Error', 'Master id is missing', 'warning'); } else { $.ajax({ url: "{{url('/admin/edit-master')}}" + "/" + id, type: 'GET', success: function(data) { $('#EditBody').html(data); $('#editMasterModal').modal('toggle'); } }); } } function updateMaster() { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); var url=$('#editMasterForm').attr('action'); var form_data = new FormData(document.getElementById("editMasterForm")); $.ajax({ url: url, method: 'POST', data: form_data, cache:false, contentType: false, processData: false, success: function(data) { console.log(data); if (!data.flag) { showError('add_district_name_error', data.errors.district_name); showError('add_district_code_error', data.errors.district_code); showError('add_village_name_error', data.errors.village_name); showError('add_village_code_error', data.errors.village_code); showError('add_hamlet_name_error', data.errors.hamlet_name); showError('add_hamlet_code_error', data.errors.hamlet_code); showError('add_mcc_name_error', data.errors.mcc_name); showError('add_mcc_code_error', data.errors.mcc_code); showError('add_mpp_name_error', data.errors.mpp_name); showError('add_mpp_code_error', data.errors.mpp_code); showError('add_state_name_error', data.errors.state_name); showError('add_state_code_error', data.errors.state_code); showError('add_tehsil_name_error', data.errors.tehsil_name); showError('add_tehsil_code_error', data.errors.tehsil_code); } else { Swal.fire({ title: "Success!", text: data.message, icon: "success" }).then(function() { window.location.reload(); }); } } }); } </script> @endsection