@extends('tenant.layouts.master')

@section('style')
    <link rel="stylesheet" href="{{ asset('css/rentals/floors/index.css') }}">
@endsection

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.floors') => route('tenant.rentals.floors.index'),
            __('breadcrumb.edit_floor') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.floors'])
@endsection

@section('content')
    <section>
        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.floors')" link="/rentals/floors" />

        <form onsubmit="handleSubmit(event)" action="{{ route('tenant.rentals.floors.update', ['floor' => $floor->id]) }}"
            method="post" class="pb-3 rounded card">
            @method('put')
            @csrf

            <div class="card-header d-flex">
                <h4> @lang('rentals/floors/create.edit_floor')</h4>
            </div>

            <div class="card-body">
                <div class="row mt-3">
                    <div class="col-3 mb-3">
                        <label for="number" class="fw-bold"> @lang('rentals/floors/create.number')</label>
                        <input type="number" min="0" class="form-control" id="number" name="number"
                            value="{{ $floor->number }}" readonly>
                    </div>

                    <div class="col-3 mb-3">
                        <label for="building_id" class="rs fw-bold"> @lang('rentals/floors/create.building')</label>
                        <select name="building_id" id="building_id" required>
                            @foreach ($buildings as $building)
                                <option value="{{ $building->id }}"
                                    {{ $floor->building->id == $building->id ? 'selected' : '' }}>
                                    {{ $building->title }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-3 mb-3">
                        <label for="title" class="rs fw-bold"> @lang('rentals/floors/create.name')</label>
                        <input type="text" class="form-control" id="title" name="title" value="{{ $floor->title }}"
                            placeholder="{{__('rentals/floors/create.floor_name')}}" required>
                    </div>

                    <div class="col-3 mb-3">
                        <label for="area" class="rs fw-bold"> @lang('rentals/floors/create.area')</label>
                        <input type="number" min="0" class="form-control" id="area" value="{{ $floor->area }}"
                            placeholder="{{__('rentals/floors/create.floor_area')}}" name="area" required>
                    </div>
                </div>

                <div class="row">
                    <div class="col-3 mb-3">
                        <label for="shops_area" class="fw-bold rs"> @lang('rentals/floors/create.shops_area')</label>
                        <input type="number" name="shops_area" id="shops_area" class="form-control"
                            value="{{ $floor->shops_area }}" required>
                    </div>

                    <div class="col-3 mb-3">
                        <label for="booths_area" class="fw-bold rs">@lang('rentals/floors/create.deterioration_or_corridors_area')</label>
                        <input type="number" name="booths_area" id="booths_area" class="form-control"
                            value="{{ $floor->booths_area }}" required>
                    </div>

                    <div class="col-3 mb-3">
                        <label for="notice" class="fw-bold">@lang('rentals/floors/create.notes')</label>
                        <textarea class="form-control" name="notice" id="notice">{{ $floor->notice }}</textarea>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <button type="submit" class="btn orange-btn was-validated">@lang('general.edit')</button>
            </div>
        </form>
    </section>
@endsection