@extends('layouts.master')
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
</style>
@section('content')
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>Monitor Settings</h3>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <div class="clearfix"></div>
                            <div class="row">
                             
                                @if (Session::has('dangerMessage') || count($errors))
                                    <div class="alert alert-danger" role="alert">
                                        <button type="button" class="close" data-dismiss="alert"><span
                                                aria-hidden="true">&times;</span><span
                                                class="sr-only">Close</span></button>
                                        {!! html_entity_decode(session('dangerMessage')) !!}
                                        {{ $errors->first() }}
                                    </div>
                                @endif
                                {{-- END ALERT BLOCK --}}
                               

                                {{-- {{ Form::open( array('url' => action('LiveController@add_monitor_settings'), 'method'=>'post', 'enctype' => 'multipart/form-data' )) }} 
                               
                                  --}}
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                    @if (Session::has('success'))
                                        <div class="alert alert-success text-center">
                                            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                                            <p>{{ Session::get('success') }}</p>
                                        </div>
                                    @endif
                                    <table class="table table-bordered" id="dynamicAddRemove">
                                        <tr>
                                            <th>Latitude</th>
                                            <th>Longitude</th>
                                            <th>Radius</th>
                                        </tr>
                                        
                                    {{-- @if($settings as $setting)
                                    {{ $user->lagitude }}
                                    {{ $user->latitude }}
                                    {{ $user->radius }}
                                    @endif --}}
                                        <tr>
                                            <td><input type="text" name="monitorSettingsFields[0][latitude]"
                                                    placeholder="Enter Latitude" class="form-control" /></td>
                                            <td><input type="text" name="monitorSettingsFields[0][longitude]"
                                                    placeholder="Enter Longitude" class="form-control" /></td>
                                            <td><input type="text" name="monitorSettingsFields[0][radius]"
                                                    placeholder="Enter Radius" class="form-control" /></td>
                                            <td><button type="button" name="add" id="add-btn" class="btn btn-success">Add
                                                    More</button></td>
                                        </tr>
                                    </table>
                                    {{-- {!! Form::submit('Update', ['class' => 'btn btn-info']) !!}

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

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    <script type="text/javascript" language="javascript">
        $(document).on('ready', () => {
            var i = 0;
            $("#add-btn").click(function() {
                console.log('insert...');
                ++i;
                $("#dynamicAddRemove").append('<tr><td><input type="text" name="monitorSettingsFields[' +
                    i +
                    '][Latitude]" placeholder="Enter Latitude" class="form-control"/></td><td><input type="text" name="monitorSettingsFields[' +
                    i +
                    '][Longitude]" placeholder="Enter Longitude" class="form-control"/></td><td><input type="text" name="monitorSettingsFields[' +
                    i +
                    '][Radius]" placeholder="Enter Radius" class="form-control"/></td><td><button type="button" class="btn btn-danger remove-tr">Remove</button></td></tr>'
                );
            });
            $(document).on('click', '.remove-tr', function() {
                $(this).parents('tr').remove();
            });
        })
    </script>