@extends('layouts.app')

@section('linktext')

@endsection


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

        <div id ="search" class="panel-body">
            <div class="col-lg-12">
                <div class="input-group">
                    <span class="input-group-btn">
                        <button id="search" typ="addmodul" class="btn btn-default clickbottom" type="button">Go!</button>
                      </span>
                    {!! Form::text('text', null, ['id'=>'text', 'placeholder'=>' Название модуля']) !!}

                        {{ Form::checkbox('check[]', '1', false,['id' => 'p1']) }}
                        {{ Form::label('p1', 'Controller') }}

                        {{ Form::checkbox('check[]', '1', false,['id' => 'p2']) }}
                        {{ Form::label('p2', 'Model') }}

                        {{ Form::checkbox('check[]', '1', false,['id' => 'p3']) }}
                        {{ Form::label('p3', 'View') }}

                        {{ Form::checkbox('check[]', '1', false,['id' => 'p4']) }}
                        {{ Form::label('p4', 'Command') }}


                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
            <div class="row" id="resultsearch" style="margin-top: 10px">
            </div>
        </div>

    </div>
@endsection

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

            $(".clickbottom").click(function(){

                var typ = $(this).attr('typ');
                var text = $('#text').val();

                check='';
                var inputElements =$("input:checkbox");
                for(var i=0; inputElements[i]; ++i){
                    if ( inputElements[i].checked ) {
                        qwe=1;
                    } else {
                        qwe=0;
                    }
                    if(i==0){
                        check+=qwe;
                    } else {
                        check+=','+qwe;
                    }
                }

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

                $.ajax({
                    type: 'get',
                    url: 'newmodul/clickbottom',
                    data: {
                        'typ': typ,
                        'text': text,
                        'check': check,
                        '_token': "{{ csrf_token() }}"
                    },
                    success: function(data) {

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

                        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);
                    }
                });

            });

        });
    </script>

@endsection