@extends('layout.layout')

@section('content')

<div class="row mb-3">
  <div class="col-md-4">
    <div class="card">
      <h5 class="card-header align-middle">租借資訊</h5>
      <div class="card-body px-3">
        @include('rent::component.rent-detail', [
          'role' => 'applicant',
          'rent' => $rent,
          'area' => $areas,
          'types' => $data['types'],
          'basic' => $data['basic'],
          'course' => $data['course'],
        ])
      </div>
    </div>
  </div>
  <div class="col-md-8">
    <div class="card">
      <h5 class="card-header align-middle">週邊設備</h5>
      <div class="card-body px-3">
        @if(count($data['peripheral'])>0)
          @include('rent::component.peripheral-detail', [
            'peripherals' => $data['peripheral'],
          ])
        @endif
      </div>
    </div>
  </div>
</div>

@if (!$data['isIntramural'])
  <div class="row mb-3">
    <div class="col-md-12">
      <div class="card">
        <h5 class="card-header align-middle">日期規劃</h5>
        <div class="card-body px-3">
          @include('rent::component.schedule-detail', [
            'dates' => $dates,
            'basic' => $data['basic'],
          ])
        </div>
      </div>
    </div>
  </div>
  <div class="row mb-3">
    <div class="col-md-12">
      <div class="card trial-balance">
        @include('rent::component.trial-balance-detail', [
          'rental' => $rent->rental,
          'dates' => $dates,
          'basic' => isset($data['basic'])?$data['basic']:array(),
          'peripherals' => isset($data['peripheral'])?$data['peripheral']:array(),
        ])
        <small>*實際繳交金額以信件通知為準！</small>
      </div>
    </div>
  </div>
@endif

<div class="row mb-3">
  <div class="col-md">
    <form method="POST">
      {{csrf_field()}}
      <div class="form-group row">
        <div class="col-md-12" style="text-align: center;">
          <input type="submit" name="back" class="btn btn-dark" value="返回" title="返回">
          <input type="submit" name="submit" class="btn btn-success" value="確認送出" title="確認並完成租借申請">
        </div>
      </div>
    </form>
  </div>
</div>
@endsection