@extends('admin.layouts.admin')
@section('content')
<!-- [ Main Content ] start -->
<div class="pc-container">
    <div class="pc-content">
        <!-- [ breadcrumb ] start -->
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.properties') }}">Properties</a></li>
                            <li class="breadcrumb-item" aria-current="page">{{ $title }}</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <!-- [ breadcrumb ] end -->

        <!-- [ Main Content ] start -->
        <div class="row">
            <!-- [ sample-page ] start -->
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ $title }}</h5>
                    </div>
                    <div class="card-body">
                        @if($action == 'Edit')
                        <form class="" role="form" id="edit_form" action="{{ route('admin.properties.update',$property->id) }}" method="post" enctype="multipart/form-data">

                            @else
                            <form class="" method="POST" id="add_form" action="{{ route('admin.properties.store') }}" enctype="multipart/form-data">
                                @endif
                                @csrf
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Title</label>
                                        @if(isset($property->title))
                                        @php $title=$property->title @endphp
                                        @elseif(old('title'))
                                        @php $title=old('title') @endphp
                                        @else
                                        @php $title='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="title" name="title" placeholder="Title" value="{{ $title }}">

                                        @error('title')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>


                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Type</label>
                                        @if(isset($property->property_type_id))
                                        @php $property_type_id=$property->property_type_id @endphp
                                        @elseif(old('property_type_id'))
                                        @php $property_type_id=old('property_type_id') @endphp
                                        @else
                                        @php $property_type_id=0 @endphp
                                        @endif
                                        <select class="form-control" name="property_type_id" id="property_type_id">
                                            @foreach($types as $type)
                                            <option value="{{ $type->id }}" {!! ($type->id==$property_type_id) ? 'selected' : '' !!}>{{ $type->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('property_type_id')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">No of Bed Rooms</label>
                                        @if(isset($property->no_of_bedrooms))
                                        @php $no_of_bedrooms=$property->no_of_bedrooms @endphp
                                        @elseif(old('no_of_bedrooms'))
                                        @php $no_of_bedrooms=old('no_of_bedrooms') @endphp
                                        @else
                                        @php $no_of_bedrooms='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="no_of_bedrooms" name="no_of_bedrooms" placeholder="No of Bed Rooms" value="{{ $no_of_bedrooms }}">

                                        @error('no_of_bedrooms')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">No of Bath Rooms</label>
                                        @if(isset($property->no_of_bathrooms))
                                        @php $no_of_bathrooms=$property->no_of_bathrooms @endphp
                                        @elseif(old('no_of_bathrooms'))
                                        @php $no_of_bathrooms=old('no_of_bathrooms') @endphp
                                        @else
                                        @php $no_of_bathrooms='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="no_of_bathrooms" name="no_of_bathrooms" placeholder="No of Bath Rooms" value="{{ $no_of_bathrooms }}">

                                        @error('no_of_bathrooms')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Area sqft</label>
                                        @if(isset($property->sqft))
                                        @php $sqft=$property->sqft @endphp
                                        @elseif(old('sqft'))
                                        @php $sqft=old('sqft') @endphp
                                        @else
                                        @php $sqft='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="sqft" name="sqft" placeholder="Area sqft" value="{{ $sqft }}">

                                        @error('sqft')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Width</label>
                                        @if(isset($property->width))
                                        @php $width=$property->width @endphp
                                        @elseif(old('width'))
                                        @php $width=old('width') @endphp
                                        @else
                                        @php $width='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="width" name="width" placeholder="Width" value="{{ $width }}">

                                        @error('sqft')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Depth</label>
                                        @if(isset($property->depth))
                                        @php $depth=$property->depth @endphp
                                        @elseif(old('depth'))
                                        @php $depth=old('depth') @endphp
                                        @else
                                        @php $depth='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="depth" name="depth" placeholder="Depth" value="{{ $depth }}">

                                        @error('sqft')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Price</label>
                                        @if(isset($property->price))
                                        @php $price=$property->price @endphp
                                        @elseif(old('price'))
                                        @php $price=old('price') @endphp
                                        @else
                                        @php $price='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="price" name="price" placeholder="Price" value="{{ $price }}">

                                        @error('price')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Description</label>
                                        @if(isset($property->description))
                                        @php $description=$property->description @endphp
                                        @elseif(old('name'))
                                        @php $description=old('description') @endphp
                                        @else
                                        @php $description='' @endphp
                                        @endif
                                        <textarea class="form-control" id="description" name="description" placeholder="Description">{!! $description !!}</textarea>

                                        @error('description')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Address</label>
                                        @if(isset($property->address))
                                        @php $address=$property->address @endphp
                                        @elseif(old('address'))
                                        @php $address=old('address') @endphp
                                        @else
                                        @php $address='' @endphp
                                        @endif
                                        <textarea class="form-control" id="address" name="address" placeholder="Address">{!! $address !!}</textarea>

                                        @error('address')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">No of Garage</label>
                                        @if(isset($property->no_of_garage))
                                        @php $no_of_garage=$property->no_of_garage @endphp
                                        @elseif(old('no_of_garage'))
                                        @php $no_of_garage=old('no_of_garage') @endphp
                                        @else
                                        @php $no_of_garage='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="no_of_garage" name="no_of_garage" placeholder="No of Garage" value="{{ $no_of_garage }}">

                                        @error('no_of_garage')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Garage Area sqft</label>
                                        @if(isset($property->garage_size))
                                        @php $garage_size=$property->garage_size @endphp
                                        @elseif(old('garage_size'))
                                        @php $garage_size=old('garage_size') @endphp
                                        @else
                                        @php $garage_size='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="garage_size" name="garage_size" placeholder="Garage Area sqft" value="{{ $garage_size }}">

                                        @error('garage_size')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Property Status</label>
                                        @if(isset($property->property_status))
                                        @php $property_status=$property->property_status @endphp
                                        @elseif(old('property_status'))
                                        @php $property_status=old('property_status') @endphp
                                        @else
                                        @php $property_status='' @endphp
                                        @endif
                                        <select class="form-control" name="property_status">
                                            <option>Select</option>
                                            <option>For Sale</option>
                                            <option>On Rent</option>
                                        </select>
                                        @error('property_status')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>


                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Exterior Features</label>
                                        @if(isset($property->exterior_features))
                                        @php $exterior_features=$property->exterior_features @endphp
                                        @elseif(old('exterior_features'))
                                        @php $exterior_features=old('exterior_features') @endphp
                                        @else
                                        @php $exterior_features='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="exterior_features" name="exterior_features" placeholder="Exterior Features" value="{{ $exterior_features }}">

                                        @error('exterior_features')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Roof</label>
                                        @if(isset($property->roof))
                                        @php $roof=$property->roof @endphp
                                        @elseif(old('roof'))
                                        @php $roof=old('roof') @endphp
                                        @else
                                        @php $roof='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="roof" name="roof" placeholder="Roof" value="{{ $roof }}">

                                        @error('roof')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Yard</label>
                                        @if(isset($property->yard))
                                        @php $yard=$property->yard @endphp
                                        @elseif(old('yard'))
                                        @php $yard=old('yard') @endphp
                                        @else
                                        @php $yard='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="yard" name="yard" placeholder="Yard" value="{{ $yard }}">

                                        @error('yard')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Types of rooms</label>
                                        @if(isset($property->types_of_rooms))
                                        @php $types_of_rooms=$property->types_of_rooms @endphp
                                        @elseif(old('types_of_rooms'))
                                        @php $types_of_rooms=old('types_of_rooms') @endphp
                                        @else
                                        @php $types_of_rooms='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="types_of_rooms" name="types_of_rooms" placeholder="Types of rooms" value="{{ $types_of_rooms }}">

                                        @error('types_of_rooms')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Flooring</label>
                                        @if(isset($property->flooring))
                                        @php $flooring=$property->flooring @endphp
                                        @elseif(old('flooring'))
                                        @php $flooring=old('flooring') @endphp
                                        @else
                                        @php $flooring='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="flooring" name="flooring" placeholder="Flooring" value="{{ $flooring }}">

                                        @error('flooring')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">No. of Kitchen</label>
                                        @if(isset($property->no_of_kitchen))
                                        @php $no_of_kitchen=$property->no_of_kitchen @endphp
                                        @elseif(old('no_of_kitchen'))
                                        @php $no_of_kitchen=old('no_of_kitchen') @endphp
                                        @else
                                        @php $no_of_kitchen='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="no_of_kitchen" name="no_of_kitchen" placeholder="No. of kitchen" value="{{ $no_of_kitchen }}">

                                        @error('no_of_kitchen')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Appliances, Counters</label>
                                        @if(isset($property->appliances_counters))
                                        @php $appliances_counters=$property->appliances_counters @endphp
                                        @elseif(old('appliances_counters'))
                                        @php $appliances_counters=old('appliances_counters') @endphp
                                        @else
                                        @php $appliances_counters='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="appliances_counters" name="appliances_counters" placeholder="Appliances and Counters" value="{{ $appliances_counters }}">

                                        @error('appliances_counters')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Dining</label>
                                        @if(isset($property->dining))
                                        @php $dining=$property->dining @endphp
                                        @elseif(old('dining'))
                                        @php $dining=old('dining') @endphp
                                        @else
                                        @php $dining='' @endphp
                                        @endif
                                        <input type="number" class="form-control" id="dining" name="dining" placeholder="Dining" value="{{ $dining }}">

                                        @error('dining')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Master Suite</label>
                                        @if(isset($property->master_suite))
                                        @php $master_suite=$property->master_suite @endphp
                                        @elseif(old('master_suite'))
                                        @php $master_suite=old('master_suite') @endphp
                                        @else
                                        @php $master_suite='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="master_suite" name="master_suite" placeholder="Master Suite" value="{{ $master_suite }}">

                                        @error('master_suite')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="title">Bathroom</label>
                                        @if(isset($property->bathroom_feature))
                                        @php $bathroom_feature=$property->bathroom_feature @endphp
                                        @elseif(old('bathroom_feature'))
                                        @php $bathroom_feature=old('bathroom_feature') @endphp
                                        @else
                                        @php $bathroom_feature='' @endphp
                                        @endif
                                        <input type="text" class="form-control" id="bathroom_feature" name="bathroom_feature" placeholder="Bathroom" value="{{ $bathroom_feature }}">

                                        @error('bathroom_feature')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <div class="form-group row align-items-center">
                                            <label class=" col-form-label">Active</label>
                                            <div class="col-sm-9">
                                                @if(isset($property->active) && $property->active==1)
                                                @php $active='checked' @endphp
                                                @else
                                                @php $active='' @endphp
                                                @endif
                                                <div class="form-check form-switch custom-switch-v1 form-check-inline">
                                                    <input type="checkbox" class="form-check-input input-primary" id="active" name="active" value=1 {{$active}}>
                                                    <!-- <label class="form-check-label" for="customCheckinlh1">Inline 1</label> -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <div class="form-group row align-items-center">
                                            <label class=" col-form-label">Visible On Home ?</label>
                                            <div class="col-sm-9">
                                                @if(isset($property->visible_on_home) && $property->visible_on_home==1)
                                                @php $visible_on_home='checked' @endphp
                                                @else
                                                @php $visible_on_home='' @endphp
                                                @endif
                                                <div class="form-check form-switch custom-switch-v1 form-check-inline">
                                                    <input type="checkbox" class="form-check-input input-primary" name="visible_on_home" id="visible_on_home" value=1 {{$visible_on_home}}>
                                                    <!-- <label class="form-check-label" for="customCheckinlh1">Inline 1</label> -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6  mb-3">
                                        <label class="form-label" for="image">Image (580*435)</label>
                                        <input type="file" class="form-control" id="image" name="image" aria-label="file example">
                                        @error('image')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror

                                        @if(isset($property->image) && $property->image!="")
                                        @php $image=asset(Storage::url('public/properties')).'/'.$property->image @endphp
                                        @else
                                        @php $image='' @endphp
                                        @endif
                                        <div id="image_display">
                                            @if($image!="")
                                            <img src="{{ $image }}" class="img-fluid">
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-lg-12 mt-4">
                                        <label for="file">Variation Images (Multiple)</label>
                                        <div class="upload__box">
                                            <div class="upload__btn-box col-lg-6">
                                                <!-- <label class="upload__btn"> -->
                                                <!-- Upload file -->
                                                <input type="file" multiple="" id="images" name="images[]" data-max_length="20" class="form-control upload__inputfile" accept="image/jpeg, image/jpg, image/png, application/pdf">
                                                <!-- </label> -->
                                            </div>
                                            <div class="upload__img-wrap">
                                            @if(isset($property))
                                                @foreach($property->images as $key=>$propertyImage)
                                                @if(isset($propertyImage->image) && $propertyImage->image!="")
                                                @php $image=asset(Storage::url('public/properties')).'/'.$propertyImage->image @endphp
                                                @else
                                                @php $image='' @endphp
                                                @endif

                                                <div class='upload__img-box'>
                                                    <div style='background-image: url("{{$image}}")' data-number="{{ $key }}" data-file='{{ $propertyImage->image }}' class='img-bg'>
                                                        <div class='upload__img-close' data-id="{{ $propertyImage->id }}"></div>
                                                    </div>
                                                </div>
                                                @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <button class="btn btn-primary mt-3" type="submit">Submit</button>
                            </form>
                    </div>
                </div>
            </div>
            <!-- [ sample-page ] end -->
        </div>
        <!-- [ Main Content ] end -->


    </div>
</div>
@endsection
@push('scripts')

<script type="text/javascript">
    $(document).ready(function() {
        var fileInput = document.getElementById('image');
        var fileDisplayArea = document.getElementById('image_display');


        fileInput.addEventListener('change', function(e) {
            var file = fileInput.files[0];
            var imageType = /image.*/;

            if (file.type.match(imageType)) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    fileDisplayArea.innerHTML = "";

                    var images = new Image();
                    images.src = reader.result;

                    fileDisplayArea.appendChild(images);
                }

                reader.readAsDataURL(file);
            } else {
                fileDisplayArea.innerHTML = "File not supported!"
            }
        });
        // });

        // $(document).ready(function() {
        ImgUpload();

        function ImgUpload() {
            var imgWrap = "";
            var imgArray = [];

            $('.upload__inputfile').each(function() {
                $(this).on('change', function(e) {
                    imgWrap = $(this).closest('.upload__box').find('.upload__img-wrap');
                    var maxLength = $(this).attr('data-max_length');

                    var files = e.target.files;
                    var filesArr = Array.prototype.slice.call(files);
                    var iterator = 0;


                    filesArr.forEach(function(f, index) {

                        // if (!f.type.match('image.*')) {
                        // return;
                        // }

                        if (imgArray.length > maxLength) {
                            return false
                        } else {
                            var len = 0;
                            for (var i = 0; i < imgArray.length; i++) {
                                if (imgArray[i] !== undefined) {
                                    len++;
                                }
                            }
                            if (len > maxLength) {
                                return false;
                            } else {
                                imgArray.push(f);

                                var reader = new FileReader();
                                reader.onload = function(e) {
                                    console.log(f.type);
                                    if (f.type == 'application/pdf') {
                                        var html = "<div class='upload__img-box'><div style='background-image: url(" + e.target.result + ")' data-number='" + $(".upload__img-close").length + "' data-file='" + f.name + "' class='img-bg' ><div class='upload__img-close'></div><img  src='https://cdn-icons-png.flaticon.com/128/337/337946.png'></div></div>";

                                    } else {
                                        var html = "<div class='upload__img-box'><div style='background-image: url(" + e.target.result + ")' data-number='" + $(".upload__img-close").length + "' data-file='" + f.name + "' class='img-bg'><div class='upload__img-close'></div></div></div>";

                                    }
                                    imgWrap.append(html);
                                    iterator++;
                                }
                                reader.readAsDataURL(f);
                            }
                        }
                    });
                });
            });

            $('body').on('click', ".upload__img-close", function(e) {
                if (confirm('Are you sure you want to delete ?')) {
                    var file = $(this).parent().data("file");
                    var id = $(this).attr('data-id');

                    // For some browsers, `attr` is undefined; for others,
                    // `attr` is false.  Check for both.
                    if (typeof id !== 'undefined' && id !== false) {
                        $.ajax({
                            url: "{{ route('admin.properties.delete_image') }}",
                            type: 'POST',
                            data: {
                                // _method: 'DELETE',
                                id: id
                            },
                            success: function(res) {
                                if (res.status == true) {

                                }
                            }
                        });
                    }
                    for (var i = 0; i < imgArray.length; i++) {
                        if (imgArray[i].name === file) {
                            imgArray.splice(i, 1);
                            break;
                        }
                    }
                    $(this).parent().parent().remove();
                    $(this).parent().children().remove();
                }
            });

        }
    });
</script>
@endpush