@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('user.rent.show', $rent->id)])

<div class="row mb-3">
  <div class="col-md">
    <form method="POST" enctype="multipart/form-data">
      {{csrf_field()}}

      @if($rent->role != 'teacher' && $rent->role != 'student')
        {{-- 繳費日期 --}}
        <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==='3' || $rent->status==='6' || $rent->status==='0b')
        {{-- 保證金收據 --}}
        <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="recognizance" class="form-control h-auto">
            <small class="form-text text-muted" style="width: 100%;">格式 jpeg,bmp,png,gif,svg,pdf</small>
            @if($errors->has('recognizance'))
              @foreach ($errors->get('recognizance') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
            @if (count($rent->receipts->where('kind',1)))
              @foreach ($rent->receipts->where('kind',1) 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

        @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 h-auto">
            <small class="form-text text-muted" style="width: 100%;">格式 jpeg,bmp,png,gif,svg,pdf</small>
            @if($errors->has('usage'))
              @foreach ($errors->get('usage') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
            @if (count($rent->receipts->where('kind',2)))
              @foreach ($rent->receipts->where('kind',2) 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 text-center">
          <input type="submit" name="submit" class="btn btn-success" value="上傳">
        </div>
      @else
      <div class="row mb-3">
        <div class="col-md">
          <h4 class="text-weight">校內師生無須繳費</h4>
        </div>
      </div>
      @endif
    </form>
  </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/rent/upload.js') }}"></script>
@endpush