@extends($iframe_chk == 1 ? 'layouts.iframe' : 'layouts.app')

@section('content')
<!-- Container -->
	
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item active" aria-current="page"><h3>Opportunity</h3></li>
    </ol>
</nav>
<!-- /Breadcrumb -->
    
<div class="row sales_edit">
    <div class="col-xl-12">
        <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">
        	
            @if ($id > 0 && $iframe_chk == 0)
                <div class="row">
                    <div class="col-12">
                        <div class="form-group" style="margin-bottom:0;">
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{ route('sales.opportunities.edit', 0) }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                    @if ($page_data->FollowChk() == true)
                                    	<a href="{{ route('sales.follow.del', [$id, 'opportunities']) }}" class="btn btn-sm btn-success float-left w-150p ml-5">Un-Follow</a>
                                    @else
                                    	<a href="{{ route('sales.follow.add', [$id, 'opportunities']) }}" class="btn btn-sm btn-warning float-left w-150p ml-5">Follow</a>
                                    @endif
                                    @if ( canTask('can_del_sales') )
                                        <a href="javascript: void(0);" onclick="ActionRemove();" class="btn btn-sm btn-danger float-right w-150p">Delete</a>
                                        <script type="text/javascript">
                                            function ActionRemove(){
                                                question = confirm("Are you sure?")
                                                if (question !="0"){
                                                    mouseLoader();
                                                    top.location = "{{ route('sales.opportunities.delete', $id) }}";
                                                }
                                            }
                                        </script>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <hr />
            @endif
            
            @if ($id > 0 && $iframe_chk == 0)
                <div class="row">
                	<div class="col-12">
                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('sales.opportunities.update', $id) }}" method="post">
                            @csrf
        					<input type="hidden" name="iframe_chk" value="{{ $iframe_chk }}">
                            <input type="hidden" name="name" value="{{ old('name', $page_data->name ?? '') }}">
                            <input type="hidden" name="id_account" value="{{ old('id_account', $page_data->id_account ?? '') }}">
                            <input type="hidden" name="id_account_predefined" value="{{ $id_account }}">
                            <input type="hidden" name="id_contact_predefined" value="{{ $id_contact }}">
                            <input type="hidden" name="id_owner_old" value="{{ old('id_owner', $page_data->id_owner ?? 0) }}">
                            <input type="hidden" name="id_owner" value="{{ old('id_owner', $page_data->id_owner ?? 0) }}">
                            <input type="hidden" name="type_ven_aff" value="{{ old('type_ven_aff', $page_data->type_ven_aff ?? 1) }}">
                            <input type="hidden" name="type_ven_aff_current" value="{{ old('type_ven_aff', $page_data->type_ven_aff ?? 1) }}">
                            <input type="hidden" name="amount" value="{{ old('amount', $page_data->amount ?? 1) }}">
                            
                            
                            @if ($page_data->type_ven_aff == 2)
                            	                            	<input type="hidden" name="stage_aff" value="{{ old('stage_aff', $page_data->stage_aff ?? '') }}">
                                <input type="hidden" name="current_stage_aff" value="{{ old('stage', $page_data->stage_aff ?? '0') }}">
                                <div class="row">
                                    <div class="btn-group btn-group-rounded btn-block col-md-10" role="group">
                                        @foreach (config('defines.opportunity_stage_aff_select') as $data_k => $data_v)
                                            {!! $page_data->StageButton($data_k, $data_v) !!}
                                        @endforeach
                                    </div>
                                    <div class="col-md-2 mt-5">
                                        @if ($canEdit)
                                            <button class="btn btn-sm btn-primary w-150p float-right" type="submit">Update Stage</button>
                                        @endif
                                    </div>
                                </div>
                                
                                <script type="text/javascript">
                                
                                    function OpportunityStageUpdate (stage) {
                                        
                                        var current_stage = {{ $page_data->stage_aff }};	
                                        
                                        $("[name=stage_aff]").val(stage);
                                        $('.stage_form_hold, .stage_text_hold').hide();
                                        $('.stage_form_hold_'+stage+', .stage_text_hold_' + stage).show();
                                        
                                        for (var i = 1; i <= 7; i++) {
                                            $('.button_stage_' + i).removeClass('btn-success');
                                            $('.button_stage_' + i).removeClass('btn-info');
                                            $('.button_stage_' + i).addClass('btn-outline-light');
                                        }
										
                                        for (var i = 1; i < stage; i++) {
											if (i <= 3) {
												$('.button_stage_' + i).removeClass('btn-outline-light');
												$('.button_stage_' + i).removeClass('btn-info');
												$('.button_stage_' + i).addClass('btn-success');
											}
                                        }
                                        
                                        $('.button_stage_' + stage).removeClass('btn-success');
                                        $('.button_stage_' + stage).removeClass('btn-outline-light');
										$('.button_stage_' + stage).removeClass('btn-danger');
                                        $('.button_stage_' + stage).addClass('btn-info');
										if (stage == 4) $('.button_stage_' + stage).addClass('btn-danger');
                                        
                                        $('.button_stage_' + current_stage).removeClass('btn-success');
                                        $('.button_stage_' + current_stage).removeClass('btn-outline-light');
                                        $('.button_stage_' + current_stage).removeClass('btn-info');
                                        $('.button_stage_' + current_stage).addClass('btn-outline-info');
                                        
                                    }
                                
                                </script>
                                
                                <div class="row mt-20">
                                    
                                	                                    
                                </div>
                            @else
                            	                                <input type="hidden" name="stage" value="{{ old('stage', $page_data->stage ?? '') }}">
                                <input type="hidden" name="current_stage" value="{{ old('stage', $page_data->stage ?? '0') }}">
                                <div class="row">
                                    <div class="btn-group btn-group-rounded btn-block col-md-10" role="group">
                                        @foreach (config('defines.opportunity_stage_select') as $data_k => $data_v)
                                            {!! $page_data->StageButton($data_k, $data_v) !!}
                                        @endforeach
                                    </div>
                                    <div class="col-md-2 mt-5">
                                        @if ($canEdit)
                                            <button class="btn btn-sm btn-primary w-150p float-right" type="submit">Update Stage</button>
                                        @endif
                                    </div>
                                </div>
                                
                                <script type="text/javascript">
                                
                                    function OpportunityStageUpdate (stage) {
                                        
                                        var current_stage = {{ $page_data->stage }};	
                                        
                                        $("[name=stage]").val(stage);
                                        $('.stage_form_hold, .stage_text_hold').hide();
                                        $('.stage_form_hold_'+stage+', .stage_text_hold_' + stage).show();
                                        
                                        for (var i = (current_stage + 1); i <= 6; i++) {
                                            $('.button_stage_' + i).removeClass('btn-success');
                                            $('.button_stage_' + i).removeClass('btn-info');
                                            $('.button_stage_' + i).addClass('btn-outline-light');
                                        }
                                        for (var i = 1; i < current_stage; i++) {
                                            $('.button_stage_' + i).removeClass('btn-outline-light');
                                            $('.button_stage_' + i).removeClass('btn-info');
                                            $('.button_stage_' + i).addClass('btn-success');
                                        }
                                        
                                        $('.button_stage_' + stage).removeClass('btn-success');
                                        $('.button_stage_' + stage).removeClass('btn-outline-light');
                                        $('.button_stage_' + stage).addClass('btn-info');
                                        
                                        $('.button_stage_' + current_stage).removeClass('btn-success');
                                        $('.button_stage_' + current_stage).removeClass('btn-outline-light');
                                        $('.button_stage_' + current_stage).removeClass('btn-info');
                                        $('.button_stage_' + current_stage).addClass('btn-outline-info');
                                        
                                    }
                                
                                </script>
                                
                                <div class="row mt-20">
                                    
                                    <div class="col-md-6 stage_form_hold stage_form_hold_4" {!! ($page_data->stage == 4) ? '' : 'style="display:none;"' !!}>
                                            
                                        <div class="form-group row">
                                            <label for="demographic" class="col-sm-4 col-form-label"><h6>Demographic <span title="What is the offer demographic? (IE: Women 40+, men/women 50+ interested in financial freedom, etc.)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3" placeholder="Demographic" name="demographic" id="demographic">{{ old('demographic', $page_data->demographic ?? '') }}</textarea>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row">
                                            <label for="geographic" class="col-sm-4 col-form-label"><h6>Geographic <span title="What is the offer's geographic restrictions? (IE: US traffic only, North American traffic only, all countries, etc.)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3" placeholder="Geographic" name="geographic" id="geographic">{{ old('geographic', $page_data->geographic ?? '') }}</textarea>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row">
                                            <label for="traffic_types_allowed" class="col-sm-4 col-form-label"><h6>Traffic Types Allowed <span title="IE: Email, native/display, PPC, SEO, etc." data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3" placeholder="Traffic Types Allowed" name="traffic_types_allowed" id="traffic_types_allowed">{{ old('traffic_types_allowed', $page_data->traffic_types_allowed ?? '') }}</textarea>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row">
                                            <label for="affiliates" class="col-sm-4 col-form-label"><h6>Affiliates <span title="Is this offer open to affiliates to promote?" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                   <select class="form-control" name="affiliates" id="affiliates">
                                                        @foreach (config('defines.yes_no_select') as $data_k => $data_v)
                                                            <option value="{{ $data_k }}"
                                                            {{ ( $data_k == old('affiliates', $page_data->affiliates ?? 0) ) ? 'selected' : '' }}
                                                            >{{ $data_v }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row">
                                            <label for="digi_sales_page" class="col-sm-4 col-form-label"><h6>Digistore24 Sales Page <span title="Sales Page(s) URL(s)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3" placeholder="Digistore24 Sales Page" name="digi_sales_page" id="digi_sales_page">{{ old('digi_sales_page', $page_data->digi_sales_page ?? '') }}</textarea>
                                            </div>
                                        </div>
                                            
                                    </div>
                                    
                                    <div class="col-md-6 stage_form_hold stage_form_hold_5" {!! ($page_data->stage == 5) ? '' : 'style="display:none;"' !!}>
                                    
                                        <div class="form-group row">
                                            <label for="loss_reason" class="col-sm-4 col-form-label"><h6>Loss Reason</h6></label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                   <select class="form-control" name="loss_reason" id="loss_reason">
                                                        @foreach (config('defines.loss_reason_select') as $data_k => $data_v)
                                                            <option value="{{ $data_k }}"
                                                            {{ ( $data_k == old('loss_reason', $page_data->loss_reason ?? 0) ) ? 'selected' : '' }}
                                                            >{{ $data_v }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                            
                                    </div>
                                    
                                    <div class="col-md-6 stage_form_hold stage_form_hold_6" {!! ($page_data->stage == 6) ? '' : 'style="display:none;"' !!}>
                                        
                                        <div class="form-group row">
                                            <label for="sandbox-container" class="col-4 col-form-label">
                                                <h6 class="mb-5 click-copy">Close Date*</h6></label>
                                            <div class="col-8">
                                                <div class="input-group date">
                                                    <input type="text" name="date_to" class="form-control date_to" value="" autocomplete="off" readonly="readonly" />
                                                    <input type="hidden" name="date_to_alt" value="">
                                                    <script type="text/javascript">
                                                        var date_to_global = "{{ old('date_close', $page_data->date_close ?? now()) }}";
                                                    </script>
                                                </div>
                                            </div>
                                        </div>
                                    
                                        <div class="form-group row">
                                            <label for="amount" class="col-sm-4 col-form-label"><h6>Amount* <span title="Projected Sales" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">$</span>
                                                    </div>
                                                    <input type="text" class="form-control clean_number" id="amount" placeholder="Amount" name="amount" value="{{ old('amount', $page_data->amount ?? '0') }}" required />
                                                </div>
                                            </div>
                                        </div>
                                            
                                    </div>
                                    
                                    <div class="col-md-6">
                                    
                                        <div class="stage_text_hold stage_text_hold_1" {!! ($page_data->stage == 1) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <strong>Submit product(s) for Compliance pre-approval.</strong>
                                            <br /><br />
                                            <ul class="list-ul">
                                            <li>Ensure all information is accurately entered in the Opportunity.</li>
                                            <li>Upload any relevant information for the Compliance team under "Files" (Example: lables/COA, VSL transcript).</li>
                                            <li>Once ready, ping your assigned Compliance Officer in Slack.</li>
                                            </ul>
                                        </div>
                                        
                                        <div class="stage_text_hold stage_text_hold_2" {!! ($page_data->stage == 2) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <strong>When the product has been pre-approved by Compliance the Opportunity moves into the Qualification stage.</strong>
                                            <br /><br />
                                            The next step is to then send the Onboarding Form to the vendor: <a href="https://onboarding.form.ds24rcvrs.com/">https://onboarding.form.ds24rcvrs.com/</a>
                                        </div>
                                        
                                        <div class="stage_text_hold stage_text_hold_3" {!! ($page_data->stage == 3) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <strong>Once the Onboarding Form has been submitted the Opportunity moves into the Onboarding phase.</strong>
                                            <br /><br />
                                            The product is now with the Onboarding team to build out the sales funnel.
                                        </div>
                                        
                                        <div class="stage_text_hold stage_text_hold_4" {!! ($page_data->stage == 4) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <strong>In the Live Testing phase we actively test the offer on the Digistore24 platform.</strong>
                                            <br /><br />
                                            In order for the Growth Management team to promote the product, the following information also needs to be added:
                                            <ol class="list-ol">
                                            <li>Product demographic.</li>
                                            <li>Product geographic.</li>
                                            <li>Traffic types allowed.</li>
                                            <li>Affiliates allowed to promote? Y/N.</li>
                                            <li>Sales Page URL</li>
                                            <li>Affiliate Page URL</li>
                                            <li>Commission amount.</li>
                                            </ol>
                                        </div>
                                        
                                        <div class="stage_text_hold stage_text_hold_5" {!! ($page_data->stage == 5) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <strong>Revise techniques to increase future wins.</strong>
                                            <br /><br />
                                            What contributed to losing this opportunity?
                                            <ul class="list-ul">
                                            <li>List Loss Reason.</li>
                                            <li>What do we need to do differently to improve our chances of winning?</li>
                                            <li>If Opportunity has a chance of re-opening, schedule a follow-up task or event for this account.</li>
                                            </ul>
                                        </div>
                                        
                                        <div class="stage_text_hold stage_text_hold_6" {!! ($page_data->stage == 6) ? '' : 'style="display:none;"' !!}>
                                            <h5>Guidance for Success</h5>
                                            <br />
                                            <img src="/images/rtaImage.gif" />
                                        </div>
    
                                    </div>
                                    
                                </div>
                            @endif
                            
                        </form>
                        
                        </section>
                	</div>
                </div>
            @endif

            <div class="row">
            
                <div class="col-xl-{{ (($iframe_chk == 0)) ? '6' : '12' }} {{ (($id == 0)) ? 'offset-xl-3' : '' }}">
        
                    <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('sales.opportunities.update', $id) }}" method="post">
                            @csrf
        					<input type="hidden" name="iframe_chk" value="{{ $iframe_chk }}">
                            <input type="hidden" name="current_stage" value="{{ old('stage', $page_data->stage ?? '0') }}">
                            <input type="hidden" name="current_stage_aff" value="{{ old('stage_aff', $page_data->stage_aff ?? '0') }}">
                            <input type="hidden" name="id_account_predefined" value="{{ $id_account }}">
                            <input type="hidden" name="id_contact_predefined" value="{{ $id_contact }}">
                            <input type="hidden" name="id_owner_old" value="{{ old('id_owner', $page_data->id_owner ?? 0) }}">
                            <input type="hidden" name="type_ven_aff_current" value="{{ old('type_ven_aff', $page_data->type_ven_aff ?? 1) }}">
                            
                            <div class="invoice-from-wrap">
                                
                                <div class="form-group row">
                                    <label for="name" class="col-sm-4 col-form-label"><h6>Opportunity Name*</h6></label>
                                    <div class="col-sm-8">
                                    	<div class="input-group">
                                            <input type="text" class="form-control" id="name" placeholder="Opportunity Name" name="name" value="{{ old('name', $page_data->name ?? '') }}" required />
                                            @if ($id == 0)
                                                <div class="input-group-append">
                                                    <a href="javascript: void(0);" onclick="OpportunitiesNameChk();" class="btn btn-primary">check</a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                
                                @if ($id == 0)
                                    <div class="form-group row">
                                        <label for="id_account" class="col-sm-4 col-form-label"><h6>Account Name</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="id_account" autocomplete="off" name="id_account" value="" />
                                            <input type="hidden" name="id_account_type" id="id_account_type" value="accounts">
                                        </div>
                                    </div>
                                @endif
                                
                                <div class="form-group row">
                                    <label for="amount" class="col-sm-4 col-form-label"><h6>Amount* <span title="Projected Sales" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">$</span>
                                            </div>
                                            <input type="text" class="form-control clean_number" id="amount" placeholder="Amount" name="amount" value="{{ old('amount', $page_data->amount ?? '0') }}" required />
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="sales_platform" class="col-sm-4 col-form-label"><h6>Sales Platform*</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="sales_platform" id="sales_platform" required>
                                                @foreach (config('defines.sales_platform_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('sales_platform', $page_data->sales_platform ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="sandbox-container" class="col-4 col-form-label">
                                        <h6 class="mb-5 click-copy">Close Date*</h6></label>
                                    <div class="col-8">
                                        <div class="input-group date">
                                            <input type="text" name="date_to" class="form-control date_to" value="" autocomplete="off" readonly="readonly" />
                                            <input type="hidden" name="date_to_alt" value="">
                                            <script type="text/javascript">
                                                var date_to_global = "{{ old('date_close', $page_data->date_close ?? now()) }}";
                                            </script>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="type_ven_aff" class="col-sm-4 col-form-label"><h6>Type</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="type_ven_aff" id="type_ven_aff" onchange="StageSlectUpdate();">
                                                @foreach (config('defines.opportunity_type_ven_aff_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('type_ven_aff', $page_data->type_ven_aff ?? 1) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                @if ($id == 0)
                                    <div class="form-group row stage_holder">
                                        <label for="stage" class="col-sm-4 col-form-label"><h6>Stage*</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="form-control" name="stage" id="stage" required>
                                                    @foreach (config('defines.opportunity_stage_select') as $data_k => $data_v)
                                                        <option value="{{ $data_k }}"
                                                        {{ ( $data_k == old('stage', $page_data->stage ?? 0) ) ? 'selected' : '' }}
                                                        >{{ $data_v }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row stage_aff_holder" style="display:none;">
                                        <label for="stage_aff" class="col-sm-4 col-form-label"><h6>Stage*</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="form-control" name="stage_aff" id="stage_aff" required>
                                                    @foreach (config('defines.opportunity_stage_aff_select') as $data_k => $data_v)
                                                        <option value="{{ $data_k }}"
                                                        {{ ( $data_k == old('stage_aff', $page_data->stage_aff ?? 0) ) ? 'selected' : '' }}
                                                        >{{ $data_v }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                	<input type="hidden" name="stage" value="{{ old('stage', $page_data->stage ?? '0') }}">
                                    <input type="hidden" name="stage_aff" value="{{ old('stage_aff', $page_data->stage_aff ?? '0') }}">
                                @endif
                                
                                <div class="form-group row">
                                    <label for="lead_source" class="col-sm-4 col-form-label"><h6>Lead Source*</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="lead_source" id="lead_source" required>
                                                @foreach (config('defines.source_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('lead_source', $page_data->lead_source ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="id_owner" class="col-sm-4 col-form-label"><h6>Opportunity Owner</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="id_owner" autocomplete="off" name="id_owner" value="" />
                                        <input type="hidden" name="id_owner_type" id="id_owner_type" value="managers">
                                    </div>
                                </div>
                                
                                                                
                                <div class="form-group row">
                                    <label for="type" class="col-sm-4 col-form-label"><h6>Business Type</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="type" id="type">
                                                @foreach (config('defines.opportunity_type_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('type', $page_data->type ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="product_type" class="col-sm-4 col-form-label"><h6>Product Type</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="product_type" id="product_type">
                                                @foreach (config('defines.product_type_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('product_type', $page_data->product_type ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="description" class="col-sm-4 col-form-label"><h6>Description <span title="Product Description" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Description" name="description" id="description">{{ old('description', $page_data->description ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="demographic" class="col-sm-4 col-form-label"><h6>Demographic <span title="What is the offer demographic? (IE: Women 40+, men/women 50+ interested in financial freedom, etc.)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Demographic" name="demographic" id="demographic">{{ old('demographic', $page_data->demographic ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="geographic" class="col-sm-4 col-form-label"><h6>Geographic <span title="What is the offer's geographic restrictions? (IE: US traffic only, North American traffic only, all countries, etc.)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Geographic" name="geographic" id="geographic">{{ old('geographic', $page_data->geographic ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="traffic_types_allowed" class="col-sm-4 col-form-label"><h6>Traffic Types Allowed <span title="IE: Email, native/display, PPC, SEO, etc." data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Traffic Types Allowed" name="traffic_types_allowed" id="traffic_types_allowed">{{ old('traffic_types_allowed', $page_data->traffic_types_allowed ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="affiliates" class="col-sm-4 col-form-label"><h6>Affiliates <span title="Is this offer open to affiliates to promote?" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="affiliates" id="affiliates">
                                                @foreach (config('defines.yes_no_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('affiliates', $page_data->affiliates ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="exclusive_offer" class="col-sm-4 col-form-label"><h6>Exclusive Offer <span title="Is this offer exclusive to Digistore24?" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span> </h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="exclusive_offer" id="exclusive_offer">
                                                @foreach (config('defines.yes_no_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('exclusive_offer', $page_data->exclusive_offer ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="product_website" class="col-sm-4 col-form-label"><h6>Product Website</h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Product Website" name="product_website" id="product_website">{{ old('product_website', $page_data->product_website ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                                                
                                <div class="form-group row">
                                    <label for="priority" class="col-sm-4 col-form-label"><h6>Priority</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="priority" id="priority">
                                                @foreach (config('defines.priority_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('priority', $page_data->priority ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="loss_reason" class="col-sm-4 col-form-label"><h6>Loss Reason</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="loss_reason" id="loss_reason">
                                                @foreach (config('defines.loss_reason_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('loss_reason', $page_data->loss_reason ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="next_steps" class="col-sm-4 col-form-label"><h6>Next Steps</h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Next Steps" name="next_steps" id="next_steps">{{ old('next_steps', $page_data->next_steps ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="digi_sales_page" class="col-sm-4 col-form-label"><h6>Digistore24 Sales Page <span title="Sales Page(s) URL(s)" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Digistore24 Sales Page" name="digi_sales_page" id="digi_sales_page">{{ old('digi_sales_page', $page_data->digi_sales_page ?? '') }}</textarea>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="aff_page" class="col-sm-4 col-form-label"><h6>AFF Page <span title="Affiliate Support Page URL" data-toggle="tooltip" data-placement="top" style="cursor: pointer;" class="icon dripicons-question"></span></h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="aff_page" placeholder="AFF Page" name="aff_page" value="{{ old('aff_page', $page_data->aff_page ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="commission" class="col-sm-4 col-form-label"><h6>Commission</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="commission" placeholder="Commission" name="commission" value="{{ old('commission', $page_data->commission ?? '') }}" />
                                            <div class="input-group-append">
                                                <span class="input-group-text">%</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                @if ($id > 0)
                                    
                                    <hr class="mt-0">
                                    
                                    <div class="card card-profile-feed overflow-auto mh-200p">
                                    	
                                        <ul class="list-group list-group-flush">
											<li class="list-group-item border-top bg-light">
												<div class="media align-items-center">
                                                    <div class="media-body">
                                                        <span class="d-block text-dark text-capitalize font-weight-bold">List of Owners</span>
                                                    </div>
												</div>
											</li>
                                            @forelse ($owners_list as $data_k => $data_v)
                                            	<li class="list-group-item border-top">
                                                    <div class="media align-items-center">
                                                        <div class="media-body">
                                                            <span class="d-block"><a href="{{ route('sales.managers.view', $data_v->user_id) }}">{{ $data_v->user->name }}</a></span>
                                                        </div>
                                                        <span class="pr-5 font-13">{{ SetTimeZoneFormat($data_v->created_at, 'date_at_time') }}</span>
                                                    </div>
                                                </li>
                                            @empty
                                            	<div class="p-2 text-center">No data.</div>
                                            @endforelse
                                        </ul>
                                        
                                    </div>
                                    
                                    <hr class="mt-0">
                                    
                                    <div class="form-group row">
                                        <h6>Created By: <a href="{{ route('sales.managers.view', $page_data->id_created) }}">{{ $page_data->user_created->name }}</a>, {{ SetTimeZoneFormat($page_data->created_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <h6>Last Modified By: <a href="{{ route('sales.managers.view', $page_data->id_modified) }}">{{ $page_data->user_modified->name }}</a>, {{ SetTimeZoneFormat($page_data->updated_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                    <hr class="mt-0">
                                @endif
        
                                <div class="col-12 text-right">
        							@if ($iframe_chk == 0)
	                                    <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('sales.contacts') }}">Cancel / Back</a>
                                    @else
                                    	<a class="btn btn-sm btn-light mr-2 w-150p" href="javascript: void(0);" onclick="parent.closeModaliFrame();">Cancel</a>
                                    @endif
                                    @if ($canEdit)
                                    	<button class="btn btn-sm btn-primary w-150p save_button_hold" {{($id == 0) ? 'style=display:none;' : ''}} type="submit">Save</button>
        							@endif
                                </div>
        
                            </div>
        
                        </form>
        
                    </section>
        
                </div>
        		
                @if ($id > 0 && $iframe_chk == 0)
                    <div class="col-xl-6">
                    	{!! $page_data->SalesWidgets('tasks', 'opportunity') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunity_accounts') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunity_contacts') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunity_team') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunity_splits') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunities_onboardings') !!}
                        {!! $page_data->SalesWidgets('connection', 'opportunity_tags') !!}
                        {!! $page_data->SalesWidgets('notes', 'opportunity') !!}
                        {!! $page_data->SalesWidgets('files', 'opportunity') !!}
                    </div>
                @endif
        
            </div>

        </section>
    </div>
</div>
<!-- /Container -->

@endsection

@section('more_scripts')

    @include('sales_opportunities.edit-js')

@endsection