@extends('layout.app')

@section('content')

    <ol class="breadcrumb bc-3">
        <li><a href="#"><i class="fa-home"></i>Home</a></li>
        <li><a href="{{ route('property') }}">Properties</a></li>
        <li class="active"><strong>{{ $property ? 'Edit' : 'Add' }} Property</strong></li>
    </ol>

    <br/>
    <h3>{{ $property ? 'Edit Property' : 'Add New Property' }}</h3>
    <br/>

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $e)
                    <li>{{ $e }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="panel panel-default">
        <div class="panel-body">
            <form method="POST"
                  action="{{ $property ? route('property.update', $property->_id) : route('property.store') }}">
                @csrf
                @if($property) @method('PUT') @endif

                <div class="row">
                    {{-- Property ID --}}
                    <div class="col-md-4 form-group">
                        <label>Property ID <span class="text-danger">*</span></label>
                        <input type="text" name="_id" class="form-control bg-light"
                               value="{{ old('_id', $property->_id ?? $nextId) }}"
                               readonly
                               placeholder="e.g. prop_001">
                        <small class="text-info">
                            <i class="fas fa-lock"></i> System generated unique ID.
                        </small>
                    </div>

                    {{-- Type --}}
                    <div class="col-md-4 form-group">
                        <label>Type <span class="text-danger">*</span></label>
                        <select name="type" class="form-control">
                            @foreach(['Studio Apartment','1-Bedroom Apartment','2-Bedroom Apartment','3-Bedroom Apartment','4-Bedroom Apartment'] as $t)
                                <option value="{{ $t }}"
                                    {{ old('type', $property->type ?? '') == $t ? 'selected' : '' }}>
                                    {{ $t }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    {{-- Borough --}}
                    <div class="col-md-4 form-group">
                        <label>Borough <span class="text-danger">*</span></label>
                        <select name="borough" class="form-control">
                            @foreach(['Manhattan','Brooklyn','Queens','Bronx','Staten Island','New Jersey','Connecticut'] as $b)
                                <option value="{{ $b }}"
                                    {{ old('borough', $property->borough ?? '') == $b ? 'selected' : '' }}>
                                    {{ $b }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row">
                    {{-- Address --}}
                    <div class="col-md-8 form-group">
                        <label>Address <span class="text-danger">*</span></label>
                        <input type="text" name="address" class="form-control"
                               value="{{ old('address', $property->address ?? '') }}"
                               placeholder="123 Main St, Brooklyn, NY 11201">
                    </div>

                    {{-- Neighborhood --}}
                    <div class="col-md-4 form-group">
                        <label>Neighborhood</label>
                        <input type="text" name="neighborhood" class="form-control"
                               value="{{ old('neighborhood', $property->neighborhood ?? '') }}"
                               placeholder="e.g. Brooklyn Heights">
                    </div>
                </div>

                <div class="row">
                    {{-- Bedrooms --}}
                    <div class="col-md-2 form-group">
                        <label>Bedrooms <span class="text-danger">*</span></label>
                        <input type="number" name="bedrooms" class="form-control" min="0"
                               value="{{ old('bedrooms', $property->bedrooms ?? 1) }}">
                    </div>

                    {{-- Bathrooms --}}
                    <div class="col-md-2 form-group">
                        <label>Bathrooms <span class="text-danger">*</span></label>
                        <input type="number" name="bathrooms" class="form-control" min="1"
                               value="{{ old('bathrooms', $property->bathrooms ?? 1) }}">
                    </div>

                    {{-- Sqft --}}
                    <div class="col-md-2 form-group">
                        <label>Sq Ft <span class="text-danger">*</span></label>
                        <input type="number" name="sqft" class="form-control" min="0"
                               value="{{ old('sqft', $property->sqft ?? '') }}">
                    </div>

                    {{-- Rent Max --}}
                    <div class="col-md-3 form-group">
                        <label>Rent Max ($/mo) <span class="text-danger">*</span></label>
                        <input type="number" name="rent_max" class="form-control" min="0"
                               value="{{ old('rent_max', $property->rent_max ?? '') }}">
                    </div>

                    {{-- Rent Min --}}
                    <div class="col-md-3 form-group">
                        <label>Rent Min ($/mo) <span class="text-danger">*</span></label>
                        <input type="number" name="rent_min" class="form-control" min="0"
                               value="{{ old('rent_min', $property->rent_min ?? '') }}">
                    </div>
                </div>

                <div class="row">
                    {{-- Amenities --}}
                    <div class="col-md-8 form-group">
                        <label>Amenities <small class="text-muted">(comma separated)</small></label>
                        <input type="text" name="amenities" class="form-control"
                               value="{{ old('amenities', isset($property) ? implode(', ', is_array($property->amenities) ? $property->amenities : json_decode($property->amenities ?? '[]', true) ?? []) : '') }}"
                               placeholder="Gym, Parking, Doorman, Elevator">
                    </div>

                    {{-- Available --}}
                    <div class="col-md-4 form-group">
                        <label>Availability</label>
                        <div class="checkbox" style="margin-top:5px;">
                            <label>
                                <input type="checkbox" name="available" value="1"
                                    {{ old('available', $property->available ?? true) ? 'checked' : '' }}>
                                Available Now
                            </label>
                        </div>
                    </div>
                </div>

                {{-- Description --}}
                <div class="form-group">
                    <label>Description</label>
                    <textarea name="description" class="form-control" rows="3"
                              placeholder="Short description of the property...">{{ old('description', $property->description ?? '') }}</textarea>
                </div>

                <hr/>
                <button type="submit" class="btn btn-primary">
                    <i class="fa fa-save"></i>
                    {{ $property ? 'Update Property' : 'Create Property' }}
                </button>
                <a href="{{ route('property') }}" class="btn btn-default">Cancel</a>
            </form>
        </div>
    </div>

@endsection