@extends('layouts.console')
@section('title', ($job && $job->exists) ? '求人編集' : '求人新規作成')
@section('console','店舗管理')@section('heading', ($job && $job->exists) ? '求人編集' : '求人新規作成')
@section('who', $member->name.' 様')@section('logout', route('member.logout'))
@section('nav')@include('member._nav')@endsection

@section('content')
<p style="margin:0 0 12px;"><a href="{{ route('member.jobs') }}" class="btn btn-sm">← 求人一覧へ</a></p>

@php $selectedTags = old('tags', $job?->tags ?? []); @endphp

<form method="post" action="{{ ($job && $job->exists) ? route('member.jobs.update',$job) : route('member.jobs.store') }}" class="card card-pad" style="max-width:820px;">@csrf
  <div class="field"><label>店舗 <span class="req">*</span></label>
    @if($job && $job->exists)
      <input type="hidden" name="shop_id" value="{{ $job->shop_id }}">
      <div>{{ optional($job->shop)->name }}</div>
    @else
      <select name="shop_id" required>
        <option value="">— 選択 —</option>
        @foreach($shops as $s)<option value="{{ $s->id }}" @selected(old('shop_id')==$s->id)>{{ $s->name }}</option>@endforeach
      </select>
    @endif
  </div>
  <div class="field"><label>タイトル <span class="req">*</span></label><input type="text" name="title" value="{{ old('title',$job->title ?? '') }}" required></div>
  <div class="field"><label>概要（一覧に表示・255字以内）</label><input type="text" name="summary" value="{{ old('summary',$job->summary ?? '') }}" maxlength="255"></div>

  @planfeature('job_featured_image')
  <div class="field"><label>アイキャッチ画像URL/パス</label>
    <input type="text" name="featured_image" value="{{ old('featured_image',$job->featured_image ?? '') }}" placeholder="https://… または /banner-uploads/foo.jpg">
    <div class="small muted">外部URL or サーバ内パス。一覧と詳細でサムネ/ヒーロー画像として表示。</div>
  </div>
  @else
  <div class="field"><label>アイキャッチ画像</label><div class="small muted">スタンダード以上のプランで画像が掲載できます。<a href="{{ route('member.billing') }}">プランを見る</a></div></div>
  @endplanfeature

  <div class="field"><label>特徴タグ（該当を選択）</label>
    <div class="row" style="gap:8px 14px;flex-wrap:wrap;">
      @foreach($tags as $t)
        <label class="small"><input type="checkbox" name="tags[]" value="{{ $t }}" @checked(in_array($t, (array)$selectedTags, true))> {{ $t }}</label>
      @endforeach
    </div>
  </div>

  <div class="row" style="gap:10px;flex-wrap:wrap;">
    <div class="field" style="flex:1;min-width:240px;"><label>給与</label><input type="text" name="wage" value="{{ old('wage',$job->wage ?? '') }}" placeholder="例：時給1500円〜／歩合65%"></div>
    <div class="field">
      <label>掲載期限 @if(!$member->planAllows('job_unlimited'))<span class="small muted">（最長90日）</span>@endif</label>
      <input type="date" name="expires_at" value="{{ old('expires_at',isset($job->expires_at)?optional($job->expires_at)->format('Y-m-d'):'') }}">
    </div>
  </div>

  <div class="field"><label>給与モデルケース（任意・複数行可）</label>
    <textarea name="wage_examples" rows="3" placeholder="例：&#10;週3勤務・指名30本 → 月25万円&#10;フル勤務・指名60本 → 月50万円">{{ old('wage_examples',$job->wage_examples ?? '') }}</textarea>
  </div>

  <div class="field"><label>仕事内容 <span class="req">*</span></label><textarea name="description" rows="8" required>{{ old('description',$job->description ?? '') }}</textarea></div>
  <div class="field"><label>応募条件</label><textarea name="requirements" rows="3">{{ old('requirements',$job->requirements ?? '') }}</textarea></div>
  <div class="field"><label>待遇・福利厚生</label><textarea name="benefits" rows="3">{{ old('benefits',$job->benefits ?? '') }}</textarea></div>

  <button class="btn primary">保存</button>
</form>
<p class="small muted" style="margin-top:8px;">※ 保存後、管理者の承認を経て掲載されます。応募問合せは店舗の既存連絡先（メール・電話・LINE）に送られます。</p>

@if($job && $job->exists)
<section class="sec" style="margin-top:20px;">
  <div class="sec-hd"><h3 class="ic-doc" style="font-size:16px;">ギャラリー（最大8枚）</h3></div>
  @planfeature('job_gallery')
  @php $imgs = $job->images ?? collect(); @endphp

  @if($imgs->count())
  <div class="row" style="gap:10px;flex-wrap:wrap;">
    @foreach($imgs as $im)
    <div class="card card-pad" style="width:200px;">
      <img src="{{ $im->path }}" alt="{{ $im->alt }}" loading="lazy" style="display:block;width:100%;height:120px;object-fit:cover;border-radius:4px;background:#eee;">
      <div class="small muted" style="margin-top:6px;">並び：{{ $im->sort }}{{ $im->alt? '／'.$im->alt : '' }}</div>
      <form method="post" action="{{ route('member.jobs.images.delete',[$job,$im]) }}" style="margin-top:6px;">@csrf
        <button class="btn btn-sm" onclick="return confirm('削除します。')">削除</button>
      </form>
    </div>
    @endforeach
  </div>
  @else
  <div class="card card-pad muted" style="margin-bottom:10px;">画像未登録</div>
  @endif

  @if($imgs->count() < 8)
  <form method="post" action="{{ route('member.jobs.images.add',$job) }}" class="card card-pad" style="background:var(--brand-pale);margin-top:10px;">@csrf
    <div class="row" style="gap:10px;flex-wrap:wrap;align-items:center;">
      <input type="text" name="path" placeholder="画像URL or /banner-uploads/xxx.jpg" required style="flex:1;min-width:240px;">
      <input type="text" name="alt" placeholder="代替テキスト（任意）" style="flex:1;min-width:160px;">
      <label class="small">並び<input type="number" name="sort" value="{{ $imgs->count() + 1 }}" style="width:64px;"></label>
      <button class="btn btn-sm primary">追加（{{ $imgs->count() }}/8）</button>
    </div>
  </form>
  @else
  <div class="small muted" style="margin-top:6px;">上限8枚に達しています。古いものを削除してから追加してください。</div>
  @endif

  @else
  <div class="card card-pad muted">複数写真ギャラリー（最大8枚）はプレミアムプランの機能です。<a href="{{ route('member.billing') }}">プランを見る</a></div>
  @endplanfeature
</section>
@endif
@endsection