[{$smarty.block.parent}]

[{assign var='oConfig' value=$oView->getConfig()}]
[{assign var='blUseCustomizingDeliveryDate' value=$oConfig->getConfigParam('blUseCustomizingDeliveryDate')}]

[{if $blUseCustomizingDeliveryDate && $oxcmp_user &&  !$oxcmp_user->isB2bUser() && $oxcmp_basket->hasAnyForwarderArticles()}]

	[{assign var='oSession' value=$oView->getSession()}]
	[{assign var="oCurrency" value=$oConfig->getActShopCurrencyObject()}]
	[{assign var='sAddDays' value=$oConfig->getConfigParam('sAddDaysDefaultForForwarderCustomizingDelivery')}]
	[{assign var='sStartOfDeliveryDay' value=$oConfig->getConfigParam('sStartOfDeliveryDay')}]
	[{assign var='sEndOfDeliveryDay' value=$oConfig->getConfigParam('sEndOfDeliveryDay')}]
	[{assign var='fExtraCostsForForwarderDeliveryCallBack' value=$oConfig->getConfigParam('sExtraCostsForForwarderDeliveryCallBack')|@floatval}]
	[{assign var='sSessionVar' value='customSelectedDelivery'}]
	[{assign var='sSessionDateVar' value='customSelectedDeliveryDate'}]
	[{assign var='sSelectedTypeForShipping' value=$oSession->getVariable($sSessionVar)}]
	[{assign var='sSelectedDateForShipping' value=$oSession->getVariable('sapFirstDeliveryDate')}]
	[{assign var='sFormatedDate' value=$oViewConf->getDateFormated($sSelectedDateForShipping)}]
	[{assign var='sFormatDateNextDays' value=$oViewConf->getDateFormatedAddDays($sAddDays)}]

	[{assign var='aArgsForTranslation' value=','|explode:"$sFormatedDate,$sStartOfDeliveryDay,$sEndOfDeliveryDay" }]

	<div class="card">	
    <div class="card-header" id="shippingDateAndTime">
        <h5 class="mb-0"> 
            [{oxmultilang ident="SELECT_DELIVERYDATE"}]
        </h5>
    </div>  
    <div class="card-body">
			<div class="form-check">
				<input class="form-check-input" type="radio" name="dateForShipping" value="selectNormalDelivery" id="selectNormalDelivery"[{if $sSelectedTypeForShipping == 'selectNormalDelivery'}] checked[{/if}]>
				<label class="form-check-label" for="selectNormalDelivery">[{oxmultilang ident="OPTION_DEFAULT_DELIVERYDATE" args=$aArgsForTranslation }]</label>
			</div>
			[{if $oView->isZipAllowedToSetCustomizedDeliveryDate()}]
			<div class="form-check my-2">
				<input class="form-check-input" type="radio" name="dateForShipping" value="selectSpecialDateForDelivery" id="selectSpecialDateForDelivery"[{if $sSelectedTypeForShipping == 'selectSpecialDateForDelivery'}] checked[{/if}]>
				<label class="form-check-label" for="selectSpecialDateForDelivery">[{oxmultilang ident="OPTION_CUSTOMIZED_DELIVERYDATE"}]</label><br/>
				<input class="datepicker" data-provide="datepicker" value="[{$sFormatedDate}]" name="customeDate">
			</div>
			[{/if}]
			<div class="form-check">
				<input class="form-check-input" type="radio" name="dateForShipping" value="selectCallbackForDelivery" id="selectCallbackForDelivery"[{if $sSelectedTypeForShipping == 'selectCallbackForDelivery'}] checked[{/if}]>
				<label class="form-check-label" for="selectCallbackForDelivery">[{oxmultilang ident="OPTION_CALLBACK_DELIVERYDATE" suffix="COLON"}] [{oxprice price=$fExtraCostsForForwarderDeliveryCallBack currency=$oCurrency}]</label>
			</div>
		</div>
	</div>

	[{capture append='oxidBlock_pageScript'}]
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
		<script type="text/javascript">
		$('.datepicker').datepicker({
		    format: 'dd.mm.yyyy',
		    startDate: '+0d',//startdate anpassen fomratedDate
				daysOfWeekDisabled: [0,6],
				todayBtn: false,
				language: 'de-DE'				
		});

		function setCustomerSelectDeliveryDate(type, date) {
        loc = window.location;
        $.ajax({
          type: 'POST',
          url: loc.protocol + "//" + loc.hostname + "/index.php?cl=payment&fnc=setCustomerSelectDeliveryDate&type=" + type +"&customeDate=" + date,
          dataType: 'json',
          data: {
			customeDate: date
          },
          complete: function(data) {
            return data;
          },
          error: function() {
            return false;
          }
        });
      }

	  let dateForShipping = $('input[name="dateForShipping"]').val();
      $('input[name="dateForShipping"]').on('click', function(){
		  dateForShipping = $(this).val();
          setCustomerSelectDeliveryDate($(this).val(), $('input[name="customeDate"]').val());
      });

      $('input[name="customeDate"]').on('change', function(){
          setCustomerSelectDeliveryDate(dateForShipping, $(this).val());
      });
		</script>
	[{/capture}]

[{/if}]