@extends('fixed-deposits.base')

@section('action-content')
<section class="content">

<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">
            <i class="fa fa-lock"></i> Fixed Deposits
        </h3>

        <div class="box-tools pull-right">

            <a href="{{ route('fixed-deposits.create') }}" class="btn btn-success btn-sm">
                <i class="fa fa-plus"></i> Create Fixed Deposit
            </a>

        
           <form id="runDailyFdForm"
      method="POST"
      action="{{ route('fixed-deposits.run-daily-calculations') }}"
      style="display:inline-block;">
    @csrf
    @if(in_array(auth()->user()->role, ['manager', 'admin']))
    <button type="button" class="btn btn-primary btn-sm" id="runDailyFdBtn">
        <i class="fa fa-refresh"></i> Run Daily FD Calculations
    </button>
    @endif
</form>


        </div>
    </div>

    <div class="box-body table-responsive">

        <div id="fd-success-alert" class="alert alert-success" style="display:none;"></div>

        <table class="table table-bordered table-hover" id="fd-table">
            <thead>
            <tr>
                <th>#</th>
                <th>Client</th>
                <th>Account No</th>
                <th>Principal</th>
                <th>Rate %</th>
                <th>Tenor</th>
                <th>Days Run</th>
                <th>Interest</th>
                <th>Value</th>
                <th>Status</th>
                <th width="220">Actions</th>
            </tr>
            </thead>

            <tbody>
            @forelse($fixedDeposits as $fd)

                @php
                    $rowDisabled = $fd->payout_done ? 'opacity:0.6; pointer-events:none;' : '';
                @endphp

                <tr id="fd-row-{{ $fd->id }}" style="{{ $rowDisabled }}">
                    <td>{{ $loop->iteration }}</td>
                    <td>
                        {{ $fd->clientAccount->client->surname ?? '' }}
                        {{ $fd->clientAccount->client->first_name ?? '' }}
                    </td>
                    <td>{{ $fd->clientAccount->client->account_number ?? '' }}</td>
                    <td>{{ number_format($fd->principal, 2) }}</td>
                    <td>{{ $fd->interest_rate }}%</td>
                    <td>{{ $fd->tenor }}</td>
                    <td class="fd-days-run">{{ $fd->days_run }}</td>
                    <td class="fd-interest-accrued">{{ number_format($fd->interest_accrued, 2) }}</td>
                    <td class="fd-current-value">{{ number_format($fd->current_value, 2) }}</td>

                    <td class="fd-status">
                        @if($fd->status === 'active')
                            <span class="label label-warning">Active</span>
                        @elseif($fd->status === 'matured')
                            <span class="label label-success">Matured</span>
                        @elseif($fd->status === 'paid_out')
                            <span class="label label-primary">Paid Out</span>
                        @else
                            <span class="label label-default">{{ ucfirst($fd->status) }}</span>
                        @endif
                    </td>

                    <td>

                        {{-- View --}}
                        <a href="{{ route('fixed-deposits.show', $fd->id) }}"
                           class="btn btn-info btn-xs"
                           title="Show Details">
                            <i class="fa fa-eye"></i>
                        </a>

                        {{-- Certificate --}}
                        <a href="{{ route('fixed-deposits.certificate', $fd->id) }}"
                           class="btn btn-warning btn-xs"
                           target="_blank"
                           title="PDF View">
                            <i class="fa fa-file-pdf-o"></i>
                        </a>

                        {{-- Rollover --}}
                        @if($fd->status === 'matured' && !$fd->payout_done)
                            <a href="{{ route('fixed-deposits.rollover', $fd->id) }}"
                               class="btn btn-primary btn-xs"
                               title="Rollover">
                                <i class="fa fa-repeat"></i>
                            </a>
                        @endif

                        {{-- Payout --}}
                        @if($fd->status === 'matured' && !$fd->payout_done)
                        <form method="POST"
                            action="{{ route('fixed-deposits.payout', $fd->id) }}"
                            class="payout-form"
                            style="display:inline-block;">
                            @csrf
                            <button type="button"
                            class="btn btn-success btn-xs payout-btn"
                            title="Payout Maturity">
                            <i class="fa fa-money"></i>
                        </button>
                    </form>
                    @endif

                        {{-- Paid Out --}}
                        @if($fd->payout_done)
                            <span class="badge bg-green">
                                Paid {{ optional($fd->paid_out_at)->format('d M Y') }}
                            </span>
                        @endif

                    </td>
                </tr>

            @empty
                <tr>
                    <td colspan="11" class="text-center">No Fixed Deposits Found</td>
                </tr>
            @endforelse
            </tbody>
        </table>

    </div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function () {

    /*
    |--------------------------------------------------------------------------
    | RUN DAILY FD CALCULATIONS (Manager/Admin Only)
    |--------------------------------------------------------------------------
    */
    const runBtn = document.getElementById('runDailyFdBtn');
    const runForm = document.getElementById('runDailyFdForm');

    if (runBtn && runForm) {
        runBtn.addEventListener('click', function () {

            Swal.fire({
                title: 'Run Daily Calculations?',
                text: 'This will process ALL active fixed deposits.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, run it!',
                cancelButtonText: 'Cancel',
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33'
            }).then((result) => {

                if (result.isConfirmed) {

                    Swal.fire({
                        title: 'Processing...',
                        text: 'Please wait...',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    runForm.submit();
                }
            });
        });
    }


    /*
    |--------------------------------------------------------------------------
    | PAYOUT CONFIRMATION
    |--------------------------------------------------------------------------
    */
    document.querySelectorAll('.payout-btn').forEach(button => {

        button.addEventListener('click', function () {

            const form = this.closest('.payout-form');

            Swal.fire({
                title: 'Confirm Payout?',
                text: 'This will credit the maturity amount to the client account.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, process payout',
                cancelButtonText: 'Cancel',
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#d33'
            }).then((result) => {

                if (result.isConfirmed) {

                    Swal.fire({
                        title: 'Processing...',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    form.submit();
                }
            });
        });
    });

});
</script>


{{-- SUCCESS MESSAGE --}}
@if(session('success'))
<script>
document.addEventListener('DOMContentLoaded', function () {
    Swal.fire({
        icon: 'success',
        title: 'Completed',
        text: "{{ session('success') }}",
        confirmButtonText: 'OK'
    });
});
</script>
@endif


{{-- ERROR MESSAGE --}}
@if(session('error'))
<script>
document.addEventListener('DOMContentLoaded', function () {
    Swal.fire({
        icon: 'error',
        title: 'Error',
        text: "{{ session('error') }}",
        confirmButtonText: 'OK'
    });
});
</script>
@endif
@endsection