@extends('layouts/contentNavbarLayout')

@section('title', 'Dashboard - Analytics')

@section('vendor-style')
@endsection

@section('vendor-script')
@endsection

@section('page-script')
@endsection

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
    <div class="card">
        <div class="card-header bg-primary text-white">
            Wallet
        </div>
        <div class="card-body">
            <div class="row my-4">
                <div class="col-md-3 mb-3">
                    <div class="border rounded bg-subtle-primary p-3 text-center h-100">
                        <h6 class="text-muted mb-2">Payout Balance</h6>
                        <h4 class="mb-0">&#x20B9;{{ $data['available_balance'] }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="border rounded bg-subtle-primary p-3 text-center h-100">
                        <h6 class="text-muted mb-2">PayIn Balance</h6>
                        <h4 class="mb-0">&#x20B9;{{ $data['available_payinbalance'] }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="border rounded bg-subtle-primary p-3 text-center h-100">
                        <h6 class="text-muted mb-2">Freeze Balance</h6>
                        <h4 class="mb-0">&#x20B9;{{ $data['freeze_balance'] }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="border rounded bg-subtle-primary p-3 text-center h-100">
                        <h6 class="text-muted mb-2">Reserve Balance</h6>
                        <h4 class="mb-0">&#x20B9;{{ $data['reserve_balance'] }}</h4>
                    </div>
                </div>
            </div>
            <div class="row justify-content-end mb-3">
                <div class="col-auto">
                    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addFundModal">
                        Add Fund
                    </button>
                </div>

                <div class="col-auto">
                    <button class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#addVirtualModal">
                        Create Virtual Account
                    </button>
                </div>
            </div>

            <h4 class="py-3 my-4"><span class="text-dark">Company Bank Account</h4>
            <div class="table-responsive">
                <table class="table table-bordered" id="accountsTable">
                    <thead class="table bg-subtle-primary">
                        <tr>
                            <th>S.No</th>
                            <th>Bank Name</th>
                            <th>Branch Name</th>
                            <th>Account Holder</th>
                            <th>Account Number</th>
                            <th>IFSC</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $hasActiveAccount = false; @endphp

                        @foreach ($company_accounts as $key => $account)
                            @if ($account->status == 'A')
                                @php $hasActiveAccount = true; @endphp
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $account->bank_name }}</td>
                                    <td>{{ $account->branch_name }}</td>
                                    <td>{{ $account->account_holder_name }}</td>
                                    <td>{{ $account->account_number }}</td>
                                    <td>{{ $account->ifsc }}</td>
                                    <td>
                                        <span class="badge bg-label-success me-1">Active</span>
                                    </td>
                                </tr>
                            @endif
                        @endforeach

                        @if (!$hasActiveAccount)
                            <tr>
                                <td colspan="7" class="text-center text-muted">No active account found.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            <h4 class="py-3 my-4"><span class="text-dark">Virtual Account For Add Fund</h4>
            <div class="table-responsive">
                <table class="table table-bordered align-middle" id="accountsTable">
                    <thead class="table bg-subtle-primary">
                        <tr>
                            <th>S.No</th>
                            <th>Holder Name</th>
                            <th>Bank Name</th>
                            <th>Account Number</th>
                            <th>IFSC</th>
                            <th>Status</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse ($virtualAccounts as $account)
                            <tr>
                                <td>{{ $loop->iteration }}</td>

                                 <td>Razorpay Software Private Limited</td>

                                <td>{{ $account->bank_name }}</td>

                                <td>
                                    {{ $account->account_number }}
                                </td>

                                <td>{{ $account->ifsc }}</td>

                                <td>
                                    @if ($account->status === 'A')
                                        <span class="badge badge-soft-success">Active</span>
                                    @elseif ($account->status === 'B')
                                        <span class="badge badge-soft-danger">Disabled</span>
                                    @else
                                        <span class="badge badge-soft-secondary">Unknown</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted">
                                    No virtual account found.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

        </div>
    </div>
    <!-- modal -->
    <div class="modal" tabindex="-1" id="addFundModal">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Add Fund</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    <form id="fundrequestform">
                        <div class="row">
                            <div class="col-12 mb-3">
                                <label for="amount" class="form-label">Amount</label>
                                <input type="text" id="amount" class="form-control" name="amount"
                                    placeholder="Enter Amount">
                                <div class="amount-message"></div>
                            </div>
                            <div class="col-12 mb-3">
                                <label for="sender-account-number" class="form-label">Sender Account Number</label>
                                <select name="sender-account-number" class="form-select" id="sender-account-number">
                                    <option value="">Select Sender Account Number</option>
                                    @foreach ($active_user_accounts as $account)
                                        <option value="{{ $account->account_number }}">
                                            {{ $account->bank_name }} - {{ $account->account_number }}
                                        </option>
                                    @endforeach
                                </select>
                                <div class="sender-account-number-message"></div>
                            </div>
                            <div class="col-12 mb-3">
                                <label for="company-account-number" class="form-label">Company Account Number</label>
                                <select name="company-account-number" class="form-select" id="company-account-number">
                                    <option value="">Select Company Account Number</option>
                                    @foreach ($active_company_accounts as $account)
                                        <option value="{{ $account->id }}">
                                            {{ $account->bank_name }} - {{ $account->account_number }}
                                        </option>
                                    @endforeach
                                </select>
                                <div class="company-account-number-message"></div>
                            </div>

                            <div class="col-12 mb-3">
                                <label for="transaction-utr" class="form-label">RRN</label>
                                <input type="text" id="transaction-utr" class="form-control" name="transaction-utr"
                                    placeholder="Enter Transaction UTR">
                                <div class="transaction-utr-message"></div>
                            </div>

                            <div class="col-12 mb-3">
                                <label for="transaction-datetime" class="form-label">Transaction Date & Time</label>
                                <input type="datetime-local" id="transaction-datetime" class="form-control"
                                    name="transaction-datetime">
                                <div class="transaction-datetime-message"></div>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="submitButton">Submit</button>
                </div>
            </div>
        </div>
    </div>



    <!-- modal -->
    <div class="modal fade" tabindex="-1" id="addVirtualModal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow rounded-4">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h5 class="modal-title fw-semibold">Create Virtual Account</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <!-- Modal Body -->
                <div class="modal-body">
                    <form id="virtualAccountForm">

                        <div class="mb-3">
                            <label class="form-label">Name</label>
                            <input type="text" name="name" class="form-control" placeholder="Enter full name"
                                required>
                        </div>
                        <div class="name"></div>
                        <div class="mb-3">
                            <label class="form-label">Email</label>
                            <input type="email" name="email" class="form-control" placeholder="Enter email address"
                                required>
                        </div>
                        <div class="email"></div>
                        <div class="mb-3">
                            <label class="form-label">Phone Number</label>
                            <input type="text" name="phone" class="form-control" placeholder="Enter phone number"
                                maxlength="10" required>
                        </div>
                        <div class="amount-message"></div>
                        <div class="mb-3">
                            <label class="form-label">Bank Account Number</label>
                            <input type="text" name="bank_account_number" class="form-control"
                                placeholder="Enter bank account number" required>
                        </div>
                        <div class="amount-message"></div>
                        <div class="mb-3">
                            <label class="form-label">IFSC Code</label>
                            <input type="text" name="ifsc_code" class="form-control text-uppercase"
                                placeholder="Enter IFSC code" required>
                        </div>
                        <div class="amount-message"></div>
                        <div class="mb-3">
                            <label class="form-label">Remark <span class="text-muted">(Optional)</span></label>
                            <textarea name="remark" class="form-control" rows="2" placeholder="Any additional note (optional)"></textarea>
                        </div>

                    </form>
                </div>

                <!-- Modal Footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        Cancel
                    </button>
                    <button id="submitVirtualButton" type="submit" class="btn btn-primary" form="virtualAccountForm">
                        <i class="mdi mdi-bank-plus me-1"></i> Create Account
                    </button>
                </div>

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

@endsection
@section('js')
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('#submitButton').on('click', function(e) {
                e.preventDefault();
                Swal.fire({
                    title: 'Processing...',
                    text: 'Please wait while we submit your request.',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                        $('#submitButton').text('Processing...');
                        $('#submitButton').prop('disabled', true);
                    }
                });
                $('#addFundModal').modal('hide');
                $.ajax({
                    url: "{{ route('fund-request.submit') }}",
                    method: 'POST',
                    data: $('#fundrequestform').serialize(),
                    success: function(response) {
                        Swal.close();
                        Swal.fire({
                            icon: 'success',
                            title: 'Success',
                            text: response.message ||
                                'Fund request submitted successfully',
                        });
                        $('#fundrequestform')[0].reset();
                        $('#addFundModal').modal('hide');
                    },
                    error: function(xhr) {
                        Swal.close();
                        if (xhr.status === 422) {
                            const errors = xhr.responseJSON.errors;
                            $('.amount-message').text(errors.amount ? errors.amount[0] : '');
                            $('.sender-account-number-message').text(errors[
                                'sender-account-number'] ? errors[
                                'sender-account-number'][0] : '');
                            $('.company-account-number-message').text(errors[
                                'company-account-number'] ? errors[
                                'company-account-number'][0] : '');
                            $('.transaction-utr-message').text(errors['transaction-utr'] ?
                                errors['transaction-utr'][0] : '');
                            $('.transaction-datetime-message').text(errors[
                                    'transaction-datetime'] ? errors['transaction-datetime']
                                [0] : '');
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: 'Something went wrong. Please try again.',
                            });
                        }
                        $('#submitButton').text('Submit');
                        $('#submitButton').prop('disabled', false);
                    }
                });
            });

            $(document).on('click', '#submitVirtualButton', function(e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Processing...',
                    text: 'Creating virtual account, please wait...',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                        $('#submitVirtualButton')
                            .text('Processing...')
                            .prop('disabled', true);
                    }
                });
                $('#addVirtualModal').modal('hide');
                $.ajax({
                    url: "{{ route('virtualacc.submit') }}",
                    type: "POST",
                    data: $('#virtualAccountForm').serialize(),
                    dataType: "json",
                    success: function(response) {
                        Swal.close();
                        if (response.status === true) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Success',
                                text: response.message ||
                                    'Virtual account created successfully',
                                confirmButtonText: 'OK'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            });
                            $('#virtualAccountForm')[0].reset();
                            $('#addVirtualModal').modal('hide');
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Failed',
                                text: response.message ||
                                    'Unable to create virtual account now please try again after sometime',
                                confirmButtonText: 'OK'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            });
                        }

                        $('#submitVirtualButton')
                            .text('Create Account')
                            .prop('disabled', false);
                    },

                    error: function(xhr) {
                        Swal.close();
                        if (xhr.status === 422 && xhr.responseJSON?.errors) {
                            const errors = xhr.responseJSON.errors;
                            $('.name').text(errors.name ? errors.name[0] : '');
                            $('.email').text(errors.email ? errors.email[0] : '');
                            $('.phone').text(errors.name ? errors.phone[0] : '');
                            $('.bank_account_number').text(errors.bank_account_number ? errors
                                .bank_account_number[0] : '');
                            $('.ifsc_code').text(errors.name ? errors.ifsc_code[0] : '');
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: xhr.responseJSON?.message ||
                                    'Unable to create virtual account now please try again after sometime'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            });
                        }

                        $('#submitVirtualButton')
                            .text('Create Account')
                            .prop('disabled', false);
                    }
                });
            });

        });
    </script>

@endsection