{!! Form::open(['novalidate' => 'novalidate', 'onsubmit' => 'return updateSubscribeForm(this);', 'class' => 'grs-form' ]) !!}
<div class="modal-header">
    <h5 class="modal-title">{!! __('Modify') !!} {{ $labelAutoship }}</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
        <div class="form-group mb-3" style="{{ (optional($sub)['recurringOrderType'] == 3 ) ? 'display:none' : '' }}">
        <label for="startDateNew">{!! __('Change Date') !!}</label>
        <div class="input-group subDate" id="date_picker_{{ $sub['id'] }}">
            <div class="input-group-prepend">
                <div class="input-group-text">
                    <i class="fal fa-calendar-alt"></i>
                </div>
            </div>
            <input name="startDateNew" class="form-control" type="text" data-date="{{ $subAutoDate }}"  placeholder="{{ $subAutoDate }}" value="{{ $subAutoDate }}"/>
        </div>
    </div>
    <div class="old_prod_listing">
        @foreach($products as $data)
                            <div data-stock="{{ $product['stockStatus'] }}" class="row pro_sub_list mb-3" data-id="{{ $extra['ItemID'] }}" id="order-{{ $sub['id'] }}-{{ $extra['ItemID'] }}">
                <div class="col">
                    {{ $extra['Title'] ?? '' }}<br />
                    @if($product['stockStatus'] != 'in-stock')
                        <label class="badge badge-danger">Out of stock</label>
                    @endif
                </div>
                <div class="col-3">
                    <input {{ ( optional($sub)['recurringOrderType'] == 3 ) ? 'readonly' : '' }} max="{{ $product['autoshipMaxQty'] }}" type="number" value="{{ $extra['Quantity'] }}" name="quantity[]" class="form-control input-xs">
                </div>
                @if(optional($sub)['recurringOrderType'] != 3)
                    <div class="col-auto">
                        <a href="javascript:void(0)" class="btn btn-xs btn-danger delete_sub_item"><i class="fa fa-trash"></i></a>
                    </div>
                @endif
                <input type="hidden" name="item_id[]" value="{{ $extra['ItemID'] }}">
                <input type="hidden" name="item_code[]" value="{{ @$extra['ItemSku'] }}">
                <input type="hidden" name="item_packs[]" class="packIds" value="">
            </div>
        @endforeach

    </div>
    <div>
        @if(optional($sub)['recurringOrderType'] != 3)
            <a href="javascript:void(0)" class="btn btn-xs theme-primary add_sub_item" data-id="{{ $sub['id'] }}">{!! __('Add Item') !!}</a>
        @endif
        @if(!$billingAsShippingAddress && !$isHidePhoneAddress)
            <div class="form-group mt-3">
                <label for="my_address" style="float: left">{!! __('Shipping Address') !!}</label>
                @if(optional($sub)['recurringOrderType'] != 3)
                    <a href="{{ frontend_url('my-account/address') }}" target="_blank" class="btn theme-primary mb-1" style="float: right">{!! __('Add Address') !!}</a>
                @endif
                <select  {{ ( optional($sub)['recurringOrderType'] == 3 ) ? 'readonly' : '' }} name="my_address" class="form-control input-xs">
                    @foreach($my_addresses as $address)
                        <option value="{{ $address->id }}" {{ ($address->address == optional($sub['ShipAddress'])['Street1'] || $localAddressId == $address->id) ? 'selected' : '' }}>{{ $address->address }}</option>
                    @endforeach
                </select>
                @if(!empty($billing_address))
                    <label for="my_address" style="float: left">{!! __('Billing Address') !!}</label>
                    <select  {{ ( optional($sub)['recurringOrderType'] == 3 ) ? 'readonly' : '' }} name="my_address" class="form-control input-xs">
                        <option value="{{ $billing_address->id }}" {{ ($billing_address->address == optional($sub['ShipAddress'])['Street1'] || $localAddressId == $billing_address->id) ? 'selected' : '' }}>{{ $billing_address->address }}</option>
                    </select>
                @endif
            </div>
        @endif
    </div>
    <table class="table calculateOrderTotal">
        <tr style="width: 150px;"><td>{!! __('Sub Total') !!}</td><td></td></tr>
        <tr><td>{!! __('Total') !!}</td><td></td></tr>
    </table>

    <input type="hidden" name="order_id" value="{{ $sub['id'] }}">
    <input type="hidden" name="frequency" value="{{ $sub['Frequency'] }}">
    <input type="hidden" name="startDate" value="{{ $sub['StartDate'] }}">
    <input type="hidden" name="shipMethodID" value="{{ $sub['shipMethodID'] }}">
    <div class="clearfix"></div>

    @if(is_array($payMethods) and count($payMethods) > 0)
        <div>
            <div class="row">
                <div id="paymentMethodListing-{{ $sub['id'] }}" class="pb-3 col-md-12 mx-auto text-center">
                    @foreach($payMethods as $index =>  $method)
                        <div class="card  {{ str_slug($method['CardType']) }}" data-index="{{ $index }}" data-redirect="{{ ($method['IsRedirect']) ? 'yes' : 'no' }}">
                            <div class="card-header" style="cursor:pointer;">
                                <div class="d-flex align-items-center">
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input value="{{ $method['PaymentMethodId'] }}" type="radio" {{ ( $method['PaymentMethodId'] == optional($sub['payments'])['token']  ) ? 'checked' : '' }} id="{{ $method['PaymentMethodId'] }}radio{{ $index }}"  name="paymentMethod" class="custom-control-input">
                                        <label class="custom-control-label" for="{{ $method['PaymentMethodId']  }}radio{{ $index }}"></label>
                                    </div>
                                    <h6 class="mb-0">
                                        @if($method['IsRedirect'])
                                            {{ $method['CardType']  }}
                                        @else
                                            {{ $method['CardType']  }} - {{ $method['Ending'] }}
                                        @endif
                                    </h6>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
    @if(empty($billing_address))
        <div class="teqtank_credit_card_form-{{ $sub['id'] }}" style="{{ (count($payMethods) == 0) ? '' : 'display:none;' }}">
            @include('frontend.template.basic.snippets._teqtank_credit_form')
        </div>
    @endif
</div>
<div class="modal-footer">
    @if($showDeletion)
        @if(( ( (optional($sub)['recurringOrderType'] == 3 && $canCancel == true) ||    ( optional($sub)['recurringOrderType'] != 3 && $canCancel == false)     )))
            <button class="btn btn-danger" type="button" onclick="cancelSubscription({{ $sub['id'] }},`{{ $labelAutoship }}`)">{!! __('Cancel') !!} {{ $labelAutoship }}</button>
        @endif
    @endif
    <button type="button" class="btn btn-secondary" data-dismiss="modal">{!! __('Close') !!}</button>
    <button type="submit" class="btn theme-primary">{!! __('Save changes') !!}</button>
</div>
{!! Form::close() !!}