@extends('portal.layout')

@section('title', 'Nueva habitacion')

@section('content')
@include('portal.partials.ui.publish-page-header', ['title' => 'Publicar habitación'])
<div id="housing-alert" class="alert alert-danger d-none"></div>
<form id="housing-form" class="card mt-shell-card p-4" data-endpoint="/housing-listings" data-redirect="{{ route('portal.dashboard') }}">
    <div class="mb-3">
        <label class="form-label" for="housing-title">Titulo</label>
        <input id="housing-title" name="title" class="form-control" value="{{ old('title') }}" required>
    </div>
    <div class="mb-3">
        <label class="form-label" for="housing-description">Descripcion</label>
        <textarea id="housing-description" name="description" class="form-control" rows="4" required>{{ old('description') }}</textarea>
    </div>
    <div class="mb-3">
        <label class="form-label" for="housing-location-name">Ubicacion</label>
        <input id="housing-location-name" name="location_name" class="form-control" value="{{ old('location_name') }}" required>
    </div>
    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label" for="housing-latitude">Latitud</label>
            <input id="housing-latitude" name="latitude" type="number" step="any" class="form-control" value="{{ old('latitude', 39.5696) }}" required>
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label" for="housing-longitude">Longitud</label>
            <input id="housing-longitude" name="longitude" type="number" step="any" class="form-control" value="{{ old('longitude', 2.6502) }}" required>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 mb-3">
            <label class="form-label" for="housing-monthly-price">Precio mensual (EUR)</label>
            <input id="housing-monthly-price" name="monthly_price" type="number" step="0.01" class="form-control" value="{{ old('monthly_price', 500) }}" required>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label" for="housing-rooms">Habitaciones</label>
            <input id="housing-rooms" name="rooms" type="number" class="form-control" value="{{ old('rooms', 1) }}" required>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label" for="housing-available-from">Disponible desde</label>
            <input id="housing-available-from" name="available_from" type="date" class="form-control" value="{{ old('available_from', now()->toDateString()) }}" required>
        </div>
    </div>
    @include('portal.partials.ui.form-actions', [
        'submitId' => 'housing-submit-btn',
        'submitLabel' => 'Publicar',
        'cancelUrl' => route('portal.dashboard'),
    ])
</form>
@endsection

@push('scripts')
    <script src="{{ asset('js/portal-housing-create.js') }}" defer></script>
@endpush