@php
	switch ($promo_source) {
		case 'promo_campaign':
			$data_promo = $result;
			$data_promo['end_period'] = $data_promo['date_end'];
			$data_promo['start_period'] = $data_promo['date_start'];
			$data_promo['publish_end_period'] = null;
			$data_promo['expiry_date'] = null;
			$data_promo['expiry_duration'] = null;
			break;
		
		case 'deals':
			$data_promo = $deals;
			$data_promo['end_period'] = $data_promo['deals_end'];
			$data_promo['start_period'] = $data_promo['deals_start'];
			$data_promo['publish_end_period'] = $data_promo['deals_publish_end'];
			$data_promo['publish_start_period'] = $data_promo['deals_publish_start'];
			$data_promo['expiry_date'] = $data_promo['deals_voucher_expired'];
			$data_promo['expiry_duration'] = $data_promo['deals_voucher_duration'];
			break;

		case 'subscription':
			$data_promo = $subscription;
			$data_promo['end_period'] = $data_promo['subscription_end'];
			$data_promo['start_period'] = $data_promo['subscription_start'];
			$data_promo['publish_end_period'] = $data_promo['subscription_publish_end'];
			$data_promo['publish_start_period'] = $data_promo['subscription_publish_start'];
			$data_promo['expiry_date'] = $data_promo['subscription_voucher_expired'];
			$data_promo['expiry_duration'] = $data_promo['subscription_voucher_duration'];
			break;

		default:
			$data_promo = [];
			break;
	}
@endphp

@section('extend-period-form')
<a data-toggle="modal" href="#extend-period" class="btn btn-primary" style="float: right; margin-right: 5px">Extend Period</a>
{{-- Extend Period Modal --}}
<div id="extend-period" class="modal fade bs-modal-sm" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
        	<form action="{{ url('promo-campaign/extend-period') }}" method="post">
        		{{ csrf_field() }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Extend Period</h4>
                </div>
                <div class="modal-body" style="padding-top: 0;padding-bottom: 0">
                    <div class="row">
	                    {{-- End Periode --}}
	                    @if ( (isset($data_promo['deals_type']) && ($data_promo['deals_type'] == "Deals" || $data_promo['deals_type'] == "WelcomeVoucher")) 
	                    	|| (isset($data_promo['id_subscription'])) 
	                    	|| (isset($data_promo['id_promo_campaign'])) 
	                    )
	                    <div class="form-group">
	                        <label class="control-label"> Start Periode <span class="required" aria-required="true"> * </span> </label>
	                        <div class="">
	                            <div class="input-icon right">
	                                <div class="input-group">
	                                    <input type="text" class="extend_period_datetime form-control" name="start_period" value="{{ !empty($data_promo['start_period']) || old('start_period') ? date('d-M-Y H:i', strtotime(old('start_period')??$data_promo['start_period'])) : ''}}" required autocomplete="off">
	                                    <span class="input-group-btn">
	                                        <button class="btn default" type="button">
	                                            <i class="fa fa-calendar"></i>
	                                        </button>
	                                    </span>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="control-label"> End Periode <span class="required" aria-required="true"> * </span> </label>
	                        <div class="">
	                            <div class="input-icon right">
	                                <div class="input-group">
	                                    <input type="text" class="extend_period_datetime form-control" name="end_period" value="{{ !empty($data_promo['end_period']) || old('end_period') ? date('d-M-Y H:i', strtotime(old('end_period')??$data_promo['end_period'])) : ''}}" required autocomplete="off">
	                                    <span class="input-group-btn">
	                                        <button class="btn default" type="button">
	                                            <i class="fa fa-calendar"></i>
	                                        </button>
	                                    </span>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    @endif

	                    {{-- Publish End Periode --}}
	                    @if ( (isset($data_promo['deals_type']) && $data_promo['deals_type'] == "Deals") 
	                    	|| (isset($data_promo['subscription_type']) && $data_promo['subscription_type'] == "subscription")
	                    )
	                    <div class="form-group">
	                        <label class="control-label"> Publish Start Periode <span class="required" aria-required="true"> * </span> </label>
	                        <div class="">
	                            <div class="input-icon right">
	                                <div class="input-group">
	                                    <input type="text" class="extend_period_datetime form-control" name="publish_start_period" value="{{ !empty($data_promo['publish_start_period']) || old('publish_start_period') ? date('d-M-Y H:i', strtotime(old('publish_start_period') ?? $data_promo['publish_start_period'])) : '' }}" required autocomplete="off">
	                                    <span class="input-group-btn">
	                                        <button class="btn default" type="button">
	                                            <i class="fa fa-calendar"></i>
	                                        </button>
	                                    </span>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <label class="control-label"> Publish End Periode <span class="required" aria-required="true"> * </span> </label>
	                        <div class="">
	                            <div class="input-icon right">
	                                <div class="input-group">
	                                    <input type="text" class="extend_period_datetime form-control" name="publish_end_period" value="{{ !empty($data_promo['publish_end_period']) || old('publish_end_period') ? date('d-M-Y H:i', strtotime(old('publish_end_period') ?? $data_promo['publish_end_period'])) : '' }}" required autocomplete="off">
	                                    <span class="input-group-btn">
	                                        <button class="btn default" type="button">
	                                            <i class="fa fa-calendar"></i>
	                                        </button>
	                                    </span>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    @endif

	                    @if ( (isset($data_promo['deals_type']) && $data_promo['deals_type'] == "Deals") 
	                    	|| (isset($data_promo['subscription_type']) && $data_promo['subscription_type'] == "subscription")
	                    )
	                    <div class="form-group">
	                        <label class="control-label"> {{ ucfirst($promo_source) }} Expiry <span class="required" aria-required="true"> * </span> </label>
	                        <div class="">
	                            <div class="input-icon right">
	                                <div class="input-group">
	                                    <select class="form-control" name="expiry" required>
					                        <option value="" disabled 
					                            @if ( old('expiry')) 
					                                @if ( old('expiry')== "" ) 
					                                    selected 
					                                @endif
					                            @elseif ( empty($data_promo['expiry_date']) && empty($data_promo['expiry_duration']) ) 
					                                selected 
					                            @endif>Select Expiry</option>
					                        <option value="dates" 
					                            @if ( old('expiry')) 
					                                @if ( old('expiry')== "dates" ) 
					                                    selected 
					                                @endif
					                            @elseif ( !empty($data_promo['expiry_date']) ) 
					                                selected 
					                            @endif>By Date</option>
					                        <option value="duration" 
					                            @if ( old('expiry')) 
					                                @if ( old('expiry')== "duration" ) 
					                                    selected 
					                                @endif
					                            @elseif ( !empty($data_promo['expiry_duration']) ) 
					                                selected 
					                            @endif>Duration</option>
					                    </select>
	                                </div>
	                            </div>
	                        </div>
	                    </div>

	                    <div class="form-group">
	                        <div class="">
	                            <div class="input-icon right">
	                            	<div class="voucherTime" id="expiry_date"
		                                @if ( old('expiry')) 
		                                    @if ( old('expiry') != "dates" ) 
		                                        style="display: none;"
		                                    @endif
		                                @elseif ( empty($data_promo['expiry_date']) )
		                                    style="display: none;"
		                                @endif>
		                                <div class="input-group">
		                                    <input type="text" class="extend_period_datetime form-control" name="expiry_date" value="{{ !empty($data_promo['expiry_date']) || old('expiry_date') ? date('d-M-Y H:i', strtotime(old('expiry_date') ?? $data_promo['expiry_date'])) : '' }}" autocomplete="off">
		                                    <span class="input-group-btn">
		                                        <button class="btn default" type="button">
		                                            <i class="fa fa-calendar"></i>
		                                        </button>
		                                    </span>
		                                </div>
		                            </div>
	                            </div>
	                        </div>
	                    </div>

	                    <div class="form-group">
	                        <div class="">
	                            <div class="input-icon right">
	                            	<div class="voucherTime" id="expiry_duration" 
		                                @if ( old('expiry'))
		                                    @if ( old('expiry') != "duration" )
		                                        style="display: none;"
		                                    @endif
		                                @elseif ( empty($data_promo['expiry_duration']) )
		                                    style="display: none;"
		                                @endif>
		                                <div class="input-group">
		                                    <input type="text" min="1" class="form-control duration datesOpp digit-mask-minimum-1" name="expiry_duration" value="{{ old('expiry_duration')??$data_promo['expiry_duration']??'' }}" autocomplete="off">
					                        <span class="input-group-addon">
					                            day after claimed
					                        </span>
		                                </div>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                    <input type="hidden" value="{{ $data_promo['id_deals'] ?? null }}" name="id_deals" />
                    <input type="hidden" value="{{ $data_promo['id_promo_campaign'] ?? null }}" name="id_promo_campaign" />
                    <input type="hidden" value="{{ $data_promo['id_subscription'] ?? null }}" name="id_subscription" />
                    <button type="submit" class="btn green">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('extend-period-script')
	<script type="text/javascript">
		$(".extend_period_datetime").datetimepicker({
	        format: "d-M-yyyy hh:ii",
	        autoclose: true,
	        todayBtn: true,
	        minuteStep:1
	    });

	    /* EXPIRY */
        $('select[name=expiry]').change(function() {
            nilai = $('select[name=expiry] option:selected').val();

            if (nilai == 'duration') {
            	$('#expiry_date').hide();
            	$('#expiry_duration').show();
            	$('input[name=expiry_date]').hide().removeAttr('required');
            	$('input[name=expiry_duration').show().prop('required', true);
            }else{
            	$('#expiry_date').show();
            	$('#expiry_duration').hide();
            	$('input[name=expiry_duration').hide().removeAttr('required');
            	$('input[name=expiry_date]').show().prop('required', true);
            }
        });

        $('.digit-mask-minimum-1').inputmask({
            removeMaskOnSubmit: true, 
            placeholder: "",
            alias: "currency", 
            digits: 0, 
            rightAlign: false,
            min: 1,
            max: 999999999
        });

        $(document).ready(function() {
        	$('select[name=expiry]').change();
        });
	</script>
@endsection