@extends('layouts.layout')

@section('meta')
  @parent
  <meta name="description" content="アイリス不動産はお客様のニーズに合わせて、アパートの貸し出し、不動産投資相談、不動産査定といったサービスを高い品質で提供しています。豊富な経験と専門知識を活かし、お客様の理想の住まい探しをサポートします。">
@endsection

@section('title')
  アイリス不動産 | 不動産のことなら何でもお任せ！
@endsection

@section('style')
  @parent
  <link rel="stylesheet" href="{{ mix('css/all_for_index.css') }}">
@endsection

@section('top_image')
  <div id="top_image_container">
    <div id="top_image_phrase">
      不動産で何かお困りなことはありませんか？<br>
      安心と安全のアイリス不動産と一緒に理想の住まいを見つけましょう！
    </div>
    <img id="top_image" src="{{ asset('storage/home/top_image.jpg') }}" alt="アイリス不動産のトップ画像">
  </div>
@endsection

@section('content_title')
  アイリス不動産
@endsection

@section('content')
  <section id="introduction_section">
    <h2 class="section_title">紹介</h2>

    <p id="introduction">
      アイリス不動産は不動産の分野においてプロフェッショナルであり、長年の経験と専門知識を活かし信頼できる不動産サービスを提供しています。我々の使命は
      お客様が理想の住まいを見つけ、満足していただけるように支援させていただくことです。お客様のご要望やご質問に常に耳を傾け、信頼と
      透明性を持つ最適なソリューションを提案させていただきます。我々の具体的なサービスとして、不動産の賃貸、投資、査定などがあり、
      お客様のあらゆる不動産ニーズに対応できるようにしております。また、我々のブログでは日々、不動産市場の最新情報を発信しており、お客様の
      知りたいことや為になることをお届けしております。家は人生の中で最も大切な場所のひとつ。お客様の暮らしを豊かにするお手伝いをさせていただけることを
      心より楽しみにしています。一緒に新しい未来を築きましょう。
    </p>
  </section>
  
  <section id="service_section">
    <h2 class="section_title">サービス一覧</h2>

    <div id="services">
      <div class="service">
        <figure>
          <img class="service_image" src="{{ asset('storage/home/apartment.png') }}" alt="アパート賃貸のアイコン">
          <figcaption>
            <h3>アパート賃貸</h3>          
          </figcaption>
        </figure>
        <div class="service_description">
          神奈川県平塚市の魅力的なエリアに位置するアパートを貸し出しおります。中古物件ではありますが広々とした間取りが特長で、
          設備も充実しており、快適な生活空間を実現します。周辺には買い物施設や公共交通機関も充実しており、生活の利便性が高い立地です。
        </div>
        <div class="link_container">
          <a class="link" href="/assessment">もっと見る</a>
        </div>
      </div>
      <div class="service">
        <figure>
          <img class="service_image" src="{{ asset('storage/home/investment.png') }}" alt="不動産投資のアイコン">
          <figcaption>
            <h3>不動産投資</h3>  
          </figcaption>
        </figure>
        <div class="service_description">
          不動産投資に関するコンサルティングを行っており、専門知識を提供しお客様の投資ポートフォリオを最適化します。
          資産形成の手段として不動産を活用し安定した収益を実現しましょう。その第一歩を踏み出すためのお手伝いをさせていただきます。
        </div>
        <div class="link_container">
          <a class="link" href="/assessment">もっと見る</a>
        </div>  
      </div>
      <div class="service">
        <figure>
          <img class="service_image" src="{{ asset('storage/home/assessment.png') }}" alt="不動産査定のアイコン">
          <figcaption>
            <h3>不動産査定</h3>
          </figcaption>
        </figure>
        <div class="service_description">
          経験豊富な専門家が市場動向や地域の特性を考慮し、不動産の査定と売買の重要なステップをサポートします。
          査定のご依頼から結果報告までスムーズなプロセスをご提供し、安心して不動産取引を進めるお手伝いをさせていただきます。
        </div>
        <div class="link_container">
          <a class="link" href="/assessment">もっと見る</a>
        </div>  
      </div>
    </div>
  </section>

  <section id="blog_section">
    <h2 class="section_title">ブログ</h2>

    <div id="articles">
      @foreach(\App\Models\Article::orderBy('created_at', 'desc')->limit(3)->get() as $article)
        <div class="article">
          <a class="article_link" href="{{ url('/articles', ['id' => $article->id]) }}"></a>
          <img src="{{ asset('storage/articles/' . $article->thumbnail) }}" alt="{{ $article->thumbnail }}">
          <div class="article_title">
            <b>{{ $article->title }}</b>
          </div>
          <div class="article_category">
            <i class="fa-solid fa-list"></i> 
            @foreach($article->categories as $category)
              {{ $category->name }}
            @endforeach
          </div>
          <div class="article_created_at">
            <i class="fa-solid fa-calendar-days"></i> {{ $article->created_at->format('Y/m/d') }}
          </div>
        </div>
      @endforeach
    </div>
    <div class="link_container">
      <a class="link" href="/articles">他の記事</a>
    </div>
  </section>

  <section id="business_hours_section">
    <h2 class="section_title">営業時間</h2>

    <div id="business_hours_table_container">
      <table id="business_hours_table">
        <thead>
          <tr>
            <th></th>
            <th>月</th>
            <th>火</th>
            <th>水</th>
            <th>木</th>
            <th>金</th>
            <th>土</th>
            <th>日祝</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>9:00 - 17:00</td>
            <td>◯</td>
            <td>◯</td>
            <td>◯</td>
            <td>◯</td>
            <td>◯</td>
            <td>✕</td>
            <td>✕</td>
          </tr>
        </tbody>  
      </table>
    </div>    
  </section>
@endsection