@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-8 col-md-offset-2 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ route('monitoringLayerConfig.index') }}" 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' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}

                                <div class="alert alert-info alert-dismissible" id="messageAlert">
                                    <a href="#" class="close" id="closeMessageAlert">&times;</a>
                                    Management level is definitely the entry to be given in this sequence:<strong>(Example:
                                        Division, Region, Zone, Area etc.)</strong>
                                </div>

                                <input type='hidden' name='company_id' value='{{ $data['company_id'] }}' />
                                <div class="table-responsive">
                                    <table class="table table-bordered" id="dynamic_field">

                                        <tr>
                                            <th class="col-md-1">SN#</th>
                                            <th>Component</th>
                                            <th class="col-md-1">Action</th>
                                        </tr>

                                        <tr>
                                            <td>1</td>
                                            <td><b>Head Office</b></td>
                                            <td></td>
                                        </tr>

                                        @if ($data['layers'])
                                            @php $sl = 2; @endphp
                                            @foreach ($data['layers'] as $key => $layer)
                                                @php $no = $sl++; @endphp
                                                @if ($key == 0)
                                                    <tr>
                                                        <td>{{ $no }}</td>
                                                        <td class="col-md-8"><input type="text"
                                                                style="text-align: center;" name="title[]"
                                                                placeholder="Component" class="form-control name_list"
                                                                value="{{ $layer->title }}" /></td>
                                                        <td class="col-md-1"><button type="button" name="add"
                                                                id="add_more" class="btn btn-success">+</button></td>
                                                    </tr>
                                                @else
                                                    <tr id='row{{ $no }}' class="dynamic-added">
                                                        <td>{{ $no }}</td>
                                                        <td><input id="name_list_{{ $no }}" type="text"
                                                                style="text-align: center;" name="title[]"
                                                                placeholder="Component" class="form-control name_list"
                                                                value="{{ $layer->title }}" /></td>
                                                        <td><button type="button" name="remove" id="{{ $no }}"
                                                                class="btn btn-danger btn_remove">X</button></td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        @endif

                                        <tr id="lastRow">
                                            <td class="col-md-1">{{ $no + 1 }}</td>
                                            <td><b>Branches</b></td>
                                            <td></td>
                                        </tr>

                                    </table>
                                </div>
                                </br>

                                <div class="form-group">
                                    <div class="col-sm-7 col-sm-offset-5">
                                        {!! Form::submit('Update', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ Route('monitoringLayerConfig.index') }}"
                                            class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>

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

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

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

        $(document).on('click', '#closeMessageAlert', function() {
            $('#messageAlert').css('display', 'none');
        });

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

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

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

                    if (__response.status == false) {

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

                    if (__response.status == true) {

                        toastr.success(__response.message);

                        setTimeout(function() {
                            window.location.href =
                                "{{ Route('monitoringLayerConfig.index') }}";
                        }, 1000);
                    }
                },
                error: function(error) {

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

        var postURL = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/guk_bk/resources/views/gnr/tools/managementLevel/layers/edit.blade.php:146
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/gnr/tools/managementLevel/layers/edit.blade.php</b> on line <b>146</b><br />