@extends('layout.layout')

@push('links')
<link href="{{ asset('js/jquery-ui-1.10.2/themes/base/jquery-ui.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $return_url])

<div class="col-md">
  <form method="POST" enctype="multipart/form-data">
    {{csrf_field()}}
    {!! $form->render() !!}
    <div class="form-group row">
      <label class="col-form-label col-md-3 text-md-right" for="payment_deadline">
        <span class="align-middle">※<b>繳費期限</b></span>
      </label>
      <div class="input-group col-md-6">
        <input type="text" name="payment_deadline" class="form-control" value="{{old('payment_deadline', $rent->payment_deadline)}}" placeholder="繳費期限" id="payment_deadline">
        <small class="form-text text-muted" style="width:100%;"></small>
      </div>
    </div>
    <div id="payment">
      @if (in_array($rent->status,['6','6c']))
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
          <span class="align-middle"><b>繳費日期</b></span>
        </label>
        <label class="input-group col-md-6 my-auto">
          {{$rent->payment_date}}
        </label>
      </div>
      @endif
    </div>
    @if (in_array($rent->status,['1','6','6b','6c','8','9','4','5']))
    <div class="form-group row">
      <label class="col-form-label col-md-3 text-md-right" for="remark">
        <span class="align-middle">※<b>備註</b></span>
      </label>
      <div class="input-group col-md-6">
        <textarea name="remark" class="form-control" required="required" id="remark">{{old('remark', $rent->remark)}}</textarea>
        <small class="form-text text-muted" style="width:100%;"></small>
      </div>
    </div>
    @endif
    @if ($rent->site_id == env('SITE_ID') && in_array($stage,[1,2,3,4]))
    <div id="files">
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
          <span class="align-middle">
            <b>
              @if ($stage == 1)
                通知繳納保證金附件
              @endif
              @if ($stage == 2)
                通知填寫租借資料附件
              @endif
              @if ($stage == 3)
                通知繳納租金附件
              @endif
              @if ($stage == 4)
                最後階段審查附件
              @endif
            </b>
          </span>
        </label>
        <div class="input-group col-md-6">
          <input name="file[]" type="file" class="form-control h-auto {{ $errors->has('file') ? ' is-invalid' : '' }} d-inline" accept="application/vnd.oasis.opendocument.text,application/vnd.oasis.opendocument.spreadsheet,image/jpeg,image/png,application/pdf">
          @if($errors->has('file.*'))
            @foreach($errors->get('file.*') as $key => $error)
              <div class="invalid-feedback" style="display: block;">
                {{ $errors->first($key) }}
              </div>
            @endforeach
          @endif
        </div>
      </div>
    </div>
    @endif
    @foreach ($rent->approvalfiles()->where('stage',$stage)->get() as $file)
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
        </label>
        <div class="input-group col-6">
          <button type="button" class="btn btn-link removeBtn">
            <span class="fas fa-minus-circle fa-2x text-danger">&ensp;</span>
          </button>
          <input type="hidden" name="fileId[]" value="{{$file->id}}">
          <a href="{{ url($file->file_url) }}">{{ $file->filename }}</a>
        </div>
      </div>
    @endforeach
    <div class="form-group row">
      <label class="col-form-label col-md-3 text-md-right">
      </label>
      <div class="input-group col-6">
        <small class="form-text text-muted" style="width:100%;">上傳格式僅提供png、jpeg、odt、ods、pdf</small>
        <button type="button" class="btn btn-link addFileBtn">
          <span class="fas fa-plus-circle fa-2x"></span>
        </button>
      </div>
    </div>

    <div class="form-group row">
      <label class="col-form-label col-md-3 text-md-right">
        <span class="align-middle"><b>申請者已上傳資料</b></span>
      </label>
      <div class="input-group col-md-6 my-auto">
        @if (!empty($rent->attachment))
          <div class="w-100">
            <a href="{{route('user.rent.getAttachment', ['id' => $rent->attachment->id])}}" title="租借附件">租借附件</a>
          </div>
        @else
          <div class="w-100">無</div>
        @endif
        @if (count($rent->receipts))
          @foreach ($rent->receipts as $receipt)
            @php
              $text = config('rent.rent_receipt')[$receipt->kind]['name'].'收據';
            @endphp
            <div class="w-100">
              <a href="{{route('user.rent.getReceipt', ['id' => $receipt->id])}}" title="{{$text}}">{{$text}}</a>
            </div>
          @endforeach
        @endif
      </div>
    </div>

    <div class="form-group text-center">
      <input type="submit" name="submit" class="btn btn-success" value="送出">
    </div>
  </form>
</div>

<div id="clone-sample-file" class="d-none">
  <div class="form-group row">
    <label class="col-form-label col-md-3 text-md-right">
    </label>
    <div class="input-group col-md-6">
      <input type="file" name="file[]" class="form-control">
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/jquery-ui-1.10.2/ui/jquery-ui.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datepicker-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('rent:js/admin/review.js')}}"></script>
<script>
  $(document).on('click', '.add-file-input', function() {
    var minus_btn = '<i class="fas fa-minus-circle remove-file-input text-primary" width="10%"></i>';
    $(".add-file-input").replaceWith(minus_btn);
    var new_row = "<div class='w-100 mt-1 mb-1'><input name='file[]' type='file' class='form-control h-auto {{ $errors->has('file') ? ' is-invalid' : '' }} d-inline'><i class='fas fa-plus-circle add-file-input text-primary'></i></div>";
    $("#add_files").append(new_row);
  });

  $(document).on('click', '.remove-file-input', function() {
    $(this).parent().remove();
  });

  $(document).on('click', '.danger-remove', function() {
    var msg = "此步驟無法回復，您真的確定要刪除嗎？";
    if (!action_confirm(msg)) {
      return;
    }
    var remove_url = $(this).data('remove');
    $.get(remove_url, function(){});
    $(this).parent().remove();
  });

  function action_confirm(msg) {
    if (confirm(msg) == true) {
      return true;
    } else {
      return false;
    }
  }
</script>
@endpush