@extends('backend.layouts.app')

@section('title', 'Financing')

@section('content')
    <section>
        <div class="section-body">
            <div class="card">
                <div class="card-head">
                    <header class="text-capitalize">all financings</header>
                    <div class="tools">
                        <a class="btn btn-primary ink-reaction" href="{{ route('financing.create') }}">
                            <i class="md md-add"></i>
                            Add
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-hover" id="example">
                        <thead>
                        <tr>
                            <th width="5%">#</th>
                            <th width="15%">Title</th>
                            <th width="15%">Resident Type</th>
                            <th width="15%">Interest Rate</th>
                            <th width="5%">Status</th>
                            <th width="15%" class="text-right">Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($financings as $key => $financing)
                            <tr>
                                <td>{{++$key}}</td>
                                <td>{{$financing->title}}</td>
                                <td>{{$financing->residentType->type}}</td>
                                <td>{{$financing->interest_rate}}</td>
                                <td>@if($financing->is_published == '1') <span class="text text-success">Published</span> @else <span class="text text-danger">Draft</span>  @endif</td>
                                <td class="text-right">
                                    <a href="{{route('financing.edit', $financing->id)}}" class="btn btn-flat btn-primary btn-xs">
                                        Edit
                                    </a>
                                    <a href="{{ route('financing.destroy', $financing->id) }}" type="button" onclick="confirm('Are you sure you want to delete?')" class="btn btn-flat btn-primary btn-xs">
                                        Delete
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center">No data available.</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
@stop
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $('#example').DataTable();
    });
</script>