/
home
/
sjslayjy
/
public_html
/
cropnet
/
resources
/
views
/
user
/
dashboard
/
Upload File
HOME
@extends('admin.layouts.app') @section('main_title','User') @section('title','Dashboard') @section('style') <meta name="csrf-token" content="{{ csrf_token() }}"> {{-- {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} --}} <link rel="stylesheet" href="/src/css/stepper.css"> <style> .myclass:hover{ cursor:pointer; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } </style> @endsection @section('content') <div class="content-wrapper"> <div class="container-full"> <!-- Main content --> <section class="content"> @if(isset($members)) <div class="row"> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-primary-light myclass" onclick="openTotalMember('total_form')"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <!--<img src="../../../images/user.png" class="" alt="">--> <img src="total_form.png" class="" alt=""> </div> <div class="text-end"> @if(\Auth::user()->role_id == 1) <h2 class="mb-0 fw-600 text-primary"> {{$totalFormList}}</h2> <p class="text-fade mt-5 mb-0">Total Form Submitted</p> @else <h2 class="mb-0 fw-600 text-primary"> {{ $totalAllottedForm }}</h2> <p class="text-fade mt-5 mb-0">Total Allotted Form</p> @endif </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-info-light myclass" onclick="openTotalMember('pnd_req_form')"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <!--<img src="../../../images/user.png" class="" alt="">--> <img src="pending_form.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-info"> {{$totalFormPending}}</h2> <p class="text-fade mt-5 mb-0">Total Form Pending OR Requested</p> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-danger-light myclass" onclick="openTotalMember()"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <!--<img src="../../../images/user.png" class="" alt="">--> <img src="rejected_form.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-danger"> {{$totalFormRejected}}</h2> <p class="text-fade mt-5 mb-0">Total Form Rejected</p> </div> </div> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-success-light myclass" onclick="openTotalMember()"> <div class="box-body text-center"> <div class="d-flex justify-content-between align-items-center"> <div class="p-5 w-100 h-100"> <!--<img src="../../../images/user.png" class="" alt="">--> <img src="approved_form.png" class="" alt=""> </div> <div class="text-end"> <h2 class="mb-0 fw-600 text-success">{{$totalFormApproved}}</h2> <p class="text-fade mt-5 mb-0">Total Form Approved</p> </div> </div> </div> </div> </div> <!-- /.box-header --> <div class="box-body"> <h3>Recent Activity</h3> <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;">ID</th> <th style="text-align: center;">Form Number</th> <th style="text-align: center;">Applicant Name</th> <th style="text-align: center;">Status</th> </tr> </thead> <tbody id="dynamic_table"> @php $i = 1; @endphp @foreach($members as $member) <tr id="tr_{{$member->id}}"> <td>{{$i++}}</td> <td>{{$member->form_no}}</td> <td>{{$member->applicant_name}}</td> <td> @if(\Auth::user()->role_id == 1) @php if($member['approval_status']=='Pending') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-primary">{{$member->approval_status}}</span> </a> @php } elseif($member['approval_status']=='Processing') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-warning">{{$member->approval_status}}</span> </a> @php } elseif($member['final_approval_status']=='Approved') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-success">{{ $member->final_approval_status }}</span> </a> @php } elseif($member['approval_status']=='Approved' && $member['final_approval_status']=='Requested') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-success">Requested For Final Approval</span> </a> @php } elseif($member['approval_status']=='Approved' && $member['final_approval_status']=='Rejected') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-danger">Rejected</span> </a> @php } elseif($member['approval_status']=='Rejected') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-danger">{{$member->approval_status}}</span> </a> @php } elseif($member['approval_status']=='Requested') { @endphp <a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus({{ $member->id }})"> <span class="badge badge-warning">{{$member->approval_status}}</span> </a> @php } @endphp @else @php if($member['update_status']=='Pending') { @endphp <span class="badge badge-primary">{{$member->update_status}}</span> @php } elseif($member['update_status']=='Processing') { @endphp <span class="badge badge-warning">{{$member->update_status}}</span> @php } elseif($member['update_status']=='Approved') { @endphp <span class="badge badge-success">{{$member->update_status}}</span> @php } elseif($member['update_status']=='Rejected') { @endphp <span class="badge badge-danger">{{$member->update_status}}</span> @php } @endphp @endif </td> </tr> @endforeach </tbody> <tfoot> </tfoot> </table> </div> </div> <!-- /.box-body --> </div> @else <h1>No Data For You</h1> @endif </section> <!-- /.content --> </div> </div> <div id="myModal" 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">Approval Status</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body" id="model_body"> </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> @section('script') <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts-en.common.min.js"></script> <script src="{{asset('assets/vendor_components/OwlCarousel2/dist/owl.carousel.js')}}"></script> <script src="{{asset('src/js/pages/dashboard.js')}}"></script> <script> function openTotalMember(type){ return false; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: "{{ url('/admin/get-dashboard-data') }}", method: 'POST', data: {'type':type}, success: function(data){ console.log(data); if(!data.flag){ swal("Error", data.error, "error"); }else{ var html = ''; $.each(data.data, function(key, value){ var status = ''; if(data.user_role == 1) { if(value.approval_status == 'Pending') { status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">`+value.approval_status+`</span></a>`; } else if(value.approval_status == 'Processing') { status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">`+value.approval_status+`</span></a>`; } else if(value.final_approval_status == 'Approved') { status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">`+value.approval_status+`</span></a>`; } else if(value.final_approval_status == 'Requested' && value.approval_status == 'Approved') { status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">Requested For Final Approval</span></a>`; } else if(value.approval_status == 'Rejected') { status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">Requested For Final Approval</span></a>`; } else if(value.approval_status == 'Requested'){ status = `<a type="button" class="tracking_model" data-bs-toggle="modal" onclick="getApprovalStatus(`+value.id+`)"> <span class="badge badge-primary">Requested For Final Approval</span></a>`; } } html += `<tr> <td>`+value.id+`</td> <td>`+value.form_no+`</td> <td>`+value.applicant_name+`</td> <td>`+status+`</td> <tr>`; }); $("#dynamic_table").empty(); $('#dynamic_table').append(html); } } }); } </script> @endsection @endsection