@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
    <div class="portlet-title">
        <div class="caption font-dark">                
            <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($apartment))?'Editare':'Adăugare' }} Apartament</span>
        </div>            
    </div>

    <div class="panel-body">
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <form method="POST" action="{{ route('apartment.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                    
                    @if (! empty($apartment))    
                        <input type="hidden" name="id" value="{{ $apartment->id }}">
                    @endif

                    <div class="form-group">
                        <label for="name">Nume</label>
                        <input type="text" disabled class="form-control" id="name" name="name" value="{{ (!empty($apartment))?$apartment->name:'' }}" required autofocus>
                    </div>

                    <div class="form-group">
                        <label for="apartment_type_id">Tip apartament</label>                        
                        <select id="apartment_type_id" name="apartment_type_id" class="form-control">
                            @foreach ($apartment_types as $tip)
                                <option value="{{ $tip->id }}" {{ (!empty($apartment) && $apartment->apartment_type_id==$tip->id)?'selected':'' }}>{{ $tip->name }}</option>
                            @endforeach                                    
                        </select>                        
                    </div>

                    <div class="form-group">
                        <label for="serviceType">Tip serviciu</label>                        
                        <select id="serviceType" name="serviceType" class="form-control">

                          <option value="Cumpărare" {{ (!empty($apartment) && $apartment->serviceType=="Cumpărare")?'selected':'' }}>Cumpărare</option>

                          <option value="Închiriere" {{ (!empty($apartment) && $apartment->serviceType=="Închiriere")?'selected':'' }}>Închiriere</option>

                          <option value="Regim Hotelier" {{ (!empty($apartment) && $apartment->serviceType=="Regim Hotelier")?'selected':'' }}>Regim Hotelier</option>
                            
                        </select>                        
                    </div>

                    <div class="form-group">
                        <label for="status">Status</label>                        
                        <select id="status" name="status" class="form-control">

                          <option value="Disponibil" {{ (!empty($apartment) && $apartment->status=="Disponibil")?'selected':'' }}>Disponibil</option>

                          <option value="Rezervat" {{ (!empty($apartment) && $apartment->status=="Rezervat")?'selected':'' }}>Rezervat</option>

                          <option value="Vândut" {{ (!empty($apartment) && $apartment->status=="Vândut")?'selected':'' }}>Vândut</option>

                          <option value="Închiriat" {{ (!empty($apartment) && $apartment->status=="Închiriat")?'selected':'' }}>Închiriat</option>
                            
                        </select>                        
                    </div>

                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('apartments') }}">
                                <button type="button" class="btn btn-danger">                            
                                    <i class="fa fa-close" aria-hidden="true"></i> Închide
                                </button>
                            </a>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                        </div>
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>

<form id="savePointForm" method="POST" action="{{ route('apartment.add.point', $apartment->id) }}"> 
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="latitude" id="latitude">
    <input type="hidden" name="longitude" id="longitude">
</form>

<form id="removePointForm" method="POST" action="{{ route('apartment.remove.point') }}"> 
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="point_id" id="point_id">
</form>

{!! $map['html'] !!}
@endsection

@section('scripts')
    {!! $map['js'] !!}
    <script>
    function initialize_map_aux() {
        initialize_map();

        google.maps.event.addListener(map, "click", function(event) {
            //alert(event.latLng.lat() + " - " + event.latLng.lng() )
            $("#latitude").val(event.latLng.lat());
            $("#longitude").val(event.latLng.lng());
            $("#savePointForm").submit();
        });
    }

    function removePin(id) {
        $("#point_id").val(id);
        //alert($("#point_id").val());
        $("#removePointForm").submit();
    }

    google.maps.event.addDomListener(window, "load", initialize_map_aux);
</script>
@endsection


@section('menuVariables')
    var menuItemName = "menuApartments";
    var submenuItemName = "";
@endsection