@extends('layouts.master')

@section('title') Tenants @stop

@section('content')

<div class="col-lg-10 col-lg-offset-1">

    <h1><i class="fa fa-users"></i> Tenants for {{ $building->address }}{{-- <a href="/logout" class="btn btn-default pull-right">Logout</a> --}}</h1>

    @if (Session::has('success'))
    <div class='alert alert-success'>{{ Session::get('success') }}</div>
    @elseif (Session::has('delete'))
    <div class='alert alert-danger'>{{ Session::get('delete') }}</div>
    @endif

    <a href="tenant/create" class="btn btn-success" style="margin-bottom: 8px;">Add Tenant</a>

    <div class="table-responsive">
        <table class="table table-bordered table-striped">

            <thead>
                <tr>
                    <th>Username</th>
                    <th>Apartment</th>
                    <th>Nights Used</th>
                    <th></th>
                </tr>
            </thead>

            <tbody>
                @foreach ($tenants as $tenant)
                <tr>
                    <td>{{ $tenant->user->username }}</td>
                    <td>{{ $tenant->apartment }}</td>
                    <td>{{ $tenant->nights_used }}</td>
                    <td>
                        <a href="tenant/{{ $tenant->user->username }}/parking" class="btn btn-info pull-left" style="margin-right: 3px;">View Parking Requests</a>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle btn-info" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                                Options <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="tenant/{{ $tenant->user->username }}/edit">Edit Tenant</a></li>
                                <li><a href="tenant/{{ $tenant->id }}/history">View History</a></li>
                            </ul>
                        </div>
                        <button type="button" class="btn btn-danger" data-toggle="modal" style="margin-right: 3px"
                                data-target="#confirmDeleteModal"
                                data-id="{{ $tenant->id }}"
                                data-variable="{{ $tenant->user->username }}"
                                data-action="{{ url('building/' . $building->id . '/tenant/') }}">Delete</button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <div class="modal fade" id="confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="confirmDeleteLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="confirmDeleteLabel">Confirm Deletion</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            Do you wish to delete user <span id="confirmDeleteVariable"></span>?
                        </div>
                    </div>
                    <div class="modal-footer">
                        {{ Form::open(['method' => 'DELETE']) }}
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        {{ Form::submit('Delete', ['class' => 'btn btn-danger'])}}
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@stop