@extends('layouts.app')
@section('title', 'インボイス設定')

@section('content')
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-lg-6"><h1 class="m-0 text-dark">インボイス設定</h1></div>
    </div>
  </div>
</div>

<section class="content">
  <div class="container-fluid">
    @if(Session::has('success'))
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            {{ Session::get('success') }}
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h4><i class="icon fa fa-ban"></i> {{ __('入力内容に不備があります') }}:</h4>
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="post" action="{{ route('inv_settings_save') }}" enctype="multipart/form-data">
    @csrf

      {{-- 適格請求書発行事業者番号 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">適格請求書発行事業者番号<span class="text-danger">*</span></label>
          <div class="form-group col-4">
              <input type="text" name="t_number" class="form-control"
                  value="{{ old('t_number', $row->t_number ?? '') }}">
          </div>
      </div>

      {{-- 適格事業者名 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">適格事業者名<span class="text-danger">*</span></label>
          <div class="form-group col-4">
              <input type="text" name="t_name" class="form-control"
                  value="{{ old('t_name', $row->t_name ?? '') }}">
          </div>
      </div>

      {{-- 郵便番号 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">郵便番号</label>
          <div class="col-sm-9 d-flex">
              <input type="text" name="zip1" class="form-control" style="max-width:120px;"
                  value="{{ old('zip1', $zip1) }}">
              <span class="mx-2">-</span>
              <input type="text" name="zip2" class="form-control" style="max-width:140px;"
                  value="{{ old('zip2', $zip2) }}">
          </div>
      </div>

      {{-- 表示住所 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">表示住所<span class="text-danger">*</span></label>
          <div class="form-group col-4">
              <input type="text" name="adrs" class="form-control"
                  value="{{ old('adrs', $row->adrs ?? '') }}">
          </div>
      </div>

      {{-- 建物名 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">建物名</label>
          <div class="form-group col-4">
              <input type="text" name="bldg" class="form-control"
                  value="{{ old('bldg', $row->bldg ?? '') }}">
          </div>
      </div>

      {{-- 表示電話番号 --}}
      <div class="form-group row">
          <label class="col-sm-3 col-form-label">表示電話番号</label>
          <div class="col-sm-9 d-flex">
              <input name="tel1" class="form-control" style="max-width:100px;" value="{{ old('tel1', $tel1) }}">
              <span class="mx-2">-</span>
              <input name="tel2" class="form-control" style="max-width:100px;" value="{{ old('tel2', $tel2) }}">
              <span class="mx-2">-</span>
              <input name="tel3" class="form-control" style="max-width:100px;" value="{{ old('tel3', $tel3) }}">
          </div>
      </div>

        {{-- 表示FAX番号 --}}
        <div class="form-group row">
            <label class="col-sm-3 col-form-label">表示FAX番号</label>
            <div class="col-sm-9 d-flex">
                <input name="fax1" class="form-control" style="max-width:100px;" value="{{ old('fax1', $fax1) }}">
                <span class="mx-2">-</span>
                <input name="fax2" class="form-control" style="max-width:100px;" value="{{ old('fax2', $fax2) }}">
                <span class="mx-2">-</span>
                <input name="fax3" class="form-control" style="max-width:100px;" value="{{ old('fax3', $fax3) }}">
            </div>
        </div>

        {{-- ▼ 社判画像アップロード欄 --}}
        <div class="row">
            {{-- 左側ラベル --}}
            <div class="form-group col-3">
                <label>社判画像</label>
            </div>

            {{-- 右側アップロード欄 --}}
            <div class="form-group col-9">
                <div class="input-group align-items-center">
                    
                    {{-- 非表示のファイル選択ボタン --}}
                    <input type="file" class="d-none" name="company_image_file" accept=".jpg,.png,.gif" />

                    {{-- 表示ボタン（クリックでファイル選択を開く） --}}
                    <a href="javascript:void(0)" class="btn btn-default upload-file">
                        アップロード
                    </a>

                    {{-- アップロード済みファイル表示エリア --}}
                    <div class="uploaded-file pl-2">
                        {{-- DB保存用の hidden input --}}
                        <input type="hidden" name="company_image_path" 
                            value="{{ old('company_image_path', $row->company_image_path ?? '') }}">

                        {{-- ファイル名表示 --}}
                        <span class="filename">
                            {{ old('company_image_path', basename($row->company_image_path ?? '')) }}
                        </span>

                        {{-- 削除ボタン（画像がある時のみ表示） --}}
                        @if(!empty($row->company_image_path))
                            <a href="javascript:void(0)" class="text-dark delete-file ml-1">
                                <i class="fa fa-times" aria-hidden="true"></i>
                            </a>
                        @endif
                    </div>
                </div>

                {{-- プレビュー画像（存在する場合のみ表示） --}}
                @if(!empty($row->company_image_path))
                    <div class="mt-2">
                        <img src="{{ asset('storage/'.$row->company_image_path) }}" 
                            alt="社判画像" 
                            style="max-height:100px; border:1px solid #ccc; padding:3px;">
                    </div>
                @endif
            </div>
        </div>
        {{-- ▲ 社判画像アップロード欄 --}}


      {{-- 登録ボタン --}}
      <div class="form-group row">
          <div class="col-sm-3">
                <button type="button" id="register" class="btn btn-lg btn-success mr-2 register">
                    {{ __('登録') }}
                </button>
           </div>    
      </div>
    </form>
  </div>
</section>
@endsection
