{{-- @extends('layouts.master')

@section('title', 'My account')

    @yield('navbar')

@section('content') --}}

<style>
    td input{
        width: 100%;
    }
</style>
    <div class="container-fluid">
        <div class="col-lg-2">

            <div class="panel panel-default">

                <div class="panel-body">
                    <a href="{{url('myaccount/myprofile')}}"><i class="fa fa-user profile"></i> Profile</a><br/>
                    {{-- <a class="profile"><i class="fa fa-user "></i> Profile</a><br/> --}}
                    <a href="{{url('myaccount/myorders')}}"><i class="fa fa-lightbulb-o"></i> Order history</a>
                </div>

            </div>

        </div>
        <div class="col-lg-6 main-content">

            @if(isset($user))

            <div class="panel panel-info">

                <div class="panel-heading">
                    <h4>{{$user->title.'. '.$user->name}}</h4>
                </div>

                <div class="panel-body">

                    <table class="table table-responsive">
                        <tr>
                            <td>Address: </td>
                            <td>{{$user->no.','.$user->street.','.$user->city->name.','}}</td>
                        </tr>
                        <tr>
                            <td>Phone</td>
                            <td>{{$user->phone}}</td>
                        </tr>
                        <tr>
                            <td>e-mail</td>
                            <td>{{$user->email}}</td>
                        </tr>
                        <tr>
                            <td>Phone</td>
                            <td>{{$user->phone}}</td>
                        </tr>
                    </table>

                </div>

                <div class="panel-footer">
                    <a  type="button" class="btn btn-sm btn-warning edit"><i class="glyphicon glyphicon-edit"></i></a>
                </div>

            </div>

            @endif

        </div>
        <div class="col-lg-3"></div>
    </div>

<div id="map"></div>


<style>
#map{
    width: 100%;
    height:500px;
}

</style>
    @if(isset($user))
    <div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <table>
            {!! Form::open(['url' => ['profile/update'], 'method' => 'POST']) !!}
          <td>No: </td>
                            <td><input type="text" value="{{$user->no}}" name="no"></td>
                            <input type="hidden" value="{{$user->id}}" name="id">
                        </tr>
                        <tr>
                            <td>Street</td>
                            <td><input type="text" name="street" id="" value="{{$user->street}}"></td>
                        </tr>
                        <tr>
                            <td>City</td>
                            <td>
                            <select name="city_id" id="" style="width: 100%">
                                <option value="{{$user->city->city_id}}">{{$user->city->name}}</option>
                              @foreach($cities as $city)
                              <option value="{{$city->city_id}}">{{$city->name}}</option> 
                              @endforeach 
</td> 

                            </select>

                        </tr>
                        <tr>
                            <td>Phone</td>
                            <td><input type="text" name="phone" id="" value="{{$user->phone}}"></td>
                        </tr>
                        <tr>
                            <td>e-mail</td>
                            <td><input type="email" name="email" id="" value="{{$user->email}}"></td>
                        </tr>

                        </table>
                       <!--  <tr>
                            <td>Phone</td>
                            <td>{{$user->phone}}</td>
                        </tr> -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary save">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
     @endif
@section('scripts')


<script>
    $( document ).ready(function() {
  $('.edit').click(
function(){

$('.modal').modal();


} );


$('.save').click(
function(){
var url=$('form').attr('action');
var data=$('form').serialize();
var str='auth/login';




 $.post(url, data, function(result){

if (result=='ok') {

    $('.modal').modal('hide');
    swal("your profile has update please login again");
   
Swal({
  title: '',
  text: 'your profile has update please login again',
  imageUrl: '{{url().'/img/rsz_logo2.png'}}',
  imageWidth: 100,
  imageHeight: 100,
  imageAlt: 'Kikma',
  animation: false
});

    window.location ='../auth/logout';
}

              
              

                });


}

    );





});

// $('.profile').click(function () {
   
//     $('.main-content').empty();
//     $('.main-content').load('{{URL::to("myaccount/myorders")}}');
// }




// );


// Initialize and add the map
function initMap() {
  // The location of Uluru
  var uluru = {lat: , lng: 131.036};
  // The map, centered at Uluru
  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 7, center: uluru});
  // The marker, positioned at Uluru
  var marker = new google.maps.Marker({position: uluru, map: map});
}
</script>

@endsection
@endsection



       <script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCdEGdmfelt8-kMGHcgxaZt_kS6UeSTF5k&callback=initMap">
</script>