@extends('home.template') 
@section('head')
@endsection
 
@section('content')
<section class="save-list">
    <div class="inner">
        <div class="save-list__text">
            物件検索ページにある「この検索条件を保存する」をクリックすると、検索条件を保存することができます。<br> 検索条件を保存しておくと、その条件でいつでも検索していただけます。
            <br> {{-- ※お気に入りリストの登録にはCookieとJavascriptを使用しています。これらの機能をONにしてください。 --}}
        </div>
        <div class="save-list__lists">
            @for ($i = 1; $i <= 3; $i++)
            <!-- <div class="save-list__list" id="row{{$i}}">
                <div class="save-list__joken">
                    条件{{$i}}
                </div>
                <div class="save-list__date">
                    保存日：2019/4/4
                </div>
                <div class="save-list__infos">
                    <div class="save-list__info">
                        物件種別：中古マンション　　学校区：●●中学校　　間取り：2LDK<br> 物件価格：1,000万円〜　建築年数：5年以上〜
                    </div>
                    <div class="save-list__links">
                        <a href="" class="save-list__search">
                                    <i class="fas fa-search"></i>この条件で検索
                            </a>
                        <a href="javascript:deleteItem({{$i}})" class="save-list__trash" onclick="">
								<i class="fas fa-trash-alt"></i>この検索条件を削除する
						</a>
						
						
                    </div>
                </div>
            </div> -->
            @endfor
			
			<script>
				function deleteItem(i){
					$("#row"+i).hide();
					
				};
			</script>
        </div>
    </div>
</section>
<style type="text/css">
    @media screen and (max-width: 768px) and (max-device-width: 1024px) {
        .wrapper {
            width: auto;
        }

        .header__link-wrapper .header__link {
            margin: 0 25px 0 0;
        }

        .inner {
            width: auto;
        }

        .header__form .header__input {
            width: 200px;
        }
    }
</style>
@endsection