@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.my_orders') }} / {{ __('navigation.do_order') }}
    </h4>



    <div class="card">
        <div class="card-body p-2 p-md-4">

        {!! Form::open(['url' => route('user_order_my_list', [$for, $delivery_id]), 'class' => 'form-horizontal']) !!}

        <h4>Lieferdaten</h4>
        <div class="switchers-stacked">
            <label class="switcher switcher-secondary">
                <input type="radio" class="switcher-input" name="switchers-radio-is-for" value="is-for-member" @if(!$shopping_user) checked="checked" @endif >
                <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                <span class="switcher-label">Ware ist für mich und wird an meine Adresse versandt</span>
            </label>

            <label class="switcher switcher-secondary">
                <input type="radio" class="switcher-input" name="switchers-radio-is-for" value="is-for-customer" @if($shopping_user) checked="checked" @endif>
                <span class="switcher-indicator">
                      <span class="switcher-yes"></span>
                      <span class="switcher-no"></span>
                    </span>
                <span class="switcher-label">Ware ist für einen Kunden und wird an den Kunden versandt</span>
            </label>
        </div>
            <hr>

        <div id="show-is-for-customer" @if(!$shopping_user) style="display: none" @endif >
            <div class="form-row">
                <div class="form-group col-sm-6">
                    <button type="button" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#modals-load-content"
                            data-id="show"
                            data-action="user-order-my-delivery-show"
                            data-back="{{route('user_order_my_delivery', [$for])}}"
                            data-modal="modal-xl"
                            data-route="{{route('modal_load')}}"><span class="fa fa-shopping-cart"></span> An bestehenden Kunden versenden (Kunden auswählen)</button>
                </div>
                <div class="form-group col-sm-6">
                    <button type="button" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#modals-load-content"
                            data-id="add"
                            data-action="user-order-my-delivery-add"
                            data-back="{{route('user_order_my_delivery', [$for])}}"
                            data-modal="modal-xl"
                            data-route="{{route('modal_load')}}"><span class="fa fa-plus-circle"></span> An neuen Kunden versenden (Kunden hinzufügen)</button>
                </div>
            </div>
            <hr>
            @if($shopping_user)
                <div class="show-is-for-customer">
                    <h4>An diesen Kunde versenden</h4>
                    @include('admin.customer._customer_detail')
                </div>
            @endif

        </div>


        <div class="float-right">
            <button type="submit" class="btn btn-secondary">bestätigen und weiter zur Bestellung</button>
        </div>
        </div>
        {!! Form::close() !!}

    </div>

    <script>
        $( document ).ready(function() {

            $('input[name="switchers-radio-is-for"]').on('change', function (){
               if($(this).val() === 'is-for-customer'){
                   $('#show-is-for-customer').show('slow');
               }else{
                   $('#show-is-for-customer').hide('slow');
               }
            });

            /*
            * showCreditCardPayment(jQuery('input[name="payment_method"]:checked').val());
        jQuery('input[name="payment_method"]').on('change', function () {
            showCreditCardPayment($(this).val());
        });*/
        });
    </script>
@endsection