@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('dashboard-export')}}" method="post">
						<div class="row">
							@if($user_type=='SM')
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>RBM</label>
									<select class="form-control select2 direct-sel" name="select_rbm" id="select_rbm" multiple data-live-search="true">
										@foreach($list_rbm as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							@endif
							@if($user_type=='SM' || $user_type=='RBM')
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>ABM</label>
									<select class="form-control select2 direct-sel" name="select_abm" id="select_abm" multiple data-live-search="true">
										@foreach($list_abm as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							@endif
							@if($user_type=='SM' || $user_type=='RBM' || $user_type=='ABM')
							<div class="col-md-2">
								<div class="form-group" align="center">
									<label>BE</label>
									<select class="form-control select2 direct-sel" name="select_be" id="select_be" multiple data-live-search="true">
										@foreach($list_be as $row)
											<option value="{{$row->id}}">{{$row->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
							@endif
													</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('/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>

            @if($user_type!='BE')
			<div class="row">
				<div class="col-12 col-sm-6 col-md-3">
					<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 -->
				<!-- fix for small devices only -->
				<div class="clearfix hidden-md-up"></div>
				@if($user_type=='SM')
				<div class="col-12 col-sm-6 col-md-3">
					<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>
				@endif
				<!-- /.col -->
				@if($user_type=='SM' || $user_type=='RBM')
				<div class="col-12 col-sm-6 col-md-3">
					<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>
				@endif
				<!-- /.col -->
				<div class="col-12 col-sm-6 col-md-3">
					<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 -->
			@endif

			<!-- /.row -->
			<!-- Small boxes (Stat box) -->
			<div class="row">
				<div class="col-lg-6 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-6 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>
				<!-- <div class="col-lg-3 col-6">
					<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>
				<div class="col-lg-3 col-6">
					<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> -->
			</div>
			<!-- Chart -->
			<!-- <div class="row">
				<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>
					</div>
				</div>
			</div> -->
            <!-- /.row -->


            <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('export-dpm')}}" method="get">
                    {{-- <form id="frm_all_india_rio_file" action="{{url('all-india-rio-file')}}" method="post"> --}}
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <input type="hidden" name="download" value="direct">
									<input type="hidden" name="pos_code" value="{{Auth::guard('web')->user()->pos_code}}">
									<input type="hidden" name="type" value="{{Auth::guard('web')->user()->user_type}}">
                                    <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('all-india-rio-file')}}" method="post">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group" align="center">
                                    <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">
									<input type="hidden" name="pos_code" value="{{Auth::guard('web')->user()->pos_code}}">
                                    <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 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=='' || id==undefined){
                            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');

                                $(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');

                                $(document).find('#select_rm').removeClass('direct-sel');
                            }else if (type=='BE'){
								//
                            }

                            $(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 {
							//
						}
                    },
                    error: function(obj) {
                        //
                    },
                });
            });
        });
	</script>
@stop