@extends('layouts.rent')
@section('content')
    @include('rent-calculator.partials.header')
    @include('rent-calculator.partials.errors')

    <h3>Step 2: Add all roommates. <small>Yes, that includes you.</small></h3>
    <p class="">We need their names for the next steps.  Don't enter their social security numbers.  That would be irresponsible.</p>

    <form action="" class="clearfix" method='POST'>
        <input type="hidden" name="_token" value="{{csrf_token()}}"/>
        <label class="control-label" for="">Roommate Name:</label>
        <div class="form-group">
            <div class="input-group">
                <input class="form-control" type="text" name="person" placeholder="Enter name">
             <span class="input-group-btn">
                <button class="btn btn-success" type="submit">Add</button>
             </span>
            </div>
        </div>
    </form>
    @if($people)
        <h4>People Added So Far</h4>
        <ul>
            @foreach($people as $person)
                <li>{{$person}}</li>
            @endforeach
        </ul>
        <a href="{{route('bills')}}" class="btn btn-default pull-right">Continue</a>
    @endif

@stop