@extends('layouts.default')

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

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

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

@section('panel-presentation')
@stop

@section('content')
    <fieldset class="p-3 ui-corner-all">
        <legend>Fee Information</legend>
        <form id="edit-fee-page" data-token="{{ csrf_token() }}" data-fee_id="{{ $fee->fee_id }}" method="post">
            <div class="row">
                <div class="col-md-6">
                    <input type="hidden" name="fee_id" id="fee_id" value="{{ $fee->fee_id }}"/>
                    <p class="form-group">
                        <label for="fee_code" class="control-label">Fee Code</label>
                        @if ($errors->has('fee_code'))
                            <em class="help-block text-danger">{{ $errors->first("fee_code") }}</em>
                        @endif
                        <input name="fee_code" id="fee_code" class="form-control {{ $errors->has('fee_code') ? 'is-invalid' : '' }}" type="text"
                            value="{{ (old('fee_code') ? old('fee_code') : (isset($fee) ? $fee->fee_code : '')) }}"
                            placeholder="Fee Code"/>
                    </p>
                    <p class="form-group">
                        <label for="name" class="control-label">Name</label>
                        @if ($errors->has("name"))
                            <em class="help-block text-danger">{{ $errors->first("name") }}</em>
                        @endif
                        <input name="name" id="name" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text"
                            value="{{ (old("name") ? old("name") : (isset($fee) ? $fee->name : "")) }}"
                            placeholder="Name"/>
                    </p>
                    <p class="form-check">
                        <input class="form-check-input" id="standard_charge" name="standard_charge" type="checkbox"
                        {{ $fee->standard_charge > 0 ? 'checked="checked"' : '' }}/>
                        <label class="form-check-label" for="standard_charge">Standard Charge</label>
                    </p>
                    <p class="form-group">
                        <label for="amount" class="control-label">Amount</label>
                        @if ($errors->has('amount'))
                            <em class="help-block text-danger">{{ $errors->first('amount') }}</em>
                        @endif
                        <input id="amount" name="amount" type="number" min="0.00" step="any" class="form-control {{ $errors->has('amount') ?
                        'is-invalid' : '' }}" value="{{
                        (old('amount') ? old('amount') : (isset($fee) ? $fee->amount : 0.00)) }}" placeholder="Amount"/>
                    </p>

                </div>
                <div class="col-md-6">
                    <p class="form-group initially-hidden" hidden>
                        <label for="description">Description</label>
                        <textarea id="description" name="description" class="form-control" rows="8">{{ (old('description') ? old('description') :
                        (isset
                        ($fee)
                         ? $fee->description : '')) }}</textarea>
                    </p>
                </div>
            </div>
            <div class="row btn-row mt-3">
                <div class="col-12 text-center">
                    <a class="btn mr-2" href="/admin/online-payments/fee-maintenance">Cancel</a>
                    <input class="btn" type="submit" value="Submit Changes"/>
                </div>
            </div>
            {{ csrf_field() }}
        </form>
    </fieldset>
    <fieldset class="p-3 my-5 ui-corner-all">
        <legend>Assigned Residents/Association Units</legend>
        <div class="row mb-2">
            <div class="col-12 text-right">
                <button class="btn btn-sm assign-btn">Assign New Resident</button>
            </div>
        </div>
        <table id="fee-table" class="initially-hidden w-100" hidden>
            <thead>
                <tr>
                    <th class="mx-1">Resident</th>
                    <th class="mx-1">Association Unit</th>
                    <th class="mx-1 text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($fee->users as $user)
                    <tr data-user_id="{{ $user->user_id }}">
                        <td class="mx-1">{{ $user->first_name . " " . $user->last_name }}</td>
                        <td class="mx-1">{{ isset($user->associationUnit) ? $user->associationUnit->address : '' }}</td>
                        <td class="mx-1 text-center">
                            <button class="btn btn-sm remove-btn">Remove</button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        </form>
    </fieldset>
    <div hidden>
        <div id="confirm-remove" title="Remove Fee for this Resident?">
            <p>
                <span class="ui-icon ui-icon-alert text-left mx-1"></span> Are you sure you would like to remove this fee from this resident?
            </p>
        </div>

        <div id="assign-fee-dlg" title="Assign Fee to Resident">
            <p id="assign-instructions">
                Select the resident from the list below to add.
            </p>
            <div id="add-user-to-fee-container">
            </div>
        </div>

        <table id="insert-row-tbl">
            <tr>
                <td class="mx-1 user-col"></td>
                <td class="mx-1 unit-col"></td>
                <td class="mx-1 text-center">
                    <button class="btn btn-sm remove-btn">Remove</button>
                </td>
            </tr>

        </table>
    </div>
@stop