@extends('adminlte::page')

@section('title', $title)

@section('content')
	<section class="content">
		<div class="container-fluid">
			<!-- Filter User -->
			<div class="card">
				<div class="card-body">
					<form action="{{url('admin/dashboard-export')}}" method="post">
						<div class="row">
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>SM</label>
									<select class="form-control select2" name="" id="select_sm" multiple data-live-search="true">
										@foreach($list_sm as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>RBM</label>
									<select class="form-control select2 direct-sel" name="" id="select_rbm" multiple data-live-search="true">
										@foreach($list_rbm as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>ABM</label>
									<select class="form-control select2 direct-sel" name="" id="select_abm" multiple data-live-search="true">
										@foreach($list_abm as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>BE</label>
									<select class="form-control select2 direct-sel" name="" id="select_be" multiple data-live-search="true">
										@foreach($list_be as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>HQs</label>
									<select class="form-control select2 direct-sel" name="" id="select_hq">
										<option value="">-- Select HQ --</option>
										@foreach($list_hqs as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div>

                        <!-- /.row -->
						<!-- Filter Product -->
						<div class="row">
							<div class="col-md-3">
								<div class="form-group" align="center">
									<label>Product</label>
									<select class="form-control select2" id="select_product">
										<option value="">-- Select Product --</option>
										@foreach($list_products as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-3">
								<div class="form-group" align="center">
									<label>Speciality</label>
									<select class="form-control select2" id="select_speciality">
										<option value="">-- Select Speciality --</option>
										@foreach($list_specialities as $row)
											<option value="{{$row->id}}">{{$row->speciallity_name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="col-md-3">
								<label>&nbsp;</label>
								<div class="form-group">
									<a href="{{url('admin/dashboard')}}" class="btn btn-primary btn-sm">Clear</a>
								</div>
							</div>
							<div class="col-md-4">
								<label>&nbsp;</label>
								<div class="form-group">
									<button type="submit" class="btn btn-primary btn-sm">Export</button>
								</div>
							</div>
						</div>
						{{csrf_field()}}
					</form>
				</div>
			</div>
			<div class="row">
				<div class="col-12 col-sm-6 col-md-4">
					<div class="info-box">
					<span class="info-box-icon bg-info elevation-1">
						<i class="fas fa-users"></i>
					</span>
						<div class="info-box-content">
							<span class="info-box-text">Total Users</span>
							<span class="info-box-number" id="total_users">{{@$total_users}}</span>
						</div>
						<!-- /.info-box-content -->
					</div>
					<!-- /.info-box -->
				</div>
				<!-- /.col -->
				<div class="col-12 col-sm-6 col-md-2">
					<div class="info-box mb-3">
					<span class="info-box-icon bg-danger elevation-1">
						<i class="fas fa-user"></i>
					</span>
						<div class="info-box-content">
							<span class="info-box-text">SM</span>
							<span class="info-box-number" id="total_sm">{{@$total_sm}}</span>
						</div>
						<!-- /.info-box-content -->
					</div>
					<!-- /.info-box -->
				</div>
				<!-- /.col -->
				<!-- fix for small devices only -->
				<div class="clearfix hidden-md-up"></div>
				<div class="col-12 col-sm-6 col-md-2">
					<div class="info-box mb-3">
					<span class="info-box-icon bg-success elevation-1">
						<i class="fas fa-user"></i>
					</span>
						<div class="info-box-content">
							<span class="info-box-text">RBM</span>
							<span class="info-box-number" id="total_rbm">{{@$total_rbm}}</span>
						</div>
						<!-- /.info-box-content -->
					</div>
					<!-- /.info-box -->
				</div>
				<!-- /.col -->
				<div class="col-12 col-sm-6 col-md-2">
					<div class="info-box mb-3">
					<span class="info-box-icon bg-warning elevation-1">
						<i class="fas fa-user"></i>
					</span>
						<div class="info-box-content">
							<span class="info-box-text">ABM</span>
							<span class="info-box-number" id="total_abm">{{@$total_abm}}</span>
						</div>
						<!-- /.info-box-content -->
					</div>
					<!-- /.info-box -->
				</div>
				<!-- /.col -->
				<div class="col-12 col-sm-6 col-md-2">
					<div class="info-box mb-3">
					<span class="info-box-icon bg-orange elevation-1">
						<i class="fas fa-user"></i>
					</span>
						<div class="info-box-content">
							<span class="info-box-text">BE</span>
							<span class="info-box-number" id="total_be">{{@$total_be}}</span>
						</div>
						<!-- /.info-box-content -->
					</div>
					<!-- /.info-box -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->

			<!-- /.row -->
			<!-- Small boxes (Stat box) -->
			<div class="row">
				<div class="col-lg-3 col-6">
					<!-- small box -->
					<div class="small-box bg-info">
						<div class="inner">
							<h3 id="tot_doctors">{{@$tot_doctors}}</h3>
							<p>No. of Doctors</p>
						</div>
						<div class="icon">
							<i class="fa fa-user-md"></i>
						</div>
					</div>
				</div>
				<!-- ./col -->
				<div class="col-lg-3 col-6">
					<!-- small box -->
					<div class="small-box bg-success">
						<div class="inner">
							<h3 id="tot_dpm_filled">{{@$tot_doctors_pending}}</h3>
							<p>Basic Details Filled Drs</p>
						</div>
						<div class="icon"></div>
					</div>
				</div>
				<!-- ./col -->
				<div class="col-lg-3 col-6">
					<!-- small box -->
					<div class="small-box bg-warning">
						<div class="inner">
							<h3 style="font-size: xx-large" id="tot_potential">
								<i class="fas fa-rupee-sign"></i> <span>{{@$tot_potential}}</span>
							</h3>
							<p>Average Potential</p>
						</div>
						<div class="icon"></div>
					</div>
				</div>
				<!-- ./col -->
				<div class="col-lg-3 col-6">
					<!-- small box -->
					<div class="small-box bg-danger">
						<div class="inner">
							<h3 style="font-size: xx-large" id="tot_support">
								<i class="fas fa-rupee-sign"></i> <span>{{@$tot_support}}</span>
							</h3>
							<p>Average Support</p>
						</div>
						<div class="icon"></div>
					</div>
				</div>
				<!-- ./col -->
			</div>

            <!-- Chart -->
			<div class="row">
				<!-- BAR CHART -->
				<div class="col-lg-12 col-12">
					<div class="card">
						<div class="card-header">
							<h3 class="card-title">No. of DPM Filled </h3>
							<div class="card-tools">
								<button type="button" class="btn btn-tool" data-card-widget="collapse">
									<i class="fas fa-minus" style="color: #686869"></i>
								</button>
							</div>
						</div>
						<div class="card-body">
							<canvas id="totDpmFilledChart"></canvas>
						</div>
						<!-- /.card-body -->
					</div>
					<!-- /.card -->
				</div>
			</div>
            <!-- /.row -->

            <div class="card">
                <div class="card-header">Export ROI report (Real time ROI report)</div>
                <div class="card-body">
                    <form id="frm_all_india_rio_file" action="{{url('admin/all-india-rio-file')}}" method="post">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <select class="form-control select2" name="select_export_sm" id="select_export_sm1" data-live-search="true">
                                        <option value="">-- Select SM --</option>
                                        @foreach($list_sm as $row)
                                            <option value="{{$row->pos_code}}">{{$row->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-sm" style="height: 38px;">Export</button>
                                </div>
                            </div>
                        </div>
                        {{csrf_field()}}
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-header">Export ROI report (Last Date ROI report)</div>
                <div class="card-body">
                    <form id="frm_all_india_rio_file" action="{{url('admin/all-india-rio-file')}}" method="post">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <select class="form-control select2" name="select_export_sm" id="select_export_sm2" data-live-search="true">
                                        <option value="">-- Select SM --</option>
                                        @foreach($list_sm as $row)
                                            <option value="{{$row->pos_code}}">{{$row->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <input type="hidden" name="download" value="direct">
                                    <button type="submit" class="btn btn-primary btn-sm" style="height: 38px;">Export</button>
                                </div>
                            </div>
                        </div>
                        {{csrf_field()}}
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-header">Export ROI report based on month</div>
                <div class="card-body">
                    <form id="frm_all_india_rio_file" action="{{url('admin/all-india-rio-file')}}" method="post">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <select class="form-control select2" name="select_export_sm" id="select_export_sm2" data-live-search="true">
                                        <option value="">-- Select SM --</option>
                                        @foreach($list_sm as $row)
                                            <option value="{{$row->pos_code}}">{{$row->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <select class="form-control select2" name="month" id="month" data-live-search="true">
                                        <option value="">-- Select Month --</option>
                                        @foreach(Common_function::current_financial_year() as $r)
                                            <option value="{{strtolower($r['month']).'-'.$r['year']}}">{{$r['month'].'-'.$r['year']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-sm" style="height: 38px;">Export</button>
                                </div>
                            </div>
                        </div>
                        {{csrf_field()}}
                    </form>
                </div>
            </div>
		</div>
		<!-- /.container-fluid -->
	</section>
	<input type="hidden" id="curr_sel_type" value="" />
@stop
@section('adminlte_js')
	<script src="{{ asset('js/admin/chart.js') }}"></script>
	<script>
        var dataValuesSup = ;
        var dataValuesPot = ;
        $(document).ready(function () {
            var ctx1 = document.getElementById('totDpmFilledChart').getContext('2d');
            var totDpmFilledChart = new Chart(ctx1, {
                type: 'bar',
                data: {
                    datasets: [{
                        label: 'No. of Filled Supports',
                        data: dataValuesSup,
                        backgroundColor: '#3366cc',
                        stack: 'Stack 0',
                    },{
                        label: 'No. of Filled Potential',
                        data: dataValuesPot,
                        backgroundColor: '#dc3545',
                        stack: 'Stack 1',
                    }],
                    labels: ['APR', 'MAY', 'JUN', 'JUL','AUG', 'SEP', 'OCT', 'NOV','DEC', 'JAN', 'FEB', 'MAR']
                }
            });
            // FUNCTION TO FILTER PRODUCT VS SUPPORT PAGE
            $(document).on('change','#select_sm,#select_rbm,#select_abm,#select_be,#select_product,#select_speciality,#select_hq',function(e){
                e.preventDefault();
                //$(document).find('.loader-process').addClass('show');
                cmnPreloaderPopup('');
                var that = $(this);
                var type = '';
                var isDirect = 0;

                var form_data = new FormData();
                if(that.attr('id')=='select_product' || that.attr('id')=='select_speciality'  || that.attr('id')=='select_hq'){
                    if($(document).find('#select_be').val()!=''){
                        var type = 'BE';
                        var id = $(document).find('#select_be').val();
                    }else if($(document).find('#select_abm').val()!=''){
                        var type = 'ABM';
                        var id = $(document).find('#select_abm').val();
                    }else if($(document).find('#select_rbm').val()!=''){
                        var type = 'RBM';
                        var id = $(document).find('#select_rbm').val();
                    }else if($(document).find('#select_sm').val()!=''){
                        var type = 'SM';
                        var id = $(document).find('#select_sm').val();
                    }else{
                        var type = '';
                        var id = '';
                    }
                    var productId = $(document).find('#select_product').val();
                    var specialityId = $(document).find('#select_speciality').val();
                    var hqId = $(document).find('#select_hq').val();
                }else{
                    if(that.val()!=''){
                        if(that.attr('id')=='select_sm'){
                            var type = 'SM';
                        }else if(that.attr('id')=='select_rbm'){
                            var type = 'RBM';
                        }else if(that.attr('id')=='select_abm'){
                            var type = 'ABM';
                        }else if(that.attr('id')=='select_be'){
                            var type = 'BE';
                        }
                        var id = that.val();
                        if(that.hasClass('direct-sel')){
                            isDirect = 1;
                        }
                        var productId = $(document).find('#select_product').val();
                        var specialityId = $(document).find('#select_speciality').val();
                        var hqId = $(document).find('#select_hq').val();
                    }else{
                        if(that.attr('id')=='select_sm'){
                            var type = '';
                            var id = '';
                        }else if(that.attr('id')=='select_rbm'){
                            var type = 'SM';
                            var id = $(document).find('#select_sm').val();
                        }else if(that.attr('id')=='select_abm'){
                            var type = 'RBM';
                            var id = $(document).find('#select_rbm').val();
                        }else if(that.attr('id')=='select_be'){
                            var type = 'ABM';
                            var id = $(document).find('#select_abm').val();
                        }
                        if(id==''){
                            type = '';
                        }
                        var productId = $(document).find('#select_product').val();
                        var specialityId = $(document).find('#select_speciality').val();
                        var hqId = $(document).find('#select_hq').val();
                    }
                }
                form_data.append('id',id);
                form_data.append('productId',productId);
                form_data.append('specialityId',specialityId);
                form_data.append('hqId',hqId);
                form_data.append('type',type);
                form_data.append('isDirect',isDirect);

                $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
                $.ajax({
                    dataType: 'json',
                    cache: false,
                    contentType: false,
                    processData: false,
                    data: form_data,
                    type: 'post',
                    async: true,
                    url: SITE_URL + '/dashboard/filter-records',
                    success: function(obj) {
                        //$(document).find('.loader-process').removeClass('show');
                        cmnPreloaderPopup('hide');
                        if (obj.code == 1) {
                            var suppDataSet = $.parseJSON(obj.support_dataset);
                            var potDataSet = $.parseJSON(obj.potential_dataset);
                            totDpmFilledChart.data = {
                                datasets: [{
                                    label: 'No. of Filled Supports',
                                    data: suppDataSet,
                                    backgroundColor: '#3366cc',
                                    stack: 'Stack 0',
                                },{
                                    label: 'No. of Filled Potential',
                                    data: potDataSet,
                                    backgroundColor: '#dc3545',
                                    stack: 'Stack 1',
                                }],
                                labels: ['APR', 'MAY', 'JUN', 'JUL','AUG', 'SEP', 'OCT', 'NOV','DEC', 'JAN', 'FEB', 'MAR']
                            };
                            totDpmFilledChart.update();

                            if(that.attr('id')=='select_sm' || that.attr('id')=='select_rbm' || that.attr('id')=='select_abm' || that.attr('id')=='select_be'){
                                $('#'+that.attr('id')).selectpicker('toggle');
                            }
                            if (type=='SM'){
                                $(document).find('#curr_sel_type').val('SM');
                                $(document).find('#select_abm').empty();
                                $(document).find('#select_be').empty();
                                $(document).find('#select_rbm').empty();
                                obj.rbm_users.forEach(function(v,k){
                                    $(document).find('#select_rbm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_rbm').selectpicker('refresh');
                                obj.abm_users.forEach(function(v,k){
                                    $(document).find('#select_abm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_abm').selectpicker('refresh');
                                obj.be_users.forEach(function(v,k){
                                    $(document).find('#select_be').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_be').selectpicker('refresh');
                                $(document).find('#select_rbm').removeClass('direct-sel');
                                $(document).find('#select_abm').removeClass('direct-sel');
                                $(document).find('#select_rm').removeClass('direct-sel');
                            }else if (type=='RBM'){
                                $(document).find('#select_abm').empty();
                                $(document).find('#select_be').empty();
                                obj.abm_users.forEach(function(v,k){
                                    $(document).find('#select_abm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_abm').selectpicker('refresh');
                                obj.be_users.forEach(function(v,k){
                                    $(document).find('#select_be').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_be').selectpicker('refresh');

                                // SHOW PREFILLED PARENTS
                                if(isDirect==1){
                                    $(document).find('#select_sm').empty();
                                    obj.pre_sm_users.forEach(function(v,k){
                                        $(document).find('#select_sm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_sm').selectpicker('refresh');
                                }

                                $(document).find('#select_abm').removeClass('direct-sel');
                                $(document).find('#select_rm').removeClass('direct-sel');
                            }else if (type=='ABM'){
                                $(document).find('#select_be').empty();
                                obj.be_users.forEach(function(v,k){
                                    $(document).find('#select_be').append('<option value="'+v.id+'">'+v.name+'</option>');
                                });
                                $('#select_be').selectpicker('refresh');

                                // SHOW PREFILLED PARENTS
                                if(isDirect==1){
                                    $(document).find('#select_sm').empty();
                                    obj.pre_sm_users.forEach(function(v,k){
                                        $(document).find('#select_sm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_sm').selectpicker('refresh');
                                    $(document).find('#select_rbm').empty();
                                    obj.pre_rbm_users.forEach(function(v,k){
                                        $(document).find('#select_rbm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_rbm').selectpicker('refresh');
                                }

                                $(document).find('#select_rm').removeClass('direct-sel');
                            }else if (type=='BE'){
                                // SHOW PREFILLED PARENTS
                                if(isDirect==1){
                                    $(document).find('#select_sm').empty();
                                    obj.pre_sm_users.forEach(function(v,k){
                                        $(document).find('#select_sm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_sm').selectpicker('refresh');
                                    $(document).find('#select_rbm').empty();
                                    obj.pre_rbm_users.forEach(function(v,k){
                                        $(document).find('#select_rbm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_rbm').selectpicker('refresh');
                                    $(document).find('#select_abm').empty();
                                    obj.pre_abm_users.forEach(function(v,k){
                                        $(document).find('#select_abm').append('<option value="'+v.id+'">'+v.name+'</option>');
                                    });
                                    $('#select_abm').selectpicker('refresh');
                                }
                            }

                            $(document).find('#total_users').text(obj.total_users);
                            $(document).find('#total_sm').text(obj.total_sm);
                            $(document).find('#total_rbm').text(obj.total_rbm);
                            $(document).find('#total_abm').text(obj.total_abm);
                            $(document).find('#total_be').text(obj.total_be);

                            $(document).find('#tot_doctors').text(obj.tot_doctors);
                            $(document).find('#tot_dpm_filled').text(obj.tot_doctors_pending);
                            $(document).find('#tot_potential span').text(obj.tot_potential);
                            $(document).find('#tot_support span').text(obj.tot_support);
                        }
                        else {

                            0						}
                    },
                    error: function(obj) {
                        //
                    },
                });
            });
        });
	</script>
@stop