@extends('company.layout')

@section('page_title', '募集要項')

@section('content')

<div class="inner">
  <!-- pageTit -->
  <div class="pageTit">
    <div class="inner1100">
      <h1>募集要項</h1>
    </div>
  </div>

  <!-- breadcrumb -->
  <ul id="breadcrumb">
    <li><a href="/">TOP</a></li>
    <li><span>募集要項</span></li>
  </ul>

  <!-- main -->
  <div id="main">
    <div class="inner1100">
      
      @if ($recruitments->count() > 0)
        <!-- crm2Box -->
					<div class="recruitments__list">
            @foreach ($recruitments as $recruitment)
              <div>
                <a href="{{ route('company.recruitment.detail', ['subdomain' => $company->slug, 'id' => $recruitment->id]) }}" ></a>
                @if ($recruitment->image)
                  <img src="{{ $recruitment->getImageUrl() }}" alt="" width="500" height="375">
                @endif
                {{ $recruitment->title }}
                <div class="recruitments__item__arrow">
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="10" viewBox="0 0 15 10"><path id="arrow-next" d="M17.441,11.443a.68.68,0,0,0-.005.958L20.6,15.573H8.547a.677.677,0,0,0,0,1.354H20.6L17.43,20.1a.685.685,0,0,0,.005.958.675.675,0,0,0,.953-.005l4.293-4.323h0a.76.76,0,0,0,.141-.214.646.646,0,0,0,.052-.26.679.679,0,0,0-.193-.474l-4.293-4.323A.664.664,0,0,0,17.441,11.443Z" transform="translate(-7.875 -11.252)"></path></svg>
                </div>
              </div>
            @endforeach
					</div>
      @else
        <p style="text-align: center;">現在募集中の職種はございません</p>
      @endif

      
      
    </div>
  </div>
</div>

@include('company.part.entry')

@endsection