@extends('layouts.default')

@section('styles')
    <link rel="stylesheet" type="text/css" href="/assets/css/pages/admin/hoa/association-fees/list.css"/>
@stop




@section('scripts')
    @include('cdn.datatables')
    @include('cdn.chosen')
    <script type="text/javascript" src="/assets/js/pages/admin/online-payments/fee-maintenance/list.js"></script>
@stop

@section('panel-heading')
    <strong>Fee Maintenance</strong>
@stop

@section('panel-presentation')
@stop

@section('content')
    <div id="fee-maintenance-page">
        <div class="row info-row mb-5">
            <div class="col-12">
                <p>
                    This page is used to add, edit and delete Association Fees. Fees can be applied to one or more residents, or can be universally
                    applied to all residents. The fee information below determines what and how much residents will be charged when paying their
                    membership dues online.
                </p>
                <p>
                    The <em>name</em> of the fee will be displayed on the payment page, as the name of the fee, along with the amount of the fee. The
                    fee description is solely for the use of administrators to note what the fee is used for. If the <em>Standard Charge</em> for a
                    fee is checked, that fee will be applied to <strong>all</strong> residents.
                </p>
                <p>
                    Along with the fees shown below, when making a payment online, a 2.9% processing fee will be added to the payment.
                </p>
            </div>
        </div>
        <div class="row add-fee-row">
            <div class="col-12 text-right">
                <a class="btn mb-2 mr-1" href="/admin/online-payments/fee-maintenance/edit/0">Add New Fee</a>
            </div>
        </div>
        <div class="row data-row" hidden>
            <div class="col-12">
                <table class="datatable w-100 border cell-border table-striped"
                    data-csrf_token="{{ csrf_token() }}"
                >
                    <thead>
                        <tr>
                            <th class="mx-1">Fee Code</th>
                            <th class="mx-1">Name</th>
                            <th class="mx-1">Description</th>
                            <th class="mx-1">Applied To</th>
                            <th class="mx-1 text-center">Standard Charge</th>
                            <th class="mx-1 text-right">Amount</th>
                            <th class="mx-1 text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($fees))
                            @foreach($fees as $fee)
                                <tr>
                                    <td class="mx-1">
                                        {{ $fee->fee_code }}
                                    </td>
                                    <td class="mx-1">
                                        {{ $fee->name }}
                                    </td>
                                    <td class="mx-1">
                                        @if (strlen($fee->description) > 50)
                                            <div
                                                data-toggle="popover"
                                                data-trigger="hover"
                                                data-html="true"
                                                data-container="body"
                                                data-placement="auto"
                                                data-content="{{ $fee->description }}"
                                            >
                                                {{ str_limit($fee->description, 50) }}
                                            </div>
                                        @else
                                            {{ $fee->description }}
                                        @endif
                                    </td>
                                    <td class="mx-1">
                                        @if ($fee->standard_charge)
                                            All Residents
                                        @else
                                            <div
                                                data-toggle="popover",
                                                data-trigger="hover"
                                                data-html="true"
                                                data-container="body"
                                                data-placement="auto"
                                                data-content="{{ $fee->userList }}"
                                            >
                                            {{ count($fee->users) }} residents
                                            </div>
                                        @endif
                                    </td>
                                    <td class="mx-1 text-center">
                                        {{ $fee->standard_charge ? "Yes" : "No" }}
                                    </td>
                                    <td class="mx-1 text-right">
                                        {{ number_format($fee->amount, 2) }}
                                    </td>
                                    <td class="mx-1 action-col text-center">
                                        <a href="/admin/online-payments/fee-maintenance/edit/{{ $fee->fee_id }}" class="btn btn-sm">Edit</a>
                                        <a data-fee_id="{{ $fee->fee_id }}" href="javascript:void(0)" class="btn btn-sm delete-btn">Delete</a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <th colspan="6" class="text-center py-5">
                                    No Fees have been created
                                </th>
                            </tr>

                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div hidden>
        <div id="confirm-delete" title="Delete this Fee?">
            <p>
                <span class="ui-icon ui-icon-alert text-left mx-1"></span>
                Deleting this Fee will also remove it from any residents who may be currently assigned to it.
            </p>
        </div>

    </div>
@stop