@extends("layouts.master")
@section('content')
    <style>
        .create-list td {
            vertical-align: middle !important;
        }

        .sub_package {
            display: none;
        }

        .select2-dropdown.select2-dropdown--below {
            z-index: 999999999999 !important;
        }

    </style>
	
    <!-- Content Wrapper. Contains page content -->
	@if(!empty(@$data))
	{!! Form::model(@$data, ['method' => 'PATCH','route' => ['opportunities.update', @$data->id],'class'=>'form-submit']) !!}
	@else
    {!! Form::open(['route' => 'opportunities.save_create_new_for_exsting_customer', 'method' => 'POST','class'=>'form-submit']) !!}
	@endif
	
	@section("button_submit")
	    
		<div class="col-sm-6" style="text-align: right;">
			@if(!empty(@$data)&&@$data->close_status==2)
				<a class="btn btn-sm btn-info" href="{{ route("opportunities.restore_opportunities_from_lost",@$data->id)."?view_status=form_edit" }}">{{ __('application.restore') }}</a>
			@elseif(!empty(@$data))
				@if(@$data->close_status!=1)
				<a class="btn btn-sm btn-success" href="{{ route("opportunities.make_opportunities_to_won",@$data->id)."?view_status=form_edit" }}">{{ __('application.close-won') }}</a>
				@endif
				<a class="btn btn-sm btn-info" href="{{ route("opportunities.mark_opportunities_as_lost",@$data->id)."?view_status=form_edit" }}">{{ __('application.close-lost') }}</a>
				<button data-href = "{{ route('opportunities.schedule_activity',@$data->id) }}" onclick="schedule_activity(this)"  class="btn btn-sm btn-info" title = "{{ __('application.schedule_activity') }}"><i class="fas fa-clock"></i> {{ __("application.schedule_activity") }}</button>
			@else
			@endif

			<button type="button" onclick="submit_current_form($('form.form-submit'))" class="btn btn-sm btn-success"><i class="far fa-save"></i> {{ __('application.Save') }}</button>
			
			@if(@$data->close_status==2)
			<a class="btn btn-sm btn-info" href="{{ !empty(@$discard_redirect)?@$discard_redirect:route('opportunities.lost_of_opportunities') }}"><i
				class="fas fa-arrow-circle-left"></i> {{ __('application.Discard') }}</a>
            @else
			<a class="btn btn-sm btn-info" href="{{ !empty(@$discard_redirect)?@$discard_redirect:route('opportunities.index') }}"><i
				class="fas fa-arrow-circle-left"></i> {{ __('application.Discard') }}</a>
			@endif
		</div>
	@endsection
	
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            {{-- <div class="container-fluid"> --}}
                <div class="row mb-2">
					<div class="col-sm-6">
						@if(!empty(@$data))
						<h4>{{ __('application.Edit') }} {{ __('application.opportunities') }}</h4>
						@else
						<h4>{{ __('application.Create') }} {{ __('application.opportunities') }}</h4>
						@endif
					</div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
							<li class="breadcrumb-item"><a href="{{route('home')}}">{{__("application.Dashboard")}}</a></li>
							<li class="breadcrumb-item">{{__("application.crm")}}</li>
							<li class="breadcrumb-item active">{{__("application.opportunities")}}</li>
						</ol>
                    </div>
                </div>
            {{-- </div><!-- /.container-fluid --> --}}
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="row">
				<div class="col-12">
					<div class="card" >
						<div class="card-body">
							@if(@$data->close_status==2)
							<div class="ribbon-wrapper ribbon-lg">
								<div class="ribbon bg-danger text-lg">
								  LOST
								</div>
							</div>
							@elseif(@$data->close_status==1)
							<div class="ribbon-wrapper ribbon-lg">
								<div class="ribbon bg-success text-lg">
								  WON
								</div>
							</div>
							@else
							@endif
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong class="required">{{ __('application.Name') }}:</strong>
										{!! Form::text('name',null, ['placeholder' => 'e.g. Product Pricing', 'class' => 'form-control','required']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong class="required">{{ __('application.stage') }}:</strong>
										{!! Form::select('stage_id',getStage(),@$data->stage_id, ['class' => 'form-control select2','required']) !!}
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.expected_revenue') }}:</strong>
										<div class="input-group">
											<div class="input-group-prepend">
											  <span class="input-group-text"><i class="fas fa-dollar-sign"></i></span>
											</div>
											{!! Form::text('expected_revenue',null, ['placeholder' => __('application.Number'), 'class' => 'form-control number-only']) !!}
										</div>
										
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.probability') }}:</strong>
										<div class="input-group">
											<div class="input-group-prepend">
											  <span class="input-group-text"><i class="fas fa-percent"></i></span>
											</div>
											{!! Form::text('probability',null, ['placeholder' => __('application.Number'), 'class' => 'form-control number-only']) !!}
										</div>
										
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.sale_person') }}:</strong>
										{!! Form::select('saleperson_id',getSalemember(),!empty($data->saleperson_id)?@$data->saleperson_id:auth()->user()->id, ['placeholder' => __('application.Please Select'), 'class' => 'form-control select2']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.expected_closing') }}:</strong>
										{{-- <input type="text" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy hh:ss" data-mask class="form-control datetimepicker"> --}}
										{!! Form::text('date_expected_closing',!empty(@$data->date_expected_closing)?date("d-m-Y",strtotime(@$data->date_expected_closing)):null, ['placeholder' => __('application.Date'), 'class' => 'form-control date_picker']) !!}
									</div>
								</div>
							</div>
							
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.priority') }}:</strong>
										{!! Form::select('priority',getPriority(),!empty(@$data->priority)?@$data->priority:1, ['placeholder' => __('application.Please Select'), 'class' => 'form-control select2']) !!}
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<strong>{{ __('application.tags') }}:</strong>
										{!! Form::select('tag_id[]',getTags(),!empty(@$data->getPipelineTabes)?@$data->getPipelineTabes->pluck("tags_id")->toArray():null, ['class' => 'form-control select2','multiple']) !!}
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<strong>{{ __('application.customers') }}:</strong>
										{!! Form::select('customer_id',getCustomersCrm(),!empty(@$data->customer_id)?@$data->customer_id:null, ['placeholder' => __('application.Please Select'), 'class' => 'form-control select2']) !!}
									</div>
								</div>
							</div>
							<br>
							<div class="row">
								<div class="col-md-12 card card-primary card-outline card-outline-tabs">
									<div class="card-header p-0 border-bottom-0">
										<ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
											{{-- Internal Note --}}
											<li class="nav-item">
												<a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">{{ __("application.internal_notes") }}</a>
											</li>
											{{-- marketing --}}
											<li class="nav-item">
												<a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">{{ __("application.extra_info") }}</a>
											</li>
										</ul>
									</div>
									<div class="card-body">
										<div class="tab-content" id="custom-tabs-three-tabContent">
											{{-- Internal Note --}}
											<div class="tab-pane fade show active" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab">
												{!! Form::textarea('internal_notes',null, ['placeholder' => __('application.Note'), 'class' => 'form-control','rows'=>'5']) !!}
											</div>
											
											{{-- marketing --}}
											<div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab">
												<div class="row">
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("application.contact_by")}} :</strong>
															<div class="input-group">
																{!! Form::select('contact_by_id',getMarketing(),null, array('placeholder' => __("application.Please Select"),'class' => 'form-control select2')) !!}
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="form-group">
															<strong>{{__("application.source")}}:</strong>
															<div class="input-group">
																{!! Form::select('source_id',getMarketing(),null, array('placeholder' => __("application.Please Select"),'class' => 'form-control select2')) !!}
															</div>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<div class="form-group">
															<strong>{{ __('application.known_product_by') }}:</strong>
															<div class="input-group">
																{!! Form::textarea('know_product_by',null, ['placeholder' => __('application.Remark'), 'class' => 'form-control','rows'=>'3']) !!}
															</div>
															
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<!-- /.card -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
        </section>
        <!-- /.content -->
    </div>
    {!! Form::close() !!}
    <!-- /.content-wrapper -->
	
@endsection
{{-- include('stock.purchase.js') --}}
@section('js')
    <script>
		function addProduct() {
            let tr = `
            <tr class="show">
                            <td>1</td>
                            <td>
								<div class="col-md-12">
									{!! Form::text('account_contact_name[]', null, ['placeholder' => "eg. Facebook", 'class' => 'form-control account_contact_name']) !!}
                                </div>
							</td>
							<td>
								<div class="col-md-12">
									{!! Form::text('account_contact_account_name[]', null, ['placeholder' => __('application.Name'), 'class' => 'form-control account_contact_account_name']) !!}
                                </div>
							</td>
							<td>
								<div class="col-md-12">
									{!! Form::text('account_contact_link[]', null, ['placeholder' => __('application.link'), 'class' => 'form-control account_contact_link']) !!}
                                </div>
							</td>
                            <td>
                                <a class="btn btn-sm btn-danger" href="javascript:;" data-toggle="tooltip"
                                    data-placement="top" title="Remove" onclick="remove(this)">
                                    <i class="fa fa-trash"></i>
                                </a>
                            </td>
                        </tr>
            `;
            $('.create-list').append(tr);
            $('.create-list tr:last').find('.select2').select2({
                theme: 'bootstrap-5'
            });
            updateNo('.create-list');
        }
		function updateNo(_class = '.create-list', _this) {
            if (_class == ".create-list") {
                $.each($('tbody' + _class + ' tr.show'), function(i, val) {
                    $(this).closest('tr.show').find('td:eq(0)').text(i + 1);
                });
            } else {
                $.each($(_this).closest('.jconfirm').find('tbody tr.hide'), function(i, val) {
                    $(this).closest('tr.hide').find('td:eq(0)').text(i + 1);
                });
            }

        }

        function remove(obj) {
            $.confirm({
                title: 'Are you sure ?',
                content: '',
                theme: 'modern',
                buttons: {
                    cancel: {
                        btnClass: 'btn btn-primary',
                        text: 'Cancel',
                        action: function() {

                        }
                    },
                    submit: {
                        btnClass: 'btn btn-danger',
                        text: "Delete",
                        action: function() {
                            $(obj).closest('tr').remove();
                            updateNo(_class = '.create-list');
                        }
                    },
                },
            });
        }
    </script>
@stop