/
home
/
sjslayjy
/
public_html
/
cropnet
/
resources
/
views
/
admin
/
Upload File
HOME
@extends('admin.layouts.app') @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"> <div class="row"> <div class="col-xl-3 col-lg-6 col-12"> <div class="box bg-primary-light myclass" onclick="openTotalMember('total_form')"> <form action="{{url('admin/download-user-form-report-excel')}}" method="post"> {{csrf_field()}} <input type="hidden" name="mcc_name_export" value="@if(isset($mccCode)){{$mccCode}}@endif"> <input type="hidden" name="mpp_name_export" value="@if(isset($mppCode)){{$mppCode}}@endif"> <input type="hidden" name="from_date_export" value="@if(isset($fromDate)){{$fromDate}}@endif"> <input type="hidden" name="to_date_export" value="@if(isset($toDate)){{$toDate}}@endif"> <button type="submit" name="export_data" class="buttons-html5 btn-primary bg-primary-light btn-bold" style="float:right"><i class="fa fa-download"></i></button> </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="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')"> <form action="{{url('admin/download-pending-user-form-report-excel')}}" method="post"> {{csrf_field()}} <input type="hidden" name="mcc_name_export" value="@if(isset($mccCode)){{$mccCode}}@endif"> <input type="hidden" name="mpp_name_export" value="@if(isset($mppCode)){{$mppCode}}@endif"> <input type="hidden" name="from_date_export" value="@if(isset($fromDate)){{$fromDate}}@endif"> <input type="hidden" name="to_date_export" value="@if(isset($toDate)){{$toDate}}@endif"> <button type="submit" name="export_data" class="buttons-html5 btn-info bg-info-light btn-bold" style="float:right"><i class="fa fa-download"></i></button> </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="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</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()"> <form action="{{url('admin/download-rejected-user-form-report-excel')}}" method="post"> {{csrf_field()}} <input type="hidden" name="mcc_name_export" value="@if(isset($mccCode)){{$mccCode}}@endif"> <input type="hidden" name="mpp_name_export" value="@if(isset($mppCode)){{$mppCode}}@endif"> <input type="hidden" name="from_date_export" value="@if(isset($fromDate)){{$fromDate}}@endif"> <input type="hidden" name="to_date_export" value="@if(isset($toDate)){{$toDate}}@endif"> <button type="submit" name="export_data" class="buttons-html5 btn-danger bg-danger-light btn-bold" style="float:right"><i class="fa fa-download"></i></button> </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="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()"> <form action="{{url('admin/download-approved-user-form-report-excel')}}" method="post"> {{csrf_field()}} <input type="hidden" name="mcc_name_export" value="@if(isset($mccCode)){{$mccCode}}@endif"> <input type="hidden" name="mpp_name_export" value="@if(isset($mppCode)){{$mppCode}}@endif"> <input type="hidden" name="from_date_export" value="@if(isset($fromDate)){{$fromDate}}@endif"> <input type="hidden" name="to_date_export" value="@if(isset($toDate)){{$toDate}}@endif"> <button type="submit" name="export_data" class="btn-success bg-success-light btn-bold" style="float:right"><i class="fa fa-download"></i></button> </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="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">--> <!-- <div class="table-responsive">--> <!-- <table id="form_count" class="table table-bordered table-hover display nowrap margin-top-10 w-p100 text-center">--> <!-- <thead>--> <!-- <tr>--> <!-- <th style="text-align: center;">SR.No.</th>--> <!-- <th style="text-align: center;">Name</th>--> <!-- <th style="text-align: center;">Total Form</th>--> <!-- </tr>--> <!-- </thead>--> <!-- <tbody id="dynamic_table">--> <!-- @foreach($users as $key=>$user)--> <!-- <tr id="tr_{{$key+1}}">--> <!-- <td>{{$key+1}}</td>--> <!-- <td>{{$user->name}}</td>--> <!-- <td>--> <!-- <a href="{{ url('/admin/get-form', $user->created_by_id ) }}" onclick="getFormById({{ $user->created_by_id }})">--> <!-- <span class="badge badge-primary"><b></b>{{$user->total}}</b></span> --> <!-- </a>--> <!-- </td>--> <!-- </tr>--> <!-- @endforeach--> <!-- </tbody>--> <!-- <tfoot>--> <!-- </tfoot>--> <!-- </table>--> <!-- </div>--> <!-- </div>--> <div class="col-xl-12 col-lg-12 col-12" style="height: 450px; overflow-y: scroll;"> <div class="box"> <div class="box-header with-border"> <h4 class="box-title">Field Agent Forms</h4> </div> <div class="box-body p-0"> <div class="media-list media-list-hover media-list-divided"> <!--<a class="media media-single" href="#">--> <!-- <i class="fs-18 me-0 flag-icon flag-icon-us"></i>--> <!-- <span class="title">USA </span>--> <!-- <span class="badge badge-pill badge-secondary-light">125</span>--> <!--</a>--> @foreach($users as $key=>$user) <a class="media media-single" href="{{ url('/admin/get-form', $user->created_by_id ) }}" onclick="getFormById({{ $user->created_by_id }})"> <i class="fs-18 me-0 user-icon user-icon-ba"></i> <span class="title">{{$user->name}}</span> <span class="badge badge-pill badge-primary">{{$user->total}}</span> </a> @endforeach </div> </div> </div> </div> <!-- <div class="col-xl-6 col-12">--> <!-- <div class="box">--> <!-- <div class="box-header with-border">--> <!-- <h4 class="box-title">Form Chart</h4>--> <!-- </div>--> <!-- <div class="box-body">--> <!-- <div id="pie-chart"></div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <br> <div class="row"> <div class="col-xl-6 col-12"> <div class="box"> <div class="box-body analytics-info"> <!--<h4 class="box-title">Basic Pie chart</h4>--> <div id="basic-pie" style="height:400px;"></div> </div> </div> </div> <div class="col-xl-12 col-12"> <div class="box"> <div class="box-body"> <h4 class="box-title">MCC Wise Form</h4> <div> <canvas id="bar-chart1" style="height: 300px !important;"></canvas> </div> </div> </div> </div> <!--<div class="col-xl-12 col-12">--> <!-- <div class="box">--> <!-- <div class="box-header with-border">--> <!-- <h4 class="box-title">Facilitator's Form</h4>--> <!-- </div>--> <!-- <div class="box-body">--> <!-- <div id="area-chart"></div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="col-xl-12 col-12"> --> <!-- <div class="box">--> <!-- <div class="box-header">--> <!-- <h4 class="box-title">Recovery Statistics</h4>--> <!-- </div>--> <!-- <div class="box-body">--> <!-- <div id="recovery_statistics"></div> --> <!-- </div>--> <!-- </div> --> <!--</div>--> </div> <!-- /.box-body --> </div> </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 src="{{asset('assets/vendor_components/c3/d3.min.js')}}"></script> <script src="{{asset('assets/vendor_components/c3/c3.min.js')}}"></script> <script src="{{asset('src/js/pages/c3-bar-pie.js')}}"></script> <script src="{{asset('assets/vendor_components/echarts/dist/echarts-en.min.js')}}"></script> <!--<script src="{{asset('src/js/pages/echart-pie-doghnut.js')}}"></script>--> <script src="{{asset('assets/vendor_components/chart.js-master/Chart.min.js')}}"></script> <script src="{{asset('src/js/pages/widget-charts2.js')}}"></script> <script src="{{asset('src/js/pages/c3-line.js')}}"></script> <!--<script src="{{asset('src/js/pages/c3-stap-line.js')}}"></script>--> <!--<script src="{{asset('src/js/pages/c3-multi-xy-line.js')}}"></script>--> <script src="{{asset('assets/vendor_components/apexcharts-bundle/dist/apexcharts.js')}}"></script> <script> $(document).ready(function() { $('#recent_activity').DataTable(); $('#form_count').DataTable(); }); 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); } } }); } function getApprovalStatus(id) { if (id == "") { Swal.fire('Error', 'Member id is missing', 'warning'); } else { $.ajax({ url: "{{url('/admin/get-approval-status')}}"+"/" + id, type: 'GET', success: function(data) { $('#model_body').html(data); $('#myModal').modal('toggle'); var data = $('#step2 .caption span').text(); if(!data.match("Form Not Alotted")) { $('#step1').addClass('step-completed'); $('#step2').addClass('step-active'); } var data = $('#step3 .caption').text(); if(data.match("Approved")) { $('#step1').addClass('step-completed'); $('#step2').removeClass('step-active'); $('#step2').addClass('step-completed'); $('#step3').addClass('step-completed'); } var data = $('#step4 .caption').text(); if(data.match("Approved")){ $('#step1').addClass('step-completed'); $('#step2').addClass('step-completed'); $('#step3').addClass('step-completed'); $('#step4').addClass('step-completed'); } var data = $('#step5 .caption').text(); if(data.match("Approved")){ $('#step1').addClass('step-completed'); $('#step2').addClass('step-completed'); $('#step3').addClass('step-completed'); $('#step4').addClass('step-completed'); $('#step5').addClass('step-completed'); } } }); } } </script> <script> // Basic pie chart // ------------------------------ // based on prepared DOM, initialize echarts instance var basicpieChart = echarts.init(document.getElementById('basic-pie')); var option = { // Add title title: { text: 'Total Form Status', // subtext: 'Purely Fictitious', x: 'center' }, // Add tooltip tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, // Add legend legend: { orient: 'vertical', x: 'left', data: ['Approved', 'Pending', 'Rejected'] }, // Add custom colors color: ['#7774f0', '#38649f', '#90b3fe'], // Display toolbox toolbox: { show: true, orient: 'vertical', feature: { mark: { show: true, title: { mark: 'Markline switch', markUndo: 'Undo markline', markClear: 'Clear markline' } }, // dataView: { // show: true, // readOnly: false, // title: 'View data', // lang: ['View chart data', 'Close', 'Update'] // }, // magicType: { // show: true, // title: { // pie: 'Switch to pies', // funnel: 'Switch to funnel', // }, // type: ['pie', 'funnel'], // option: { // funnel: { // x: '25%', // y: '20%', // width: '50%', // height: '70%', // funnelAlign: 'left', // max: 1548 // } // } // }, // restore: { // show: true, // title: 'Restore' // }, // saveAsImage: { // show: true, // title: 'Same as image', // lang: ['Save'] // } } }, // Enable drag recalculate calculable: true, // Add series series: [{ name: 'Form', type: 'pie', radius: '70%', center: ['50%', '57.5%'], data: [ {value: {{$totalFormApproved}} , name: 'Approved'}, {value: {{$totalFormPending}} , name: 'Pending'}, {value: {{$totalFormRejected}} , name: 'Rejected'} ] }] }; basicpieChart.setOption(option); // ------------------------------ // Basic pie chart // Bar chart new Chart(document.getElementById("bar-chart1"), { // var labels = []; // var backgroundColor = []; // var data = []; type: 'bar', data: { labels: ['<?php echo implode("','", $mcc_name); ?>'], datasets: [ { label: "Dataset", backgroundColor: ["#AC97FF","#8c75f0","#d09ffe","#b67fee","#90b3fe","#7774f0","#84d2fe","#6db9e5","#9595ff","#7774f0","#bab6ef","#8e8edd","#e1cafc","#c4a4ea","#9bd2ea","#83c9e5"], data: ['<?php echo implode("','", $mcc_count); ?>'] } ] }, options: { legend: { display: false }, title: { display: true, text: 'Mcc Data' } } }); var a = c3.generate({ bindto: "#area-chart", size: { height: 500 }, point: { r: 4 }, color: { pattern: ["#3e8ef7", "#ff4c62", "#7774f0", "#84d2fe", "#9595ff", "#9595ff", "#8e8edd"] }, data: { columns: [ ['data1', 300, 350, 300, 0, 0, 0], ['data2', 130, 120, 140, 200, 180, 50], ['data3', 160, 250, 180, 300, 110, 0], ['data4', 100, 1200, 160, 200, 150, 10], ['data5', 47, 100, 140, 240, 120, 90], ['data6', 500, 170, 140, 100, 190, 70], ['data7', 400, 180, 120, 270, 450, 60] ], types: { data1: "area-spline", data2: "area-spline", data3: "area-spline", data4: "area-spline ", data5: "area-spline", data6: "area-spline", data7: "area-spline" } }, grid: { y: { show: !0 } } }); </script> @endsection @endsection