@extends('layout.core')
@section('content')
    <h4>2021.10.25 20:18</h4>
    <ul>
        <li>
            Beszállítók lista oldal kialakítása
        </li>
        <li>
            Beszállító felvitelének lehetősége (kép csatolási lehetőség még nincs beállítva)
        </li>
        <li>
            Beszállító módosításának lehetősége
        </li>
        <li>
            Beszállító törlésének lehetősége
        </li>
        <li>
            Kapcsolattartó modul beállítása a beszállítóhoz
        </li>
        <li>
            Termékcsoport kapcsolat beállítása a beszállítóhoz (A teszten nincs fent az összes termékcsoport)
        </li>
    </ul>


    <h4>2021.10.19 07:40</h4>
<ul>
    <li>
        Árlista feltöltés hiba javítva
    </li>
    <li>
        Árlista feltöltés véglegesítésnél visszajelző üzenet a táblázatba megjelenik.
    </li>
    <li>
        Árlista feltöltés véglegesítésnél véglegesítés gomb levétele.
    </li>
    <li>
        Utolsó árlista figyelembe vételének javítása a megrendelésnél (még a felvitel napjával számol, nem a szállítási nappal)
    </li>
    <li>
        A megrendelés státusznál a piszkozat helyett a nincs elküldve villog.
    </li>
    <li>
        A megrendelés „elküldés” lépésnél a gomb nagyobbra állítva
    </li>
    <li>
        Megrendelés E-mail  a beszerzes@eurest.hu-ra irányitva
    </li>
    <li>
        Megrendelés E-mail fix szövegrész helye beállítva (ez jelenik meg „Megrendelés E-mail”)
    </li>

    <li>
        Megrendelés E-mail tárgy mező beállítva    „Eurest – {profitcenter nev} – {megrendelés azonosító}” –ra (jelenleg csak a végső szám változik a bemutató üzemmódban)
    </li>
    <li>
        Adatbázis alaphelyzetbe állítva
    </li>

    {{--
    <li>

    </li>
--}}
</ul>


{{--

   <!-- image select example -->
   <div class="form-group row">
        <label for="note" class="col-sm-2 col-form-label">Logo:</label>
        <div class="col-sm-10">
            <div class="input-group mb-3">
                <div class="custom-file">
                    <input type="file" class="custom-file-input" id="" name="logoFile" accept="image/*">
                    <label class="custom-file-label" for="">Válasszon fájlt</label>
                </div>
            </div>
        </div>

        <div class="col-sm-8 containerFileUploadStarted ">
            <div class="input-group mb-3 ">
                <img class="imageLogo" src="{{url('images/icons/no-photo256.png')}}">
            </div>
        </div>

    </div>
<style>
    div.row{
        max-width: 500px;
    }
</style>


    --}}
    {{--

    <form class="orderParameterForm" >
        <div class="mb-3">
            <label for="validationTextarea" class="form-label">Textarea</label>
            <input class="form-control" id="validationTextarea" placeholder="Required example nputbox" required></input>
            <div class="invalid-feedback">
                Please enter a message in the textarea.
            </div>
        </div>

            <div class="form-group row">
                <div class="col-sm-10">
                    <button class="btn btn-primary orderParameterNextButton">Tobvább</button>
                </div>
            </div>
    </form>

        <div class="container h-100" style="height: 400px !important;">
            <div class="row h-100 py-3 align-items-center justify-content-center">
                <div class="col-sm-4 d-flex align-items-center border">
                    <img class="mx-auto d-block img-fluid" src="{{asset('images/pictures/Eurestlogo2.jpg')}}" alt="View">
                </div>
            </div>
        </div>
    --}}

@isset ($exampleDatatable)
    <table id="example" class="display" style="width:100%">
        <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
            <td></td>
        </tr>
        <tr>
            <td>Garrett Winters</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$170,750</td>
            <td></td>
        </tr>
        <tr>
            <td>Ashton Cox</td>
            <td>Junior Technical Author</td>
            <td>San Francisco</td>
            <td>66</td>
            <td>2009/01/12</td>
            <td>$86,000</td>
            <td></td>
        </tr>
        <tr>
            <td>Cedric Kelly</td>
            <td>Senior Javascript Developer</td>
            <td>Edinburgh</td>
            <td>22</td>
            <td>2012/03/29</td>
            <td>$433,060</td>
            <td></td>
        </tr>


        </tbody>
        <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
            <th></th>
        </tr>
        </tfoot>
    </table>
@endisset




{{--
teszteleshez
<div class="moduleContent ui-widget-content" style="height: 400px;">
        <div class="container h-100 justify-content-center align-content-center">
            <img src="{{asset('images/pictures/Eurestlogo2.jpg')}}">
        </div>
    </div>

--}}

{{--
        <span>helloka2</span>
        <label><input type="checkbox" name="foo"> Foo</label>
        <label><input type="checkbox" name="bar"> Bar</label>
--}}

{{--

input spinner
<input type="number" value="0" min="0" max="9999" step="1" class="form-control-sm inputNumberSpinner"/>

<hr>

phone number:
<input type="text" class="form-control" id="contactModal-phone" name="contactPhone"
       placeholder="+36 30 999 9999"
        --}}
{{--value="+36 "--}}{{--

      data-inputmask="'alias': 'phoneNumber'"
>

<select class="js-example-basic-multiple" id="mySelect2" name="states[]" multiple="multiple" style="width: 100%">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
    <option value="NY">New York</option>
</select>

<div class="form-group">
    <label>Kép</label>
    <input type="file" name="attachment" id="exampleInputFile">
</div>

<div class="input-group mb-3">
    <div class="custom-file">
        <input type="file" class="custom-file-input" id="inputGroupFile02">
        <label class="custom-file-label" for="inputGroupFile02">Válasszon fájlt</label>
    </div>
    <div class="input-group-append">
        <button type="button" class="btn btn-info">Felttöltés</button>
    </div>
</div>


<div class="form-group">
    <label>Dátum</label>
    <input data-provide="datepicker" class="datepicker">
</div>

<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="2021-05-21" name="deliveryDate" placeholder="Kattintson a dátum kiválasztásához" >
            <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>
--}}





@endsection
@section('script')
    <script>
    $(document).ready(function () {


        $(".custom-file-input").on("change", function() {
            var fileName = $(this).val().split("\\").pop();
            $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
        });

        APP.setApiToken('{{csrf_token()}}');

        $("#mySelect2").select2({
            language: "hu",
            maximumSelectionLength: 1,
            tags: true,
            createTag:select2CreateTag
        });

        $('#mySelect2').on('select2:select', function (e) {
            var data = e.params.data;
            console.log('select');
            console.log(data);
        });

        $('#mySelect2').on('select2:selecting', function (e) {
            var data = e.params.data;
            console.log('selecting');
            console.log(data);
        });

       /* // Set the value, creating a new option if necessary
        if ($('.js-example-basic-multiple').find("option[value='" + data.id + "']").length) {
            $('.js-example-basic-multiple').val(data.id).trigger('change');
        } else {
            // Create a DOM Option and pre-select by default
            var newOption = new Option(data.text, data.id, true, true);
            // Append it to the select
            $('.js-example-basic-multiple').append(newOption).trigger('change');
        }*/

        $(":input").inputmask({
        "onincomplete": function () {
            console.log($(this).data('required'));
            if ($(this).val().length > 0 || $(this).data('required') == true) {
                $(this).addClass('is-invalid');
            }
        },
        "oncomplete": function () {
            $(this).removeClass('is-invalid');
            $(this).addClass('is-valid');
        },
        "oncleared": function () {
            console.log('cleared');
            $(this).removeClass('is-invalid');
        }
        });
        /*
        $("input[type='number'].inputNumberSpinner").inputSpinner({
            decrementButton: "<strong>&minus;</strong>"
        });
        */

        $("input[type='number'].inputNumberSpinner").inputSpinner({
            template:
                '<div class="input-group ${groupClass}">' +
                '<button style="min-width: ${buttonsWidth}" class="btn btn-sm btn-decrement ${buttonsClass}" type="button">${decrementButton}</button>' +
                '<input type="text" inputmode="decimal" style="text-align: ${textAlign}" class="form-control"/>' +
                '<button style="min-width: ${buttonsWidth}" class="btn btn-sm btn-increment ${buttonsClass}" type="button">${incrementButton}</button>' +
                '</div>',
            buttonsWidth: "0.5rem",
            groupClass: "", // css class of the resulting input-group
            buttonsClass: "btn-outline-secondary",
        })

@isset ($exampleDatatable)

        let dataTableCSSSelector='#example'; //
        let colNum=$(dataTableCSSSelector+' thead th').length; //buttons insert position need

        let datatablesHeadActionButtonClickCallBack=function (args){
            console.log(args);
            if(args[0][3].attr.data=='newItem'){
                console.log('need new Item ');
            }
            APP.loadMainContent('{{route('admin.priceList.create')}}');
            //console.log(args[0][3].attr.data);
        }
        let datatableRowActionButtonClickCallBack=function (event){
            console.log('hello');
            console.log(event);
            console.log($(event[0].currentTarget)); //clicked item
            console.log($(this)); //APP obj
        }

        APP.setOpts({
            datatableActionButtonClickCallBack:datatablesHeadActionButtonClickCallBack,
            datatableRowActionButtonClickCallBack:datatableRowActionButtonClickCallBack,

        })

        window.Mytable=$(dataTableCSSSelector).DataTable({
            buttons:{
                buttons: [
                    'excel','pdf',
                    {
                        extend: 'print',
                        //text: 'Print current page',
                        'title': 'helloka ez is megy a titlebe',
                        'messageTop': 'ez meg egy messageTop',
                        autoPrint: true
                    },


                    {
                        text: 'Új felvitele',
                        className: 'btn btn-success newItem',
                        attr:{
/*
                            data:{
                                a:1,
                                b:2

                            }
*/
                            'data':'newItem'
                        },
                        init: function(api, node, config) {
                            $(node).removeClass('ui-button')
                        },
                        action: function ( e, dt, node, config ) {
                            APP.datatableActionButtonClickCallBack(arguments);
                           /* console.log(e);
                            console.log(dt);
                            console.log(node);
                            console.log(config);*/

                        }
                    }
                ]
            },

            "columnDefs": [
                {
                    "targets": colNum-1,
                    "render": function ( data, type, row ) {
                        let buttons=APP.datatableAddRowTrashButton(0,arguments);
                        buttons+=APP.datatableAddRowEditButton(0,arguments);
                        return buttons;
                    },
                },
                //{ "visible": false,  "targets": [ 0 ] }
            ],



        });
        APP.datatableAddRowAction(dataTableCSSSelector);

        $(dataTableCSSSelector).on( 'draw.dt', function () {
            console.log('Table draw complete: ' + new Date().getTime());
        });


@endisset()

    });


    $(document).ready( function() {

/*        $("input[name=logoFile]").change(function(){
            setImageFromLocal(this,'.imageLogo');
        });*/
    });

    </script>

@endsection