@extends('layouts.app')

@section('linktext')

@endsection

@section('content')
    <div class="container">

        <div class="row">
            <div class="col-md-6">

                <h4>Группы отделок с сайта </h4>

                <form id="uploadForm" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <input type="file" name="csvFile" id="csvFile" accept=".csv">
                </form>

                <table class="table table-bordered sortable">
                    <thead>
                    <tr>
                        <th>CatalogID</th>
                        <th>TypGroup</th>
                        <th>Видимость</th>
                        <th>Наборы с work</th>
                        <th>Кнопки</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($models as $model)
                        <tr>
                            <td>{{ $model->id_sait }}</td>
                            <td>{{ $model->name }}</td>
                            <td>{{ $model->typgroup }}</td>
                            <td>{{ $model->TMODVARGROUP_id }}
                                <select size=10 name="cat_id[]" id="cat_id" idsait={{ $model->id_sait }} typ="updatemodel" class="changebottom" multiple>
                                    <option value="999">Выбери набор</option>
                                    @foreach ($workmodels as $mod)
                                        @php $key = array_search($mod->ID, explode(",",$model->TMODVARGROUP_id));  @endphp
                                        <option  @if ($key===false) @else selected="selected" @endif value="{{ $mod->ID }}">{{ $mod->NAME }}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td>

                                 <button type="button" idsait="{{ $model->id_sait }}" idwork={{$model->TMODVARGROUP_id}}  typ="form" class="btn btn-success btn-xs clickbottom"><span class="glyphicon glyphicon-arrow-right"></span> </button>

                            </td>
                        </tr>
                    @endforeach

                </table>

            </div>

        </div>

    </div>
@endsection

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


            $(".changebottom").change(function(){

                var typ = $(this).attr('typ');
                var idsait = $(this).attr('idsait');
                var idwork = $(this).val(); // получаем значение выбранного элемента

                $.ajax({
                    type: 'get',
                    url: 'sotda/clickbottom',
                    data: {
                        'typ': typ,
                        'idsait': idsait,
                        'idwork': idwork,
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {

                        if(data['typmessage']=='success'){
                            toastr.success(data['message'], 'Success Alert', {timeOut: 5000});
                        }
                        if(data['typmessage']=='warning'){
                            toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
                        }

                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });


                //alert(selectedOption);
            });

            // Обработчик выбора файла
            $('#csvFile').change(function() {
                var formData = new FormData($('#uploadForm')[0]);

                $.ajax({
                    url: 'sotda/uploadFile',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        // Обработка успешного ответа сервера
                        console.log(response);
                    },
                    error: function(xhr, status, error) {
                        // Обработка ошибок
                        console.log(xhr.responseText);
                    }
                });
            });


            $(".clickbottom").click(function(){
                var typ = $(this).attr('typ');
                var idsait = $(this).attr('idsait');
                var idwork = $(this).attr('idwork');

                var obj = $(this);
                $(obj).toggleClass('btn-success');
                $(obj).toggleClass('btn-warning');

                $.ajax({
                    type: 'get',
                    url: 'sotda/clickbottom',
                    data: {
                        'typ': typ,
                        'idsait': idsait,
                        'idwork': idwork,
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {

                        $(obj).toggleClass('btn-warning');
                        $(obj).toggleClass('btn-success');


                        if(data['typmessage']=='success'){
                            toastr.success(data['message'], 'Success Alert', {timeOut: 5000});

		            // Создаем ссылку на скачивание файла
		            var link = document.createElement('a');
		            link.href = data['filePath'];
		            link.download = data['filePath'];
		            link.click();

                        }
                        if(data['typmessage']=='warning'){
                            toastr.warning(data['message'], 'warning Alert', {timeOut: 5000});
                        }

                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });
            });
        } );
    </script>

@endsection