@extends('forms.addMap')
@section('container')
    <form class="form-horizontal" role="form" method="POST" action="{{url()->current()}}" id="mainForm" enctype="multipart/form-data">
        {{ csrf_field() }}
                        
        @foreach ($fieldNames as $field)
            <div class="form-group{{ $errors->has($fields[$i]) ? ' has-error' : '' }}">
                <label for="{{$fields[$i]}}" class="col-md-4 control-label">{{$field}}</label>
                <div class="col-md-6">
                    <input id="{{$fields[$i]}}" type="text" class="form-control" name="{{$fields[$i]}}" value="{{$fieldValues[$i]}}" required autofocus>
                    @if ($errors->has($fields[$i]))
                        <span class="help-block">
                            <strong>{{ $errors->first($fields[$i]) }}</strong>
                        </span>
                    @endif
                </div>
            </div>
                    @endforeach

        
       <input id="sellers" type="text" name="sellers" hidden>

        <table id="sellersTable" class="display" style="width:100%">
            <thead>
                <tr>
                    <th hidden>id</th>

                    <th>Vendedores Autorizados</th>
                </tr>
            </thead>
            <tbody>

                @foreach($sellers as $seller)
                                        @if($seller->authorized)
                                            @endif
                    <tr class="{{$selected}}"><td hidden>{{$seller->id}}</td><td>{{$seller->name}}</td></tr>
                @endforeach
            </tbody>
        </table>


        <input type="hidden" name="id" value="{{$idCliente}}">
        <div class="panel-heading">Ubicación</div>
        <div class="panel-body">
                        @foreach ($cliente->location->arrayfromKeys() as $location)
                <label >{{$location['title']}}:</label>
                <input id="{{$location['name']}}" type="text" class="form-control" name="{{$location['name']}}" value="{{ $location['value'] }}" required autofocus>
            @endforeach
        </div>

        <!-- MAPA-->
        <input style="color:gray;"  id="pac-input" class="controls" type="text" placeholder="Buscar...">
        <div id="map"></div>
        <input type="hidden" name="latitude" id="latitud" value="{{$cliente->location->latitude}}">
        <input type="hidden" name="longitude" id="longitud" value="{{$cliente->location->longitude}}">

        <input id="zipCode" type="hidden" name="zipCode" value="{{$cliente->location->zipCode}}">
        <!-- MAPA-->
        <br>
        <div class="form-group">
            <div class="col-md-6 col-md-offset-4">
                <button type="submit" class="btn btn-primary">
                    Guardar
                </button>
            </div>
        </div>
    </form>
    <script>
        var prevLatLng = {lat: parseFloat($('#latitud').val()), lng: parseFloat($('#longitud').val())};
        $(document).ready(function() {
            var tableSellers = $('#sellersTable').DataTable(
                {
                });
            /*
            $('#sellersTable tbody').on( 'click', 'tr', function () 
            {
                $(this).toggleClass('selected');
                var selectedS = tableSellers.rows('.selected').data()
                var str = '';
                for (var i = selectedS.length - 1; i >= 0; i--) 
                {
                    str = selectedS[i][0] + ',' + str
                }
                console.log(str)
                $('#sellers').val(str)
            });
            */
        });
    </script>
@endsection