@extends('layout.layout')

@push('links')
<link href="{{ asset('js/jquery-ui-1.10.2/themes/base/jquery-ui.css') }}" rel="stylesheet" type="text/css">
<style>
  input[name="file[]"] {
    width: auto;
  }
  .remove-file-input,.add-file-input,.danger-remove{
    margin-left: 10px;
    font-size: 20px;
    cursor: pointer;
  }
</style>
@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() !!}
    @if (in_array($rent->status,['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
    <div id="files">
      <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">
          <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>
    <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 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', '.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