{% extends 'transactions/extends/layout.html' %}
{% load static %}
{% load humanize %}
{% block content %}
    {% block scripts %}
        <script>
            var global_state = {
                baseUrl: '{{ baseUrl }}',
                accTypesJson: '{{ accTypesJson|safe }}',
                transactionChargesJson: '{{ transactionChargesJson|safe }}'
            }
        </script>
        <script src="{% static 'sacco/assets/custom_js/custom_transaction_charges.js' %}"></script>
    {% endblock %}
    <!-- start page title -->
    <div class="row p-0">
        <div class="col-md-12">
            <div class="card mt-2">
                <div class="card-header text-uppercase">
                    <div class="row align-content-between">
                        <div class="col-md-5">
                            <h4>Fixed Assets</h4>
                        </div>
                        <div class="col-md-7">
                            <div class="page-title-right button-list d-flex justify-content-end">
                                <a href="/transactions/fixed-assets/existing/" class="btn btn-secondary btn-sm">Add Existing
                                    Asset</a>
                                <a href="/transactions/fixed-assets/add/" class="btn btn-primary btn-sm">Add New
                                    Asset</a>
                                <a href="/transactions/fixed-assets/location/" class="btn btn-info btn-sm">Manage Asset
                                    Locations</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                            <thead>
                            <tr>
                                <th>Acquisition Date</th>
                                <th>Asset Name</th>
                                <th>Supplier</th>
                                <th>Asset GL Account</th>
                                <th>Detailed Particulars</th>
                                <th>Assigned No.</th>
                                <th>Purchase Price</th>
                                <th>Working Condition</th>
                                <th>Asset Location</th>
                                <th>#</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for f in fixed_assets %}
                                <tr>
                                    <td>{{ f.acquisition_date }}</td>
                                    <td>{{ f.name }}</td>
                                    <td>{{ f.supplier.name }}</td>
                                    <td>{{ f.account.name }}</td>
                                    <td>{{ f.particulars }}</td>
                                    <td>{{ f.asset_number }}</td>
                                    <td>{{ f.purchase_price }}</td>
                                    <td>{{ f.working_condition }}</td>
                                    <td>{{ f.current_location }}</td>
                                    <td><a class="btn btn-primary btn-sm" href="/transactions/fixed-assets/{{ f.id }}/">Details</a></td>
                                </tr>
                            {% endfor %}


                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}