@extends('portal.layout')

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

@section('content')
@include('portal.partials.ui.publish-page-header', ['title' => 'Publicar ruta compartida'])
<div id="ride-alert" class="alert alert-danger d-none"></div>
<form id="ride-form" class="card mt-shell-card p-4" data-endpoint="/ride-offers" data-redirect="{{ route('portal.dashboard') }}">
    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label" for="ride-origin-name">Origen</label>
            <input id="ride-origin-name" name="origin_name" class="form-control" value="{{ old('origin_name') }}" required>
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label" for="ride-destination-name">Destino</label>
            <input id="ride-destination-name" name="destination_name" class="form-control" value="{{ old('destination_name') }}" required>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 mb-3"><label class="form-label" for="ride-origin-latitude">Lat origen</label><input id="ride-origin-latitude" name="origin_latitude" type="number" step="any" class="form-control" value="{{ old('origin_latitude', 39.5696) }}" required></div>
        <div class="col-md-3 mb-3"><label class="form-label" for="ride-origin-longitude">Lng origen</label><input id="ride-origin-longitude" name="origin_longitude" type="number" step="any" class="form-control" value="{{ old('origin_longitude', 2.6502) }}" required></div>
        <div class="col-md-3 mb-3"><label class="form-label" for="ride-destination-latitude">Lat destino</label><input id="ride-destination-latitude" name="destination_latitude" type="number" step="any" class="form-control" value="{{ old('destination_latitude', 39.5961) }}" required></div>
        <div class="col-md-3 mb-3"><label class="form-label" for="ride-destination-longitude">Lng destino</label><input id="ride-destination-longitude" name="destination_longitude" type="number" step="any" class="form-control" value="{{ old('destination_longitude', 3.3836) }}" required></div>
    </div>
    <div class="row">
        <div class="col-md-4 mb-3"><label class="form-label" for="ride-departure-time">Hora salida</label><input id="ride-departure-time" name="departure_time" type="time" class="form-control" value="{{ old('departure_time', '08:00') }}" required></div>
        <div class="col-md-4 mb-3"><label class="form-label" for="ride-available-seats">Plazas</label><input id="ride-available-seats" name="available_seats" type="number" class="form-control" value="{{ old('available_seats', 3) }}" required></div>
        <div class="col-md-4 mb-3"><label class="form-label" for="ride-price-per-seat">Precio/plaza</label><input id="ride-price-per-seat" name="price_per_seat" type="number" step="0.01" class="form-control" value="{{ old('price_per_seat', 5) }}"></div>
    </div>
    @include('portal.partials.ui.form-actions', [
        'submitId' => 'ride-submit-btn',
        'submitLabel' => 'Publicar',
        'cancelUrl' => route('portal.dashboard'),
    ])
</form>
@endsection

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