@extends('layouts/gnr_layout')
@section('title', '| Edit branch area')
<style>
    #map {
      height: 1000px;
      width: 100%;
    }

    .searchLocation {
        display: flex !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
  </style>

@section('content')
{{-- <div id="latclicked"></div>
  <div id="longclicked"></div>
   --}}
  <div id="latmoved"></div>
  <div id="longmoved"></div>


	<div class="row add-data-form">
		<div class="col-md-12">

            <div class="fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ route('setBranchAreas.index') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	Branch Area List
                    </a>
                </div>
                 <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">Edit Branch Area</div>
                    </div>
                    <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
                        		{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                                <div class="alert alert-warning " role="alert">
                                    <strong>Message!</strong> Set at least 10 area locations.
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">

                                        <div class="form-group d-flex searchLocation">
                                            <input type="text" class="form-control locationInput" id="locationInput" placeholder="Enter latitude,longitude">
                                            <button type="button" class="btn btn-primary mt-2" onclick="searchLocation()">Search</button>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('name', 'Branch:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-10">
                                                <select class="form-control select2" name="branch_id" id="name">
                                                    <option value="">Select branch</option>
                                                    <option value="{{$branch->id}}" {{($branch->id == $branch->id) ? "selected" : ""}}>{{(str_pad($branch->branchCode, 4, '0', STR_PAD_LEFT) . ' - ' . $branch->name)}}</option>
                                                    @foreach ($branches as $br)
                                                        <option value="{{$br->id}}" {{($branch->id == $br->id) ? "selected" : ""}}>{{(str_pad($br->branchCode, 4, '0', STR_PAD_LEFT) . ' - ' . $br->name)}}</option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="id" value="{{ $branch->id }}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('name', 'Area:', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-10">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped table-condensed" id="dynamic_field">
                                                        <thead>
                                                            <th>SN#</th>
                                                            <th>Type</th>
                                                            <th>Latitute</th>
                                                            <th>longitude</th>
                                                            <th>Actions</th>
                                                        </thead>
                                                        <tbody>
                                                            @php
                                                                $areas = json_decode($branch->branch_area);

                                                            @endphp
                                                            @foreach ($areas as $key => $area_branch)
                                                                @php
                                                                $str_arr = preg_split ("/\,/", $area_branch);
                                                                @endphp
                                                            <tr id="row{{$key}}" class="dynamic-added">
                                                                <td>{{$key + 1}}</td>
                                                                <td><input type="radio" name="type" id="type_{{ $key }}" value="{{ $key + 1}}"></td>
                                                                <td><input type="number" name="latitute[]" id="latclicked_{{ $key }}" readonly onkeydown="return event.keyCode !== 69"  value="{{@$str_arr[0]}}" placeholder="Enter Latitude" class="form-control name_list" step="0.0000000000001"/></td>
                                                                <td><input type="number" name="longitude[]" id="longclicked_{{ $key }}" readonly  onkeydown="return event.keyCode !== 69"  value="{{@$str_arr[1]}}" placeholder="Enter longitude" class="form-control name_list" step="0.0000000000001"/></td>
                                                                @if((count($areas) - 1) == $key)
                                                                  <td class="col-md-2"><button type="button" name="add" id="add_more" class="btn btn-success">+</button></td>
                                                                @endif
                                                         </tr>
                                                            @endforeach

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        </br>
                                        <div class="form-group">
                                            <div class="col-sm-10 col-sm-offset-2">
                                                {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                                <a href="{{ Route('setBranchAreas.index') }}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div id="map"></div>
                                    </div>
                                </div>

                                 <div class="alert alert-danger print-error-msg" style="display:none;">
                                    <ul> </ul>
                                </div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
    @include("gnr.tools.managementLevel.branchArea.edit_map_script")
@endsection

@include("gnr.tools.managementLevel.branchArea.style")
<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $('form').submit(function(event){
            event.preventDefault();
            var length = $('.name_list').length;
           if(length < 10){
                var opts =  message;
                toastr.warning("Message! Set at least 10 area locations.", null, opts);
            }else{
                $.ajax({
                    type: 'post',
                    url: "{{route('setBranchAreas.store')}}",
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function(data) {
                        console.log(data);
                        var opts = message();
                        if(data.status == false){
                            toastr.warning(data.title, null, opts);
                        }
                        if(data.errors){
                            var opts = {
									"closeButton": true,
									"debug": false,
									"positionClass": "toast-top-right",
									"onclick": null,
									"showDuration": "300",
									"hideDuration": "1000",
									"timeOut": "5000",
									"extendedTimeOut": "1000",
									"showEasing": "swing",
									"hideEasing": "linear",
									"showMethod": "fadeIn",
									"hideMethod": "fadeOut"
								};
                            $.each(data.errors, function (key, value) {
                                toastr.error(value, null, opts);
                            });
                        }
                        if(data.status == true){

                            toastr.success(data.title, null, opts);
                            setTimeout(function(){
                                window.location.href = "{{ Route('setBranchAreas.index') }}";
                            }, 3000);
                        }

                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
                });
           }
        });

            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/branchArea/edit.blade.php:191
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/gnr/tools/managementLevel/branchArea/edit.blade.php</b> on line <b>191</b><br />