File: /var/www/html/property.fieldblaze.com/resources/views/agent/properties/edit.blade.php
@extends('frontend.layouts.app')
@section('styles')
@endsection
@section('content')
<section class="section">
<div class="container">
<div class="row">
<div class="col s12 m3">
<div class="agent-sidebar">
@include('agent.sidebar')
</div>
</div>
<div class="col s12 m9">
<div class="agent-content">
<h4 class="agent-title">EDIT PROPERTY</h4>
<form action="{{route('agent.properties.update',$property->slug)}}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">title</i>
<input id="title" name="title" type="text" class="validate" value="{{ $property->title }}" data-length="200">
<label for="title">Title</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">attach_money</i>
<input id="price" name="price" type="number" value="{{ $property->price }}" class="validate">
<label for="price">Price</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">business</i>
<input id="area" name="area" type="number" value="{{ $property->area }}" class="validate">
<label for="area">Floor Area</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">airline_seat_flat</i>
<input id="bedroom" name="bedroom" type="number" value="{{ $property->bedroom }}" class="validate">
<label for="bedroom">Bedroom</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">event_seat</i>
<input id="bathroom" name="bathroom" type="number" value="{{ $property->bathroom }}" class="validate">
<label for="bathroom">Bathroom</label>
</div>
</div>
<div class="row">
<div class="input-field col s4">
<i class="material-icons prefix">location_city</i>
<input id="city" name="city" type="text" value="{{ $property->city }}" class="validate">
<label for="city">City</label>
</div>
<div class="input-field col s8">
<i class="material-icons prefix">account_balance</i>
<textarea id="address" name="address" class="materialize-textarea">{{ $property->address }}</textarea>
<label for="address">Address</label>
</div>
</div>
<div class="row">
<div class="input-field col s3">
<p>
<label>
<input type="checkbox" name="featured" class="filled-in" {{ $property->featured == 1 ? 'checked' : '' }} />
<span>Featured</span>
</label>
</p>
</div>
<div class="input-field col s9">
<i class="material-icons prefix">mode_edit</i>
<textarea id="description" name="description" class="materialize-textarea">{{ $property->description }}</textarea>
<label for="description">Description</label>
</div>
</div>
<div class="row">
<div class="col s3">
<label class="label-custom" for="type">Property Type</label>
<p>
<label>
<input class="with-gap" name="type" value="house" type="radio" {{ $property->type == 'house' ? 'checked' : '' }} />
<span>Sale</span>
</label>
<p>
</p>
<label>
<input class="with-gap" name="type" value="apartment" type="radio" {{ $property->type == 'apartment' ? 'checked' : '' }} />
<span>Rent</span>
</label>
</p>
</div>
<div class="col s3">
<label class="label-custom" for="purpose">Property Purpose</label>
<p>
<label>
<input class="with-gap" name="purpose" value="sale" type="radio" {{ $property->purpose == 'sale' ? 'checked' : '' }} />
<span>House</span>
</label>
<p>
</p>
<label>
<input class="with-gap" name="purpose" value="rent" type="radio" {{ $property->purpose == 'rent' ? 'checked' : '' }} />
<span>Apartment</span>
</label>
</p>
</div>
<div class="input-field col s6">
<select multiple name="features[]">
<option value="" disabled>Choose Features</option>
@foreach($features as $feature)
<option value="{{ $feature->id }}"
@foreach($property->features as $checked)
{{ ($checked->id == $feature->id) ? 'selected' : '' }}
@endforeach
>{{ $feature->name }}</option>
@endforeach
</select>
<label class="label-custom">Select Features</label>
</div>
</div>
<div class="row">
<div class="file-field input-field col s10">
<div class="btn indigo">
<span>Featured Image</span>
<input type="file" name="image">
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
</div>
<div class="file-field input-field col s2">
@if(Storage::disk('public')->exists('property/'.$property->image) && $property->image )
<img src="{{Storage::url('property/'.$property->image)}}" alt="{{$property->title}}" class="responsive-img">
@endif
</div>
</div>
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">map</i>
<input id="location_latitude" name="location_latitude" type="text" value="{{ $property->location_latitude }}" class="validate">
<label for="location_latitude">Latitude</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">map</i>
<input id="location_longitude" name="location_longitude" type="text" value="{{ $property->location_longitude }}" class="validate">
<label for="location_longitude">Longitude</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">voice_chat</i>
<input id="video" name="video" type="text" value="{{ $property->video }}" class="validate">
<label for="video">Youtube Link</label>
</div>
</div>
<div class="row">
<div class="file-field input-field col s10">
<div class="btn indigo">
<span>Floor Plan</span>
<input type="file" name="floor_plan">
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
</div>
<div class="file-field input-field col s2">
@if(Storage::disk('public')->exists('property/'.$property->floor_plan) && $property->floor_plan )
<img src="{{Storage::url('property/'.$property->floor_plan)}}" alt="{{$property->title}}" class="responsive-img">
@endif
</div>
</div>
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">place</i>
<textarea id="nearby" name="nearby" class="materialize-textarea">{{ $property->nearby }}</textarea>
<label for="nearby">Nearby</label>
</div>
</div>
@if($property->gallery)
<div class="row m-b-0">
@foreach($property->gallery as $gallery)
<div class="col m3 s6">
<div class="gallery-image-edit" id="gallery-{{$gallery->id}}">
<button type="button" data-id="{{$gallery->id}}" class="btn btn-small red"><i class="material-icons">delete_forever</i></button>
<img class="responsive-img" src="{{Storage::url('property/gallery/'.$gallery->name)}}" alt="{{$gallery->name}}">
</div>
</div>
@endforeach
</div>
@endif
<div class="row">
<div class="file-field input-field col s12">
<div class="btn indigo">
<span>Upload Gallery Images</span>
<input type="file" name="gallaryimage[]" multiple>
<span class="helper-text" data-error="wrong" data-success="right">Upload one or more images</span>
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text" placeholder="Upload one or more images">
</div>
</div>
</div>
<div class="row">
<div class="col s12 m-t-30">
<button class="btn waves-effect waves-light btn-large indigo darken-4" type="submit">
Submit
<i class="material-icons right">send</i>
</button>
</div>
</div>
</form>
</div>
</div> <!-- /.col -->
</div>
</div>
</section>
@endsection
@section('scripts')
<script>
$(document).ready(function() {
$('input#title, textarea#nearby').characterCounter();
$('select').formSelect();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
// DELETE PROPERTY GALLERY IMAGE
$('.gallery-image-edit button').on('click',function(e){
e.preventDefault();
var id = $(this).data('id');
var image = $('#gallery-'+id+' img').attr('alt');
$.post("{{route('agent.gallery-delete')}}",{id:id,image:image},function(data){
if(data.msg == true){
$('#gallery-'+id).parent().remove();
M.toast({html: 'Image deleted successfully.', classes:'green darken-4'})
}
});
});
});
</script>
@endsection