@extends('layouts.app',['menu_type'=>'crm'])
@php
	Fun::lang();
@endphp
@section('style')

    <!--End-->
@endsection
@section('main')
    <style>
        .create-list td {
            vertical-align: middle !important;
        }

        .sub_package {
            display: none;
        }

        .select2-dropdown.select2-dropdown--below {
            z-index: 999999999999 !important;
        }
		.select2-dropdown{
			z-index: 999999999999999999999999 !important;
		}
		.btn{
			margin-top: 5px;
			margin-bottom: 5px;
		}

    </style>

    <div class="content-wrapper">
        <!-- Main content -->
        <section class="content">
			<div class="row">
				<div class="col-12">
					<div class="card">
						<div class="card-header">
							<div class="pull-left">
							</div>
						</div>
						<!-- /.card-header -->
						<div class="card-body table-responsive">
							<table id="datatable" class="hover row-border text-nowrap w-100" ajax="{{ route('leads.lost_of_leads') }}">
								<thead>
									<tr>
										<th data="DT_RowIndex" orderable="false" searchable="false">
											{{ __('auth.no') }}</th>
										<th data="lead_name" name="crm_pipeline.name" global-filter = "true" global-filter-type = "input">{{ __('auth.product_pricing') }}</th>
										<th data="saleperson_name" name="users.name" global-filter = "true" global-filter-type = "input">{{ __('auth.sale_person') }}</th>
										<th data="customer_name_kh" name="crm_customer.name" global-filter = "true" global-filter-type = "input">{{ __('auth.customer') }}</th>
										<th data="customer_type" name="crm_customer.type" global-filter = "true" global-filter-type = "select" global-filter-value = '{{ json_encode($customer_types) }}'>{{ __('auth.customer_type') }}</th>
										<th data="customer_phone" name="crm_customer.contact" global-filter = "true" global-filter-type = "input">{{ __('auth.phone') }}</th>
										<th data="source_name" name="crm_marketing.name" global-filter = "true" global-filter-type = "select" global-filter-value = '{{ json_encode($source) }}'>{{ __('auth.source') }}</th>
										<th data="priority" global-filter = "true" global-filter-type = "select" global-filter-value = '[{"id":"0","name":"Very Low"},{"id":"1","name":"Low"},{"id":"2","name":"Meduim"},{"id":"3","name":"Hight"},{"id":"4","name":"Very Hight"}]'>{{ __('auth.priority') }}</th>
										<th data="tag_name" searchable="false" orderable = "false" global-filter = "true" global-filter-type = "select" global-filter-value = '{{ json_encode($tags) }}'>{{ __('auth.tags') }}</th>
										<th data = "action" searchable="false" orderable = "false">{{__("auth.action")}}</th>
									</tr>
								</thead>
								<tbody>
	
								</tbody>
							</table>
						</div>
						<!-- /.card-body -->
					</div>
					<!-- /.card -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</section>
		<br><br><br>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
	
@endsection
@section('script')
<script>
	function leads_to_opportunity(obj){
		let url = $(obj).data("href");
		
		$.confirm({
			title: '{{ __("auth.convert_to_opportunity") }} !',
			content:`
				<form action="" class="formName">
					<div class="form-group">
						<label>{{ __("auth.sale_person") }} : </label>
						{!! Form::select('saleperson_id', getSalemember(),!empty($data->saleperson_id)?@$data->saleperson_id:auth()->user()->id, ['placeholder' => __('auth.Please Select'), 'class' => 'form-control select2 saleperson_id','required']) !!}
					</div>
				</form>
			`,
			buttons: {
				formSubmit: {
				text: 'Submit',
				btnClass: 'btn-blue',
				action: function () {
					var saleperson_id = this.$content.find('.saleperson_id').val();
					var date = this.$content.find('.date').val();
					if(saleperson_id=="") {
						toastr.error("Please Choose Customer");
						return false;
					}
					$(".main-spinner").show();
					let url = $(obj).data("href")+"?saleperson_id="+saleperson_id;
					$.ajax({
					type: 'GET',
					url: url,
					async: false,
					dataType: "JSON",
					success: function(data) {
						if (data.status == true) {
							toastr.success(data.message);
							$("#datatable").DataTable().ajax.reload(null, false);
						}
						else toastr.error(data.message);
					},
					error: function() {
						toastr.error("Unsuccessfully");
					},
					complete: function(data) {
						$(".main-spinner").hide();
					}
					});

				}
				},
				cancel: function () {
				//close
				},
			},
			onContentReady: function () {
				var jc = this;
				this.$content.find('form').on('submit', function (e) {
				e.preventDefault();
					jc.$$formSubmit.trigger('click');
				});

				var self = this;
				self.$content.find('.select2').select2({
					dropdownParent: $('.jconfirm'),
					theme: 'bootstrap-5'
				});
				$('.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content').css('overflow',
				'hidden');
				$(".date_picker").datepicker({
					dateFormat: "dd-mm-yy",
					changeMonth: true,
					changeYear: true
				});
			}
		});
	}
	function make_lead_to_lost(obj){
		let url = $(obj).data("href");
		$.confirm({
            title: 'Are you sure ?',
            content: '',
            theme: 'modern',
            buttons: {
                cancel: {
                    btnClass: 'btn btn-primary',
                    text: 'Cancel',
                    action: function() {

                    }
                },
                submit: {
                    btnClass: 'btn btn-danger',
                    text: "YES",
                    action: function() {
                        $(".main-spinner").show();
                        $.ajax({
                            type: 'GET',
                            url: url,
                            async: false,
                            dataType: "JSON",
                            success: function(data) {
                                if (data.status == true) toastr.success(data.message);
                                else toastr.error(data.message);
                                $("#datatable").DataTable().ajax.reload(null, false);
                            },
                            error: function() {
                                toastr.error("Unsuccessfully");
                            },
                            complete: function(data) {
                                $(".main-spinner").hide();
                            }
                        });
                    }
                },
            },
        });
	}
  	function delete_row(id){
		let url = '{{ route( "leads.destroy",":id") }}';
		url = url.replace(":id",id);
		destroy_row_datatable(url);
  	}

	function restore(obj){
		let url = $(obj).data('href');
		$.confirm({
            title: 'Are you sure?',
            content: '',
            theme: 'modern',
            buttons: {
                cancel: {
                    btnClass: 'btn btn-primary',
                    text: 'Cancel',
                    action: function() {

                    }
                },
                submit: {
                    btnClass: 'btn btn-danger',
                    text: "YES",
                    action: function() {
                        $(".main-spinner").show();
                        $.ajax({
                            type: 'GET',
                            url: url,
                            async: false,
                            dataType: "JSON",
                            success: function(data) {
                                toastr.success("Successfully");
                                $("#datatable").DataTable().ajax.reload(null, false);
                            },
                            error: function() {
                                toastr.error("Unsuccessfully");
                            },
                            complete: function(data) {
                                $(".main-spinner").hide();
                            }
                        });
                    }
                },
            },
        });
  	}
</script>
@endsection