{% extends "@Flexy/FrontBundle/Themes/Mutaweef/templates/layout.html.twig"  %}


{% block stylesheets %}

	{{parent()}}
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css" integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

{% endblock %}

{% block body %}


    <style>


    .pay-with-wallet .item{
        padding:10px 7px;
        margin:0 10px;
        font-weight:bold;
        background:#45dae9;
        color:white;
        border-radius:50px;
        text-align:center;
        font-size:14px;
    }
    .pay-with-wallet .item.selected{
        
        background:#febc4a;
    }

    .tips-shipping-agent .item{
        padding:10px 15px;
        margin:0 10px;
        font-weight:bold;
        background:#45dae9;
        color:white;
        border-radius:50px;
        text-align:center;
    }
    .tips-shipping-agent .item.selected{
        
        background:#febc4a;
    }


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    background:#d5d5d5;
}

.owl-dots {
     bottom:-35px; 
}
	.choices-shipping{
		font-size:13px;
    }
   .choices-shipping div div {
    /* border: 2px dotted #ccc; */
    padding: 20px;
    background: #f2f2f2;
}

    .choices-shipping div div.active {
    background-color: #45dae9;
    border-color: #29cedf;
    color: white;
}
	
	.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 500px;
    pointer-events: none!important;
    letter-spacing: normal;
    z-index: 9000!important;
}

.jq-icon-warning {
    
    background-color: #9a0062;
}
    </style>

	<div 
		class="body-wrapper" >

		<!-- Begin Li's Breadcrumb Area -->
		<div class="breadcrumb-area">
			<div class="container">
				<ul id="progressbar">
					<li class="active">Livraison
					</li>
					<li>Paiement et coordonnées</li>
					<li>Resumé</li>
				</ul>
			</div>
		</div>
		<!-- Li's Breadcrumb Area End Here -->
		<!--Shopping Cart Area Strat-->
		<div class="Shopping-cart-area pt-60 pb-60">
			<div class="container">
				<div class="row ">
					<div class="col-12">
						<form action="#">
							<div class="table-content table-responsive d-none">
								<table class="table table-striped">
									<thead>
										<tr>
											<th class="li-product-remove">Supprimer</th>
											<th class="li-product-thumbnail">images</th>
											<th class="cart-product-name">Product</th>
											<th class="li-product-price">Prix unitaire</th>
											<th class="li-product-quantity">Quantité</th>
											<th class="li-product-subtotal">Total</th>
										</tr>
									</thead>
									<tbody
										class="cart"><!-- LocalStorage Cart Items -->
									</tbody>
								</table>
							</div>
							<div class="row d-none">
								<div class="col-12">
									<div class="coupon-all">
										<div class="coupon">
											<input id="coupon_code" class="input-text" name="coupon_code" value="" placeholder="Coupon code" type="text">
											<input class="button" name="apply_coupon" value="Appliquer un coupon" type="submit">
										</div>
										<div class="coupon2">
											<input class="button destroy-cart" value="Vider le panier" type="button">
										</div>
									</div>
								</div>
							</div>


                                                

							<div class="row">


								<div class="col-md-7 ">

                                    <div class="row choices-shipping" style="margin-bottom:40px;">
											{% for singleShippingMethod in shippingMethods %}
                                                <div class="col-6 mt-4" >
                                                   <div data-id="{{singleShippingMethod.id}}" class="shippingMethod {% if singleShippingMethod == shippingMethods|first %}active{% endif %}">
                                                     <h4>{{singleShippingMethod.name}}</h4>
                                                    <ul>
                                                    <li>
														{% set shippingDurationValue = singleShippingMethod.shippingDuration %}
														{% set shippingDurationUnit = "H" %}
													{% if shippingDurationValue < 1 %}
														{% set shippingDurationValue = 60 * singleShippingMethod.shippingDuration  %}
														{% set shippingDurationUnit = "Min" %}
													{% endif %}
													Temps d’attente du Mutaweef <span class="float-right slot">{{shippingDurationValue}} {{shippingDurationUnit}}</span></li>
                                                    <li class="d-none">Livraison <span class="float-right">Disponible</span></li>
                                                    <li>Livraison en <span class="float-right">{{singleShippingMethod.processingDuration}} heures</span></li>
													{% if singleShippingMethod.shippingRules|length > 0 %}
                                                    <li>Commande minimum <span class="float-right">{{singleShippingMethod.shippingRules|first.min}}  MAD	</span></li>
													{% endif %}
                                                </ul>
                                                   </div>

												
                                                </div>
												{% endfor %}
                                                
                                            </div>
									<div class="row" >
									<div class="item aos-init aos-animate  col-6" id="accordionRecovery" data-aos="fade-up">
										<h6>Informations de récupération</h6>
										<div class="bg-white">
											<div class="row">
												<div class="box col-sm-5 col-md-12 col-lg-5">
													<label>Date</label>
													<div class="d-flex">
														<input type="text" class="form-control datedropper chooseDate"  data-dd-min-date="{{"now"|date('Y/m/d')}}" value="{{"now"|date('Y/m/d')}}" name="startProcessingAt"    />
														
													</div>
												</div>
												<div class="box col-sm-7 col-md-12 col-lg-7">
													<label>Heure</label>
													<span id="recovery_slot">
														<select id="receive_time" class="custom-select custom-select-recieve" name="collectTime" data-day="0">
															<option value="08:00" >Sélectionner un crénau</option>
														</select>
													</span>
												</div>
											</div>
											
											<div class="row justify-content-center">
												<div class="form-group box col-sm-12">
													<label>
														<b>Adresse de récupération</b>
													</label>
													<!-- Button trigger modal -->
													<div class="pointer position-relative input-group change-address" data-toggle="modal" data-target="#editAddressModal" data-access="collect_address">
														<input type="text" id="collect_address" name="collect_address" value="Maarif, Casablanca, Maroc" class="form-control w-100" >
														
													</div>
												</div>
											</div>

										</div>


									</div>

									<div class="item aos-init aos-animate col-6" id="accordionRecovery" data-aos="fade-up">
										<h6>Informations de livraison</h6>
										<div class="bg-white"> 
                                            
											<div class="row">
												<div class="box col-sm-5 col-md-12 col-lg-5">
													<label>Date</label>
													<div class="d-flex">
														<input type="text" class="form-control datedropper chooseDate"  name="startDeliveryAt" value="{{"now"|date('Y/m/d')}}"   />
														
													</div>
												</div>
												<div class="box col-sm-7 col-md-12 col-lg-7">
													<label>Heure</label>
													<span id="recovery_slot">
														<select id="receive_time" class="custom-select custom-select-recieve" name="shippingTime" data-day="0">
															<option value="08:00" >Sélectionner un crénau</option>
														</select>
													</span>
												</div>
											</div>
											
											<div class="row justify-content-center">
												<div class="form-group box col-sm-12">
													<label>
														<b>Adresse de livraison</b>
													</label>
													<!-- Button trigger modal -->
													<div class="pointer position-relative input-group change-address" data-toggle="modal" data-target="#editAddressModal" data-access="shipping_address">
														<input type="text" id="shipping_address" name="shipping_address" value="Maarif, Casablanca, Maroc" class="form-control w-100 " >
														
													</div>
												</div>
											</div>

										</div>


									</div>

                                    <div class="col-12 mt-5" >
                                        <h6>Pourboire pour le livreur</h6>
                                        <div class="owl-carousel tips-shipping-agent d-none mt-4">
                                        <div data-value="0" class="item selected"> 0 DH</div>
                                            <div data-value="10" class="item"> 10 DH</div>
                                            <div data-value="15" class="item"> 15 DH </div>
                                            <div data-value="20" class="item"> 20 DH </div>
                                            <div data-value="30" class="item"> 30 DH </div>
                                            <div data-value="40" class="item"> 40 DH </div>
                                            <div data-value="50" class="item"> 50 DH </div>
                                            <div data-value="100" class="item"> 100 DH </div>
                                            </div>

                                    </div>
                                    {% if is_granted("ROLE_CUSTOMER") and customer != null %}
                                    <div class="col-12 mt-5" >
                                        <h6>Payer avec ma wallet {{customer.credit}} DH</h6>
                                        <div class="owl-carousel pay-with-wallet d-none mt-4">
                                            {% if customer.credit > 0 %}
                                            {% set counterCredit = 0 %}
                                                    {% for i in 0..totalCart %}
                                                        {% if
                                                         (customer.credit >= i and customer.credit <= totalCart) or
                                                         (customer.credit >= i and customer.credit >= totalCart)
                                                         %}
                                                            <div data-value="{{i}}" class="item"> {{i}} DH</div>
                                                            {% set counterCredit = counterCredit + i %}
                                                         {% endif %}
                                                
                                            {% endfor %}
                                            {% endif %}
                                            
                                            
                                            </div>

                                    </div>
                                    {% endif %}
									</div>


									



                                    <hr>

                                    
								</div>

								 <div class="col-lg-5 col-12">
                            <div class="your-order">
                                <h3>Votre commande</h3>

                                <div class="shipping" >
                               
                                </div>


                                <div class="your-order-table table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th class="cart-product-name">Produit</th>
                                                <th class="cart-product-total">Total</th>
                                            </tr>
                                        </thead>
                                        <tbody class="cart-checkout">

 
                                        </tbody>
                                        <tfoot>
                                            <tr class="cart-subtotal">
                                                <th>Sous total</th>
                                                <td><span class="amount total-checkout total">0,00 MAD </span></td>
                                            </tr>
											<tr class="cart-subtotal promo">
                                                <th>Reduction coupon</th>
                                                <td><span class="amount codepromo">0,00 MAD </span></td>
                                            </tr>
                                            <tr class="cart-subtotal">
                                                <th>Paiement par wallet</th>
                                                <td><span class="amount wallet-payment">0,00 MAD </span></td>
                                            </tr>
                                            <tr class="cart-subtotal">
                                                <th>Pourboire pour le livreur</th>
                                                <td><span class="amount shipping-tips">0,00 MAD </span></td>
                                            </tr>
                                            
											<tr class="cart-subtotal">
                                                <th>Frais de livraison</th>
                                                <td><span class="amount shipping-method-fees">0,00 MAD </span></td>
                                            </tr>
                                            <tr class="order-total">
                                                <th>Montant á payer</th>
                                                <td><strong><span class="amount total-checkout total-to-pay ">0,00 MAD</span></strong></td>
                                            </tr>
											
                                            <tr>
                                                <td><a href="#" class="save-button">Continuer</a></td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    
                                </div>
                                
                            </div>
                        </div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--Shopping Cart Area End-->

	</div>
	<!-- Body Wrapper End Here -->
{% endblock %}




{% block javascripts %}
    {{parent()}}
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFliT4Ug0Ugto5davRC7krsyMhTfkI-L4&libraries=places"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js" integrity="sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="{{asset('flexy/js/datedropper/datedropper-javascript.js')}}"></script>
<script src="{{asset('flexy/js/datedropper/datedropper-javascript-lang-FR.js')}}"></script>



    <script>
	document.addEventListener("turbo:load", function() {

new dateDropper({
  lang:"fr",
  //format: "dd/m/y",
  selector: "input[name='startProcessingAt']",
  minDate: "{{"yesterday"|date("Y-m-d")}}",
  //autoFill:false,
  expandable: true,
  onChange: function (res) {
    $("input[name='startProcessingAt']").trigger("change");
  }
});
new dateDropper({
  lang:"fr",
  //format: "dd/m/y",
  selector: "input[name='startDeliveryAt']",
  //autoFill:false,
  expandable: true,
  onChange: function (res) {
    $("input[name='startProcessingAt']").trigger("change");
  }
});
$(document).ready(function(){  
    
  $(".tips-shipping-agent").owlCarousel({
    dots:true,
    items:5,
    nav:false,
    onChanged:function(){
        $(".tips-shipping-agent").removeClass("d-none");
    }
  });

  $(".pay-with-wallet").owlCarousel({
    dots:true,
    items:7,
    nav:false,
    onChanged:function(){
        $(".pay-with-wallet").removeClass("d-none");
    }
  });
  
  $(".tips-shipping-agent .item").click(function(){
    $(".tips-shipping-agent .item").removeClass("selected");
     $(this).addClass("selected");
     shippingTips = parseFloat($(this).attr("data-value"));
     
     $(".shipping-tips").html( (shippingTips) + " DH");
     $(".total-to-pay").html(((total) - (amount) - (reductionCoupon) - (walletPayment)) + (shippingFees) + (shippingTips) + " DH");
  });

    $(".pay-with-wallet .item").click(function(){
    $(".pay-with-wallet .item").removeClass("selected");
     $(this).addClass("selected");
     walletPayment = parseFloat($(this).attr("data-value"));
     
     $(".wallet-payment").html( (walletPayment) + " DH");
     $(".total-to-pay").html( ((total) - (amount) - (reductionCoupon) - (walletPayment)) + (shippingFees) + (shippingTips) + " DH");
  });


       var inputCollectAddress = document.getElementById('collect_address');
	   var inputShippingAddress = document.getElementById('shipping_address');
       
var options = {
  //types: ['(cities)'],
  componentRestrictions: {country: 'ma'}
};
var autocompleteCollect = new google.maps.places.Autocomplete(inputCollectAddress, options);
var autocompleteShipping = new google.maps.places.Autocomplete(inputShippingAddress, options);
google.maps.event.addListener(autocompleteCollect, 'place_changed', function() {
    
    console.log(autocompleteCollect.getPlace().geometry.location.lng());
    var lng = autocompleteCollect.getPlace().geometry.location.lng();
    var lat = autocompleteCollect.getPlace().geometry.location.lat();

    
});
google.maps.event.addListener(autocompleteShipping, 'place_changed', function() {
    
    console.log(autocompleteShipping.getPlace().geometry.location.lng());
    var lng = autocompleteShipping.getPlace().geometry.location.lng();
    var lat = autocompleteShipping.getPlace().geometry.location.lat();

    
});
    
    $(".choices-shipping div div").click(function(){
        
            $(".choices-shipping div div").removeClass("active");
            $(this).addClass("active");
        
			total = cartLS.total();
			var value = $(this).val();
			//shippingFees = parseFloat($(this).find(":selected").attr("data-price")) ;
			//$(".shipping-method-fees").html(shippingFees+ " DH");
			//$(".total-to-pay").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + " DH");
			//$("#cash").trigger("keyup");
			$("input[name='startDeliveryAt']").val($("input[name='startProcessingAt']").val());
			$("input[name='startProcessingAt']").trigger("change");
    });
	$(".save-button").click(function(){
    
                        
                        
$.ajax({
                            url:"{{path('pos_cart_checkout')}}",
                            method:"POST",
                            data:{
                                
                                
								orderItems: cartLS.list(),
                                shippingMethod:$(".shippingMethod.active").attr("data-id"),
                                deliveryType:"collecte-and-delivery",
                                
                                
                                //reduction:$("#reduction").val(),
                                //payedAmount:$("#cash").val(),
                                startProcessingAt: $("input[name=startProcessingAt]").val()+" "+$("select[name='collectTime']").find("option:selected").val(),
                                startDeliveryAt:$("input[name=startDeliveryAt]").val(),
								shippingAddress:$("input[name=shipping_address]").val(),
                                collectAddress:$("input[name=collect_address]").val(),
                                shippingTips:parseFloat($(".tips-shipping-agent .item.selected").attr("data-value")),
                                walletPaymentAmount:parseFloat($(".pay-with-wallet .item.selected").attr("data-value")),
                                isReadyForCheckout: true
                                
                            },
                            success:function(result){
 
                               if(result.status == "success");
							   window.location.href = "{{path('checkout')}}";
                            }
                        });                 
   
});
	$("input[name='startProcessingAt']").change(function(){
   
$.toast().reset('all');
    
                        
    $(".checkout-area").html("");
    
    var isWallet = 0;
    if($("#isWallet").is(':checked')){
        isWallet = 1;
    }
                        
$.ajax({
                            url:"{{path('pos_cart_checkout')}}",
                            method:"POST",
                            data:{
                                
                                orderItems: cartLS.list(),
                                shippingMethod:$(".shippingMethod.active").attr("data-id"),
                                deliveryType:$("select[name='delivery-type'] option:selected").val(),
                                distance:100,
                                
                                
                                //reduction:$("#reduction").val(),
                                //payedAmount:$("#cash").val(),
                                startProcessingAt: $("input[name=startProcessingAt]").val()+" "+$("select[name='collectTime']").find("option:selected").val(),
                                startDeliveryAt:$("input[name=startDeliveryAt]").val()+" "+$("select[name='shippingTime']").find("option:selected").val(),
                                isChooseDatePreview: true
                                
                            },
                            success:function(result){
                                
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-min-date",result.dataResponse.minDateShipping);
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-max-date","{{ "next year"| date('Y-m-d') }}");
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-default-date",result.dataResponse.shippingDate);
                                
                                //$("#shipping-method").find("option:selected").attr("data-price",result.dataResponse.shippingFees);
                                shippingFees = parseFloat(result.dataResponse.shippingFees) ;
                                $(".shipping-method-fees").html(shippingFees.toFixed(2)+ " DH");
                                $(".total-to-pay").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + " DH");
                                //$("select[name='collectTime']").modal('show');
                                $("select[name='collectTime']").html(result.dataResponse.collectHoursHTML);
                                $("select[name='shippingTime']").html(result.dataResponse.shippingHoursHTML);
                                $("input[name='startProcessingAt']").val(result.dataResponse.collectDate);
                                $("input[name='startDeliveryAt']").val(result.dataResponse.shippingDate);
                                
                                /*         
                                $("input[name='startDeliveryAt']").dateDropper({
                                    large: true,
                                    lang: 'fr',
                                    theme: 'datedropper',
                                    format: "d-m-Y",
                                    expandable: true,
                                    rangeStart: result.dataResponse.shippingDate,
                                    rangeEnd: "{{ " next year "|date('Y/m/d') }}",
                                    disabledDays: "{{settings.get().getExcludeDatesOnlyDates()|join(',')}}",
                                    disabledWeekDays: '6'
                                });
                                    */
                                
                                if(result.dataResponse.messages.length > 0){
                                    $.toast({
                                            heading: 'Décalage de date',
                                            text: result.dataResponse.messages,
                                            showHideTransition: 'slide',
                                            hideAfter:12000,
                                            icon: 'warning',
                                            loaderBg: '#1ca5df', 
                                            position:"top-right",
                                            allowToastClose: true,
                                            stack: false
                                    })
                                   
                                }
                            }
                        });                 
    
});
	$("input[name='startDeliveryAt']").change(function(){
   
$.toast().reset('all');
    
    var isWallet = 0;
    if($("#isWallet").is(':checked')){
        isWallet = 1;
    }
                        
$.ajax({
                            url:"{{path('pos_cart_checkout')}}",
                            method:"POST",
                            data:{
                                
                                orderItems: cartLS.list(),
                                shippingMethod:$(".shippingMethod.active").attr("data-id"),
                                deliveryType:$("select[name='delivery-type'] option:selected").val(),
                                
                                
                                //reduction:$("#reduction").val(),
                                //payedAmount:$("#cash").val(),
                                startProcessingAt: $("input[name=startProcessingAt]").val()+" "+$("select[name='collectTime']").find("option:selected").val(),
                                startDeliveryAt:$("input[name=startDeliveryAt]").val()+" "+$("select[name='shippingTime']").find("option:selected").val(),
                                isChooseDatePreview: true
                                
                            },
                            success:function(result){
                                
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-min-date",result.dataResponse.minDateShipping);
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-max-date","{{ "next year"| date('Y-m-d') }}");
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-default-date",result.dataResponse.shippingDate);
                                
                                //$("#shipping-method").find("option:selected").attr("data-price",result.dataResponse.shippingFees);
                                shippingFees = parseFloat(result.dataResponse.shippingFees) ;
                                $(".shipping-method-fees").html(shippingFees.toFixed(2)+ " DH");
                                $(".total-to-pay").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + " DH");
                                //$("select[name='collectTime']").modal('show');
                                //$("select[name='collectTime']").html(result.dataResponse.collectHoursHTML);
                                $("select[name='shippingTime']").html(result.dataResponse.shippingHoursHTML);
                                //$("input[name='startProcessingAt']").val(result.dataResponse.collectDate);
                                $("input[name='startDeliveryAt']").val(result.dataResponse.shippingDate);
                                
                                /*         
                                $("input[name='startDeliveryAt']").dateDropper({
                                    large: true,
                                    lang: 'fr',
                                    theme: 'datedropper',
                                    format: "d-m-Y",
                                    expandable: true,
                                    rangeStart: result.dataResponse.shippingDate,
                                    rangeEnd: "{{ " next year "|date('Y/m/d') }}",
                                    disabledDays: "{{settings.get().getExcludeDatesOnlyDates()|join(',')}}",
                                    disabledWeekDays: '6'
                                });
                                    */
                                
                                if(result.dataResponse.messages.length > 0){
                                    $.toast({
                                            heading: 'Décalage de date',
                                            text: result.dataResponse.messages,
                                            showHideTransition: 'slide',
                                            hideAfter:12000,
                                            icon: 'warning',
                                            loaderBg: '#1ca5df', 
                                            position:"top-right",
                                            allowToastClose: true,
                                            stack: false
                                    })
                                   
                                }
                            }
                        });                 
    
});
$("select[name='collectTime']").change(function(){
    
                        
                        
$.ajax({
                            url:"{{path('pos_cart_checkout')}}",
                            method:"POST",
                            data:{
                                
                                
								orderItems: cartLS.list(),
                                shippingMethod:$(".shippingMethod.active").attr("data-id"),
                                deliveryType:$("select[name='delivery-type'] option:selected").val(),
                                
                                //reduction:$("#reduction").val(),
                                //payedAmount:$("#cash").val(),
                                startProcessingAt: $("input[name=startProcessingAt]").val()+" "+$("select[name='collectTime']").find("option:selected").val(),
                                startDeliveryAt:$("input[name=startDeliveryAt]").val(),
                                isChooseDatePreview: true
                                
                            },
                            success:function(result){
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-min-date",result.dataResponse.minDateShipping);
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-max-date","{{ "next year"| date('Y-m-d') }}");
                                $("input[name='startDeliveryAt']").attr("data-dd-opt-default-date",result.dataResponse.shippingDate);
                                //$("select[name='collectTime']").modal('show');
                                //$("select[name='collectTime']").html(result.dataResponse.collectHoursHTML);
                                $("select[name='shippingTime']").html(result.dataResponse.shippingHoursHTML);
                                //$("input[name='startProcessingAt']").val(result.dataResponse.collectDate);
                                $("input[name='startDeliveryAt']").val(result.dataResponse.shippingDate);
                            }
                        });                 
   
});
$("input[name='startProcessingAt']").trigger("change");
}); 

  
})
    </script>
{% endblock %}