@extends('layouts.navbar_user')

@section('content')

<div class="container">
    <div class="row justify-content-center">

        <div class="jumbotron">
          <h1 class="display-4">Hello, {{ Auth::user()->name }}!</h1>
          <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
          <hr class="my-4">
          <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
          <!-- Button trigger modal -->
          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#profile">
            Profile
          </button>

          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#newOrder">
            New order
          </button>

        </div>

        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-danger" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal profile -->
<div class="modal fade" id="profile" tabindex="-1" role="dialog" aria-labelledby="profileLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="profileLabel">Sewa baru - {{ Auth::user()->name }}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary" data-dismiss="modal">Submit</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal newOrder -->
<div class="modal fade" id="newOrder" tabindex="-1" role="dialog" aria-labelledby="newOrderLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="newOrderLabel">Sewa baru - {{ Auth::user()->name }}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="post" action="/home/new_order">
                  {{ csrf_field() }}
          <div class="form-row">
            <div class="form-group col-md-6">
              <label for="nama">Nama penyewa</label>
              <input type="text" name="nama" class="form-control" id="nama" placeholder="{{ Auth::user()->name }}" value="{{ Auth::user()->name }}" readonly>
              <small id="namaHelp" class="form-text text-muted">Nama penyewa haru sama dengan Jaminan.</small>
            </div>
            <div class="form-group col-md-6">
              <label for="no_hp">Nomor telfon</label>
              <input type="text" class="form-control" id="no_hp" placeholder="{{ Auth::user()->phone }}" value="{{ Auth::user()->phone }}" readonly>
            </div>
          </div>
          <div class="form-group">
            <label for="alamat">Alamat / Fakultas dan jurusan </label>
            <input type="text" name="alamat" class="form-control" id="alamat" placeholder="Alamat / Fakultas dan jurusan">
          </div>
          <div class="form-group">
            <label for="acara">Acara</label>
            <input type="text" name="acara" class="form-control" id="acara" placeholder="Nama acara / kegiatan">
          </div>
          <div class="form-row">
            <div class="form-group col-md-6">
              <label for="tanggal_sewa">Tanggal sewa</label>
              <input type="text" name="tanggal_sewa" class="form-control" id="tanggal_sewa">
            </div>
            <div class="form-group col-md-4">
              <label for="jumlah_hari">Jumlah hari</label>
              <select id="jumlah_hari" name="jumlah_hari" class="form-control">
                <option selected>Choose...</option>
                @for ($i = 1; $i < 11; $i++)
                    <option value="{{ $i }}">{{ $i }}</option>
                @endfor
              </select>
            </div>
            <div class="form-group col-md-2">
              <label for="jumlah_unit">Unit</label>
              <input type="number" name="jumlah_unit" class="form-control" id="jumlah_unit">
            </div>
          </div>
        </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="reset" class="btn btn-danger pull-right">Reset</button>
        <button type="submit" class="btn btn-primary pull-right">Submit</button>
      </div>
    </div>
  </div>
</div>
@endsection