
<form class="orderParameterForm needs-validation">
    <div class="form-group row">
        <label for="contactName" class="col-sm-2 col-form-label">Leadó neve</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="contactName" placeholder="Írja be a leadó nevét" name="contactName" required>
        </div>
    </div>
    <div class="form-group row">
        <label for="remark" class="col-sm-2 col-form-label">Megjegyzés</label>
        <div class="col-sm-10">
            <textarea class="form-control" id="remark" rows="3" placeholder="Ha kiván itt tud megjegyzést írni a  megrendeléshez" name="note"></textarea>
        </div>
    </div>
    <fieldset class="form-group">
        <div class="row">
            <legend class="col-form-label col-sm-2 pt-0">Megrdelés</legend>
            <div class="col-sm-10">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="orderType" id="gridRadios1" value="daily" checked>
                    <label class="form-check-label" for="gridRadios1">
                        Napi
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="orderType" id="gridRadios2" value="weekly">
                    <label class="form-check-label" for="gridRadios2">
                        Heti
                    </label>
                </div>
            </div>
        </div>
    </fieldset>

    <div class="form-group row">
        <label for="remark" class="col-sm-2 col-form-label">Szállítási dátum</label>
        <div class="col-sm-10">
            <div class="input-group date">
                <input type="hidden" class="form-control datePicker"
                       value="{{\Illuminate\Support\Carbon::today()->next('Day')->format('Y-m-d')}}"
                       name="deliveryDate" placeholder="Kattintson a dátum kiválasztásához"
                       required>
                <span class="input-group-addon datePickerClick">
                    {{--<i class="glyphicon glyphicon-th"></i>--}}
                    {{--<i class="fa fa-calendar" aria-hidden="true"></i>--}}
                    <span class="selectedDateText form-control">Kattintson a dátum kiválasztásához</span>
                    <i class="pe-7s-date" style="font-size:2em; margin-left:-5px; "></i>

                </span>
            </div>
        </div>
    </div>

    <div class="form-group row">
        <label for="orderParameterDeliveryAddress" class="col-sm-2 col-form-label">Szállítási cím</label>
        <div class="col-sm-10">
            @if($oneAddress)
                {{$profitCenterAddress}}
            @else
                <select class="orderParameterDeliveryAddress" name="deliveryAddressId" data-placeholder="Válasszon szállítási címet"
                        style="display: none; width: 100%">
                    @foreach($profitCenterAddress as $address)
                        <option value="{{$address['id']}}">{{$address['address']}}</option>
                    @endforeach

                </select>
            @endif
        </div>
    </div>
    @if($hasCustomNotificationEmail)
        <div class="form-group row">
            <label for="contactName" class="col-sm-2 col-form-label">Másodlagos email cím</label>
            <div class="col-sm-10">
            <select class="orderParameterCustomNotificationEmail" name="customNotificationEmail" data-placeholder="Válasszon beszállító e-mail címet"
                    style="width: 100%"
                    required
            >
                <option value="">Nincs</option>

            @foreach($CustomNotificationEmailData as $emailData)
                    <option value="{{$emailData['email']}}">{{$emailData['name']}} {{$emailData['email']}}</option>
                @endforeach

            </select>
            </div>
        </div>
    @endif


    <div class="form-group row">
        <div class="col-sm-10">
            <button type="Order" class="btn btn-primary orderParameterNextButton">Tovább</button>
        </div>
    </div>
</form>
@if ($supplierNote)
    <div class="form-group row">
        <label for="remark" class="col-sm-2 col-form-label">Beszállító megjegyzés</label>
        <div class="col-sm-10">
            <textarea class="form-control" id="supplierNote" rows="3" placeholder="Ha kiván itt tud megjegyzést írni a  megrendeléshez" name="supplierNote" readonly>{{$supplierNote}}</textarea>
        </div>
    </div>

@endif

<style>
    .orderParameterForm .selectedDateText{
        vertical-align: super;
        padding: 5px;
        display: inline;

    }

</style>
<script>


    /*    $('.input-group.date').datepicker({
        format: "yyyy-mm-dd",
        language: "hu",
        multidate: false,
        daysOfWeekDisabled: "2",
        daysOfWeekHighlighted: "1,5",
        autoclose: true,
        beforeShowDay: function(date){
            if (date.getMonth() == (new Date()).getMonth())
                switch (date.getDate()){
                    case 4:
                        return {
                            tooltip: 'Example tooltip',
                            classes: 'active'
                        };
                    case 8:
                        return false;
                    case 12:
                        return "green";
                }
        },
        datesDisabled: ['05/06/2021', '05/21/2021'],
        toggleActive: true,
        defaultViewDate: { year: 2021, month: 5, day: 10 },
        changeDate:function(data){
            console.log('helloka');
            console.log(data);
        }
    });

*/
/*
    $('.input-group.date').datepicker({
        language: "hu",
            multidate: false,
            daysOfWeekDisabled: "2",
            daysOfWeekHighlighted: "1,5",
            autoclose: true,
            beforeShowDay: function(date){
            if (date.getMonth() == (new Date()).getMonth())
                switch (date.getDate()){
                    case 4:
                        return {
                            tooltip: 'Example tooltip',
                            classes: 'active'
                        };
                    case 8:
                        return false;
                    case 12:
                        return "green";
                }
        },
        datesDisabled: ['05/06/2021', '05/21/2021'],
            toggleActive: true,
            defaultViewDate: { year: 2021, month: 5, day: 10 }
    });
*/

</script>
