@extends('layouts.service-details-layout', [
    'subTitle' => 'Demand Notices'
])

@section('additional-header-content')
    <div class="float-right">
        <a href="{{ route('demand_notices.edit', compact('service')) }}" class="btn btn-warning">
            <em class="icon ni ni-edit"></em>Edit Demand Notices
        </a>
        <a href="{{ route('billing_category.preview_bill', ['billingCategory' => $service->id]) }}" class="btn btn-success">
            <em class="icon ni ni-eye"></em> Preview Bill
        </a>
    </div>
@endsection

@section('content')
    <div class="col-md-12">
        <table class="table table-bordered datatable-init" id="demand-notices-table">
            <caption></caption>
            <thead class="thead-dark">
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Name</th>
                    <th scope="col" class="text-right">Amount</th>
                    <th scope="col">Revenue Code</th>
                    <th scope="col">Modified By</th>
                    <th scope="col">Last Modified At</th>
                </tr>
            </thead>
            <tbody>
            @foreach($demandNotices as $notice)
                @php $user = $notice->modifiedBy ?? $notice->createdBy; @endphp
                <tr>
                    <td>{{$notice->id}}</td>
                    <td class="nk-tb-col">{{ $notice->display_name }}</td>
                    <td class="nk-tb-col @if($notice->amount) naira-prefix @endif">{{ $notice->amount ? number_format($notice->amount, 2) : '-' }}</td>
                    <td class="nk-tb-col">{{ $notice->revenue_code ? $notice->revenue_code->revenue_code : '-' }}</td>
                    <td class="nk-tb-col">{{ $user ? $user->FullName : '' }}</td>
                    <td class="nk-tb-col">{{ $notice->created_at ?? $notice->updated_at }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    @include('components.demand-notice.demand-notice-modal')
@endsection
@section('more-scripts')
    <script>
        $(document).ready(
            function(){
                $.each($('.updateCategoryBtn'), (index, el) => {
                    const updateRoute = $(el).data('update-url');
                    const notice = $(el).data('notice');
                    $(el).click(function () {
                        console.log(notice);
                        $('#demandNoticeUpdateForm').attr('action', updateRoute);
                        $('#editFeeName').val(notice.display_name);
                        $('#editFixedAmount').val(notice.amount);
                        $('#updateBillingCategoryModal').modal('show');
                    })
                })

            }
        );
    </script>
@endsection