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

    <h3>Step 3: Add and assign bills. <small>You do pay bills right?</small></h3>
    <p class="">Add all the bills for shared services you and your roommates pay.  I don't care what your subscription for Cigar Aficionado (you suave bastard) costs unless you share the cost with a roommate.</p>

    <form action="" method='POST'>
        <input type="hidden" name="_token" value="{{csrf_token()}}"/>

        <div class="row">
            <div class="form-group col-sm-4">
                <label for="">Bill Name</label>
                <input class="form-control" name="bill_name" type="text" placeholder="Electric, Water, Cable, etc...">
            </div>
            <div class="form-group col-sm-4">
                <label for="">Amount</label>

                <div class="input-group">
                    <span class="input-group-addon">$</span>
                    <input class="form-control" name="bill_cost" type="text" placeholder="Enter Bill Amount">
                </div>
            </div>
            <div class="form-group col-sm-4">
                <label for="">Who Pays It?</label>
                <select name="bill_person" id="" class="form-control">
                    <option value="">Select Roommate</option>
                    @foreach($people as $id=>$person)
                        <option value="{{$id}}">{{$person}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="form-group clearfix">
            <input type="submit" value="Add Bill" class="btn btn-success pull-right"/>
        </div>
        @if($bills)
            <hr/>
            <h4>Bills</h4>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                    <tr>
                        <th>Reason for financial decline</th>
                        <th>How big of hit?</th>
                        <th>The chump is</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($bills as $bill)
                        <tr>
                            <td>{{$bill['name']}}</td>
                            <td>${{$bill['amount']}}</td>
                            <td>{{$people[$bill['person_id']]}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @endif

    </form>
    <a href="{{route('result')}}" class="btn btn-default pull-right">Get Result</a>


@stop