@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' => route('rent.show', $rent->id)])
<div class="col-md">
    <form method="POST" enctype="multipart/form-data">
      {{csrf_field()}}

      {{-- 繳費期限 --}}
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right" for="deadline">
          <span class="align-middle"><b>繳費期限</b></span>
        </label>
        <div class="input-group col-md-6">
          <input type="text" class="form-control" value="{{$rent->payment_deadline}}" readonly id="deadline">
        </div>
      </div>

      {{-- 繳費日期 --}}
      <div class="form-group row" id="date">
        <label class="col-form-label col-md-3 text-md-right" for="date">
          <span class="align-middle">※<b>繳費日期</b></span>
        </label>
        <div class="input-group col-md-6">
          <input type="text" name="date" class="form-control datepicker" value="{{old('date', $rent->payment_date)}}" placeholder="繳費日期" min="{{ $rent->created_at }}">
          @if($errors->has('date'))
            @foreach ($errors->get('date') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
        </div>
      </div>

      @if($rent->status==='3c' || $rent->status==='6c' || $rent->status==='0d')
      {{-- 租金收據 --}}
      <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 type="file" name="usage" class="form-control"> --><!--先前是場地費-->
          <input type="file" name="rental" class="form-control h-auto" required>
          <small class="form-text text-muted" style="width: 100%;">格式 jpeg,bmp,png,gif,svg,pdf</small>
          @if($errors->has('rental'))
            @foreach ($errors->get('rental') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
          @if (count($rent->receipts->where('kind',3)))
            @foreach ($rent->receipts->where('kind',3) as $receipt)
            <a href="{{route('user.rent.getReceipt', ['id' => $receipt->id])}}" title="{{$receipt->filename}}">{{$receipt->filename}}</a>
            @endforeach
          @endif
          <small class="form-text text-muted" style="width: 100%;">再次上傳檔案將自動替換！</small>
        </div>
      </div>
      @endif

      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right" for="invoice_type">
          <span class="align-middle">※<b>發票格式</b></span>
        </label>
        <div class="input-group col-md-6 my-auto">
          @foreach (config('rent.rent_invoice_type') as $i => $label)
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" class="custom-control-input" id="invoice_type{{$i}}" name="invoice_type" value="{{$i}}" @if (old('invoice_type', $rent->invoice_type) == $i) checked @endif>
            <label class="custom-control-label" for="invoice_type{{$i}}">{{$label}}</label>
          </div>
          @endforeach
          @if($errors->has('invoice_type'))
            @foreach ($errors->get('invoice_type') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
        </div>
      </div>

      {{-- 發票抬頭 --}}
      <div class="form-group row" id="invoice">
        <label class="col-form-label col-md-3 text-md-right" for="invoice">
          <span class="align-middle">※<b>發票抬頭</b></span>
        </label>
        <div class="input-group col-md-6">
          <input type="text" name="invoice" class="form-control" value="{{old('invoice', $rent->invoice)}}" placeholder="發票抬頭">
          @if($errors->has('invoice'))
            @foreach ($errors->get('invoice') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
        </div>
      </div>

      {{-- 借用單位統編 --}}
      <div class="form-group row" id="compilation">
        <label class="col-form-label col-md-3 text-md-right" for="compilation">
          <span class="align-middle"><b>借用單位統編</b></span>
        </label>
        <div class="input-group col-md-6">
          <input type="text" name="compilation" class="form-control" value="{{old('compilation', $rent->compilation)}}" placeholder="統一編號">
          <small class="form-text text-muted" style="width: 100%;">發票格式為三聯式時必填</small>
          @if($errors->has('compilation'))
            @foreach ($errors->get('compilation') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
        </div>
      </div>

      {{-- 收據/發票寄送地址 --}}
      <div class="form-group row" id="mailing_address">
        <label class="col-form-label col-md-3 text-md-right" for="mailing_address">
          <span class="align-middle">※<b>收據/發票寄送地址</b></span>
        </label>
        <div class="input-group col-md-6">
          <input type="text" name="mailing_address" class="form-control" value="{{old('mailing_address', $rent->mailing_address)}}" placeholder="寄送地址">
          @if($errors->has('mailing_address'))
            @foreach ($errors->get('mailing_address') as $error)
              <div class="invalid-feedback" style="display:block;">{{$error}}</div>
            @endforeach
          @endif
        </div>
      </div>

      <div class="form-group text-center">
        <button type="submit" class="btn btn-success" onclick="return checkDate()">上傳</button>
      </div>
    </form>
</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/rent/upload.js') }}"></script>
<script>
  function checkDate(){
    var deadline = $('#deadline').val();
    var date = $("input[name='date']").val();
    if(deadline>date){
      return true;
    }else{
      if(!confirm('已超過繳費期限,確定仍要上傳？')){
        return false;
      }
    }
  }
</script>
@endpush