@extends('layouts/gnr_layout')
@section('title', '| ' . $data['title'])
@section('content')

    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-2"></div>
            <div class="col-md-8 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ Route('monitoringLayerObjectConfig.index', $data['layer']->title) }}"
                        class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        {{ $data['listTitle'] }}
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $data['title'] }}</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                {!! Form::open(['url' => '', 'id' => 'formId', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}

                                <div class="form-group">

                                    <input type='hidden' name='layer_name' id='layer_name'
                                        value='{{ $data['layer']->title }}' />
                                    <input type='hidden' name='management_level_id' value='{{ $data['layer']->id }}' />
                                    <input type='hidden' name='field_name' value='{{ $data['assignName'] }}' />
                                    <input type='hidden' name='model_id' value='{{ $data['layerObject']->id }}' />

                                    <div class="col-md-12 row">
                                        <div class="col-md-1">
                                            <label>{{ $data['layer']->title }} :</label><br>
                                        </div>

                                        <div class="col-md-4">
                                            {!! Form::text('title', $data['layerObject']->title, [
                                                'class' => 'form-control',
                                                'id' => 'title',
                                                'type' => 'text',
                                                'placeholder' => $data['layer']->title,
                                                'disabled' => true,
                                            ]) !!}
                                        </div>
                                    </div>
                                    <br><br><br>

                                    <div class="col-md-12" id="divChildIds">
                                        {!! Form::checkbox('childIds', 0, false, ['class' => '', 'id' => 'allChildIds']) !!}
                                        <span style="font-size: 14px">Check All ({{ $data['assignName'] }})</span>
                                        <br><br>

                                        @foreach ($data['childLayerObjects'] as $childLayerObject)
                                            <div class="col-md-3" id="{{ $childLayerObject->title }}">
                                                {!! Form::checkbox('childIds[]', $childLayerObject->id, false, [
                                                    'class' => 'singleChildId',
                                                    'id' => 'singleChildId-' . $childLayerObject->id,
                                                    'autocomplete' => 'off',
                                                    'data-project' => '',
                                                    'checked' => !$childLayerObject->autoChecked ? false : true,
                                                ]) !!}
                                                <span style="font-size: 11px"> {!! Form::label($childLayerObject->title) !!}</span>
                                            </div>
                                        @endforeach
                                    </div>

                                </div>

                                <br>
                                <div class="form-group">
                                    {!! Form::label('submit', ' ', ['class' => 'col-sm-3 control-label']) !!}
                                    <div class="col-sm-9 text-right">
                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ Route('monitoringLayerObjectConfig.index', $data['layer']->title) }}"
                                            class="btn btn-danger closeBtn">Close</a>
                                        <span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
                                    </div>
                                </div>

                                {!! Form::close() !!}

                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>

@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function() {

        $('#allChildIds').change(function() {
            if ($(this).is(":checked")) {
                $('#divChildIds').find('.singleChildId').prop('checked', true);
            } else {
                $('#divChildIds').find('.singleChildId').prop('checked', false);
            }
        });

        var totalChildIds = <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/gnr/tools/managementLevel/layerObjects/assignObjectForm.blade.php</b> on line <b>109</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/gnr/tools/managementLevel/layerObjects/assignObjectForm.blade.php</b> on line <b>109</b><br />
null;

        $('.singleChildId').change(function() {
            count = 0;
            $(totalChildIds).each(function(index, value) {
                if ($('#divChildIds').find('#singleChildId-' + value.id).is(":checked")) {
                    count = count + 1;
                }
            });

            if (count == totalChildIds.length) $('#allChildIds').prop('checked', true);
            else $('#allChildIds').prop('checked', false);
        });

        $('form').submit(function(event) {

            event.preventDefault();
            $("#add").prop('disabled', true);

            $.ajax({
                type: 'post',
                url: "{{ route('monitoringLayerObjectAssign.assignObjectSubmit') }}",
                data: $('form').serialize(),
                dataType: 'json',
                success: function(__response) {

                    if (__response.status == false) {

                        toastr.error(__response.message);
                        $("#add").prop('disabled', false);
                    }

                    if (__response.status == true) {

                        toastr.success(__response.message);

                        setTimeout(function() {
                            location.reload();
                        }, 1000);

                    }
                },
                error: function(error) {

                    toastr.error('Something went wrong!');
                    $("#add").prop('disabled', false);
                }
            });
        });

    });
</script>