@php
    $price = null;
    $deposit = null;
    $dateAvailable = null;
    $size = null;
        if(session()->has('data') &&  !str_contains(request()->fullUrl(), 'tim-ban/cap-nhat'))
    {

        $data = session()->get('data');

    if(isset($data['price'])) {
        $price = $data['price'];
        }
        if(isset($data['size'])) {
        $size = $data['size'];
        }
        if(isset($data['deposit'])) {
        $deposit= $data['deposit'];
        }
        if(isset($data['date_available'])) {
        $dateAvailable = $data['date_available'];
        }
    } else {

if(str_contains(request()->fullUrl(), 'tim-ban/cap-nhat'))
{
    if(isset($room))
    {
         $price = $room->price;
         $size = $room->size;
         $deposit = $room->deposit;
         $dateAvailable = $room->date_available;

         if(!empty($dateAvailable))
         {
         $dateAvailable = $dateAvailable->format('d/m/Y');
         }


    }
    }
}
@endphp
<div class="add-post__single-info-section ht-depth-1 mb-12" id="step-3">
    <div class="section-header">
        <div class="flex flex-ai-center">
            <div class="flex-item flex-item-tw">
                <div class="section-header__icon"><img src="/frontend3/assets/img/step/3.svg"
                                                       width="20" height="20" alt=""></div>
            </div>
            <div class="flex-item flex-item-dw">
                <h3 class="section-header__title">Giá phòng & Ngày chuyển</h3>
            </div>
        </div>
    </div>
    <div class="section-content">
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="filter-label-wrap">
                            <label>Tiền phòng</label>
                        </div>
                    </div>
                    <div class="col-xs-8 more-pr">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">$</div>
                                <input type="text" class="form-control price_h" placeholder="Điền số tiền" value="{{ $price }}" name="price">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="row">
                    <div class="col-xs-4 more-pl">
                        <div class="filter-label-wrap">
                            <label>Đặt cọc</label>
                        </div>
                    </div>
                    <div class="col-xs-8">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">$</div>
                                <input type="text" class="form-control price_h" placeholder="Điền số tiền" value="{{ $deposit }}" name="deposit">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="filter-label-wrap">
                            <label>Ngày chuyển</label>
                        </div>
                    </div>
                    <div class="col-xs-10">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control datepicker" value="{{ $dateAvailable }}" name="date_available"
                                       placeholder="Chọn ngày có thể chuyến tới">
                                <div class="input-group-addon"><i class="ion-android-calendar"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="filter-label-wrap">
                            <label>Diện tích</label>
                        </div>
                    </div>
                    <div class="col-xs-10">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="number" step="0.1" class="form-control" value="{{ $size }}" name="size"
                                       placeholder="Điền diện tích">
                                <div class="input-group-addon"><i class="ion-arrow-resize"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@push('scripts')
<script>
    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy',
        autoclose: true
    });

    $('.price_h').keyup(function (event) {

        // skip for arrow keys
        if (event.which >= 37 && event.which <= 40)
            return;

        // format number
        $(this).val(function (index, value) {
            return value
                .replace(/\D/g, "")
                .replace(/\B(?=(\d{3})+(?!\d))/g, ".")
                ;
        });
    });

</script>
@endpush