@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a  href="{{ route('admin.dashboard') }}">Home</a></li>
                    <li><a href="#">cash & bank</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;">Cash & Bank </h2>
                            <span class="subtitle">View and manage and transfer between your Cash accounts, Bank accounts, Credit card and loan accounts</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="actions success_actions" style="">
                            <div class="actions_dropdown">
                                <span>Actions</span>
                                <ul class="actions_list">
                                    <li data-toggle="modal" class="new_account">New Account</li>
                                    <li data-toggle="modal" class="fund_transfer">Transfer Money</li>
                                    <li><a href="{{route('admin.spend-money.index')}}">Spend Money</a></li>
                                    <li data-toggle="modal" class="received_money">Receive Money</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-12">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                     
                        <div class="bank_cash">
                            @foreach($accounts as $key=>$accountdata)
                            <div class="row">
                                <!-- BEGIN LIST OF ACCOUNTS -->
                                <div class="new_account_box_here"></div>
                                <div
                                    class="col-sm-6">
                                    <div class="bank_cash_box hvr-grow-shadow">
                                    
                                        <div class="boxarea_pointer">
                                            <div class="row" style="margin-top:10px;">
                                                <div class="col-sm-8 cash_bank_title">
                                                    <h4>{{ ucfirst($accountdata->name) }}</h4>
                                                </div>
                                                <div class="col-sm-4 text-right">
                                                    <img src="{{ asset('assets/global/img/bank_icon.png')}}">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-12 text-center account_details"
                                                    data-balance=Acc_uuid>
                                                    <h6>Current Balance</h6>
                                                    <h5>
                                                        <a href=account_statement= Acc_uuid
                                                            target="_blank">AED</a>
                                                    </h5>
                                                    <p>Last Entry:=accounts_last_transaction</p>
                                                </div>
                                            </div>
                                        </div>
                                       
                                        <div class="row footerow">
                                            <div class="col-sm-12 account_details_footer">
                                                <div class="text-right">
                                                    <a href="javascript:void(0)" class="account_editing"
                                                        data_uuid="accounts_Acc_uuid"
                                                        data_title="accounts_AccTitle"
                                                        data_type="accounts_acc_type"
                                                        date_number="accounts_accountno"
                                                        data_cradit="accounts_credit"><i
                                                            class="fa fa-edit"></i>
                                                        Edit</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               
                            </div>
                            @endforeach
                            <div class="success_box"></div>
                        </div>
                    </div>
                   
                    <!--THIS IS CONTENT DIV END-->
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Edit Bank Title Modal -->
<div class="modal fade bs-modal" id="cash_bank_account_edit" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="post" id="cash_bank_account_update">
                <div class="modal-header">
                    <button type="button" class="close close_popup"
                            data-dismiss="modal">&times;
                    </button>
                    <h3 class="pop_heading">Edit Account</h3>
                </div>
                <div class="modal-body" style="overflow: hidden">
                    <div class="portlet-body">
                        <div class="row new_account_form">
                            <div class="col-sm-6">
                                <div class="form-group  ">
                                    <label for="edit_account_type">Account Type*</label>
                                    <select class="form-control validate select2" id="edit_account_type"
                                            change_type="0">
                                        <option></option>
                                        <option value="Bank">Bank</option>
                                        <option value="Cash">Cash</option>
                                        <option value="Credit_Card">Credit Card</option>
                                        <option value="Loan">Loan</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group ">
                                    <label for="edit_acc_title">Account Name*</label>
                                    <input type="text" class="form-control" id="edit_acc_title"
                                           placeholder="Account Title" value="">
                                    <input type="hidden" class="form-control" id="edit_acc_uuid"
                                           placeholder="Account Title" value="">
                                </div>
                            </div>
                        </div>
                        <div class="row account_number_box" style="display: none;">
                            <div class="col-md-6">
                                <div class="form-group ">
                                    <label for="edit_account_number">Account Number*</label>
                                    <input type="number" class="form-control acc_no" id="edit_account_number"
                                           placeholder="Enter account number here" value="">
                                </div>
                            </div>
                            <div class="col-md-6 cradit_limit" style="display: none;">
                                <div class="form-group ">
                                    <label for="edit_cradit_limit">Credit Limit</label>
                                    <input type="number" class="form-control" id="edit_cradit_limit"
                                           placeholder="Enter credit limit here" value="">
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row" style="min-height:44px;">
                        <div class="col-sm-6">
                            <div class="alert_box">There are errors on page</div>
                        </div>
                        <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                            <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn theme_btn_round update_account"> Update</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- Edit Bank Title Modal -->

<!-- New Account Modal Start-->
<div class="modal fade bs-modal" id="new_account_model" role="dialog" aria-hidden="true">
 
</div>
<!-- New Account Modal End-->

<!-- Funds Transfer Modal Start-->
<div class="modal fade bs-modal" id="fund_transfer_model" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="post" id="fund_transfer">
                <div class="modal-header">
                    <button type="button" class="close close_popup"
                            data-dismiss="modal">&times;
                    </button>
                    <h3 class="pop_heading">Fund Transfer</h3>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 new_account_quote">
                            <p>Record the transfer of money between your bank and cash accounts. This includes the
                                payments from your bank account
                                to a credit card or loan account</p>
                        </div>
                    </div>
                    <div class="row new_account_form">
                        <div class="col-sm-6">
                            <div class="form-group  ">
                                <label for="pay_from">Paid from account*</label>
                                <select class="form-control validate select2" id="pay_from">
                                    <option></option>
                                    <option value=Acc_uuid>AccTitle</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group  ">
                                <label for="pay_to">Paid to account*</label>
                                <select class="form-control validate select2" id="pay_to">
                                    <option></option>
                                    <option value=to_Acc_uuid>to_AccTitle</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group ">
                                <label for="amount_transfer">Amount transferred* <span class="error_span">Amount must be greater than or equal to 1 </span></label>
                                <input type="number" class="form-control validate" min="1" id="amount_transfer"
                                       placeholder="Enter amount here">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group  ">
                                <label for="transfer_method">Transfer Method*</label>
                                <select class="form-control validate select2 transfer_mode" id="transfer_method">
                                    <option></option>
                                    <option value="Cash">Cash</option>
                                    <option value="Cheque">Cheque</option>
                                    <option value="Online Transfer">Online Transfer</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row bank_cheque" style="display: none">
                        <div class="col-md-6">
                            <div class="form-group ">
                                <label for="amount_transfer">Cheque No*</label>
                                <input type="text" class="form-control" id="cheque_no"
                                       placeholder="Cheque No">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group ">
                                <label for="transfer_date">Cheque Date*</label>
                                <div class="input-group">
                                    <input id="cheque_date" value="15-03-2025" class="form-control ytd"
                                           type="text">
                                    <span class="input-group-btn">
                                        <button class="btn default calender" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group ">
                                <label for="transfer_date">Date transferred</label>
                                <div class="input-group">
                                    <input id="transfer_date" value="15-03-2025"
                                           class="form-control validate ytd"
                                           type="text">
                                    <span class="input-group-btn">
                                        <button class="btn default calender" type="button">
                                            <i class="fa fa-calendar"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group ">
                                <label for="transaction_reference">Reference (Optional)</label>
                                <input type="text" class="form-control" id="transaction_reference"
                                       placeholder="Type in the transaction reference number">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group ">
                                <label for="description">Description</label>
                                <textarea rows="2" class="form-control" id="description"
                                          placeholder="Input a short description about this transaction"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row" style="min-height:44px;">
                        <div class="col-sm-6">
                            <div class="alert_box">There are errors on page</div>
                        </div>
                        <div class="col-sm-6">
                            <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn theme_btn_round fund_transfer_save"> Save</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
        <!--<div class="alert_box">There are errors on page</div>-->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- Fund Transfer Modal End-->

<!-- Received Money Modal Start -->
<div class="modal fade bs-modal right modal-fullscreen" id="cash_bank_received_money" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="post" id="received_money_process" class="">
                <input type="hidden" name="staff_user_uuid" class="staff_user_uuid" id="staff_user_uuid">
                <div class="modal-header">
                    <button type="button" class="close close_popup"
                            data-dismiss="modal">&times;
                    </button>
                    <h3 class="pop_heading" style="color: #333;">
                        RECEIVE MONEY
                        <span class="contact_name">  </span>
                    </h3>
                </div>
                <div class="modal-body">
                    <div class="body_wrap">
                        <div class="row">
                            <!--RIGHT SIDE-->
                            <div class="col-md-12 pl_pr_0 right_side_task">
                                <!--==== BASIC INFORMATION ====-->
                                <div id="terminal_day_sales">
                                    <div class="rows_wrap">
                                        <div class="row m_0">
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label for="receiver_contact">Receiving From *</label>
                                                    <select name="receiver_contact" id="receiver_contact"
                                                            class="form-control select2 validate receiver_contact">
                                                        <option value=""></option>
                                                        <option value="new_contact">New Contact</option>
                                                        <option value=c_data_contact_uuid>
                                                                display_name
                                                             </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="staff_user">User</label>
                                                    <input type="text" class="form-control" name="staff_user"
                                                           id="staff_user" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m_0">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="amount_received">Amount Received *</label>
                                                    <input type="text" class="form-control amount_received validate"
                                                           id="amount_received" name="amount_received">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="transaction_date">Date *</label>
                                                    <div class="input-group">
                                                        <input type="text" name="transaction_date" id="recvstartDate"
                                                               class="form-control fdl calender_popup" value="15-03-2025">
                                                        <span class="input-group-btn">
                                                            <button class="btn default custom_calender" type="button"
                                                                    style="margin: 0">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="received_date">Date</label>
                                                    <input type="text" class="form-control" name="received_date"
                                                           id="received_date" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m_0">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="receiving_method">Receiving Method *</label>
                                                    <select class="form-control select2 receiving_method validate"
                                                            id="receiving_method" name="receiving_method">
                                                        <option value=""></option>
                                                        <option value="cheque">Cheque</option>
                                                        <option value="cash">Cash</option>
                                                        <option value="online_transfer">Online Transfer</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">

                                                    <label for="receiving_to">Receiving To *</label>
                                                    <select class="form-control select2 receiving_to validate"
                                                            id="receiving_to" name="receiving_to">
                                                        <option value=""></option>
                                                        <option value=Acc_uuid>AccTitle</option>
                                                    </select>

                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">

                                                    <label for="received_time">Time</label>
                                                    <input type="text" class="form-control received_time" name="received_time"
                                                           id="received_time" readonly>

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

                                        <div class="row m_0" id="bank_cheque_details" style="display: none;">
                                            <div class="col-md-4">
                                                <div class="form-group">

                                                    <label for="cheque_number">Cheque Number *</label>
                                                    <input type="text" class="form-control" name="cheque_number"
                                                           id="cheque_number">

                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="cheque_date">Cheque Date *</label>
                                                    <div class="input-group date date-picker" data-date-format="dd-mm-yyyy">
                                                        <input type="text" id="cheque_date" name="cheque_date"
                                                               class="form-control calender_popup">
                                                        <span class="input-group-btn">
                                                            <button class="btn default custom_calender" type="button"
                                                                    style="margin:0 0 0 -2px">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m_0">
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label for="payment_description">Description</label>
                                                    <textarea class="form-control" name="payment_description"
                                                              id="payment_description"></textarea>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">

                                                    <label for="receiving_reference">Reference</label>
                                                    <input type="text" class="form-control" name="receiving_reference"
                                                           id="receiving_reference">

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

                                    </div>
                                </div>
                                <!--==== BASIC INFORMATION ====-->

                            </div>
                            <!--RIGHT SIDE-->

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

                <div class="modal-footer">
                    <div class="row" style="">
                        <div class="col-sm-6">
                            <div class="alert_box">There are errors on page</div>
                        </div>
                        <div class="col-sm-6">
                            <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn theme_btn_round tds_process_btn"> Save</button>
                        </div>
                    </div>
                </div>

            </form>
        </div>
        <!-- /.modal-Task -->
        <!--                    <div class="alert_box">There are errors on page</div>-->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- Received Money Modal Start -->

<!-- New Contact Modal Start-->
<div class="modal fade bs-modal" id="new_contact_model" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="post" id="newContact">
               
                <div class="modal-header">
                    <button type="button" class="close close_popup"
                            data-dismiss="modal">&times;
                    </button>

                    <h3 class="pop_heading">New Contact</h3>
                </div>

                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 new_account_quote">
                            <p>Create a new contact with minimal details for processing payment. You can edit further
                                with more details from Contact
                                section with alternate addresses, account settings, other contact options etc.</p>
                        </div>
                    </div>

                    <div class="row new_account_form">
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="form_business_title">Title *</label>
                                <select class="form-control select2 title filter validate" id="contact_title" name="title">
                                    <option value=""></option>
                                    <option value>
                                            NAME_TITLES
                                    </option>                                    ?>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="name_customer">First name *</label>
                                <input class="form-control first_name validate"
                                       id="contact_first_name" type="text" name="first_name" value=""
                                       autocomplete="off">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name_customer">Last name *</label>
                                <input class="form-control last_name validate"
                                       id="contact_last_name" type="text" name="last_name" value=""
                                       autocomplete="off">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="business_name">Business Name</label>
                                <input id="business_name" placeholder="Enter buisness name here"
                                       class="form-control business_name" type="text">
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="contact_person">Contact Display</label>
                                <select class="form-control select2 filter display_name" name="display_name" id="display_name">
                                    <option value=""></option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="contact_email">Email</label>
                                <input id="contact_email" placeholder="Enter email id here" class="form-control"
                                       type="email">
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="contact_number">Telephone *</label>
                                <input id="contact_number" placeholder="Enter telephone number here"
                                       class="form-control contact_number number validate" type="text">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <div class="row" style="">
                        <div class="col-sm-6">
                            <div class="alert_box">Mendatory feilds are required!</div>
                        </div>
                        <div class="col-sm-6">
                            <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn theme_btn_round save_new_contact"> Save</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
        <!--<div class="alert_box">There are errors on page</div>-->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- New Contact Modal End-->




@endsection
@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet"
    type="text/css" />
<!-- DATE PICKER -->
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"
    type="text/css" />
@stop
@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"
    type="text/javascript"></script>
    <script src="{{asset('js/general.js')}}"></script>
<script type="text/javascript">
    var target = '';
    var date = new Date();
    var year = date.getFullYear();
    $(document).ready(function () {
        $('#account_date').datepicker({
            format: "dd-mm-yyyy",
            endDate: '+0d',
            autoclose: true,
            startDate: "01-01-" + year
        });
        $('#transfer_date, #cheque_date, #recvstartDate').datepicker({
            format: "dd-mm-yyyy",
            endDate: '+0d',
            autoclose: true
        });
        //SELECT 2 Simple//
        $(".select2").select2({
            placeholder: "--Select--",
            allowClear: true
        });
    });

    $(".transfer_mode").change(function () {
        var transfer_mode = $(this).val();
        if (transfer_mode != "") {
            if (transfer_mode == 'Cheque') {
                $('#cheque_no').addClass('validate');
                $('#cheque_date').addClass('validate');
                $('.bank_cheque').fadeIn(500);
            } else {
                $('#cheque_no').removeClass('validate');
                $('#cheque_date').removeClass('validate');

                $('.bank_cheque').fadeOut(500);
            }
        }
    });


    $(document).on('click', '.new_account_save', function () {
        var flag = validationForm("#new_account");
         $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
        var formData = new FormData(document.getElementById("new_account"));
        var url ="{{route('admin.cash-banks.store')}}";
        $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (res) {
                //     if(res.status == 1000){
                //        alertbox('success', res.message);
                //         location.reload();
                //     }
                //     if(res.status == 3000) {
                //         alertbox('danger', res.message);
                //     }
                //     if(res.status == 2000) {
                //         $.each(res.errors, function (key, value) {
                //             $("p." + key).removeClass("hidden").text(value);
                //     });
                //         alertbox('danger', 'All Mandatory Fields Are Required!');
                //     }
                // },
                // error: function (error) {
                //     $('#busyloading, .overlay').fadeOut(200);
                //     alertbox('danger', error);
                }
            });
        console.log(formData);
    });
    //Getting Values
    $(document).on('click', '.account_editing', function () {
        $('.account_editing').removeClass('editing');
        $("#cash_bank_account_edit").modal();
        $("#edit_account_type").val($(this).attr('data_type')).trigger('change');
        $("#edit_account_type").attr('change_type', '0');
        $("#edit_acc_title").val($(this).attr('data_title'));
        $("#edit_account_number").val($(this).attr('date_number'));
        $("#edit_cradit_limit").val($(this).attr('data_cradit'));
        $("#edit_acc_uuid").val($(this).attr('data_uuid'));
        $(this).addClass('editing');
    });

    //Updating Account Information on Click
    $(document).on('click', '.update_account', function () {
        target = $('.editing').parent().parent().parent().parent();
        var flag = '0';
        var icon = '';
        $('#cash_bank_account_update *').filter(':input, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '' && $(this).val() == 0) {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
                    flag = '1';
                } else {
                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
                }
            }
        });
        if (flag == '1') {
            $('.alert_box').fadeIn().delay(4000).fadeOut(200);
            return false;
        } else {
            var uuid = $('#edit_acc_uuid').val();
            var acc_type = $('#edit_account_type').find(':selected').val();
            var title = $("#edit_acc_title").val();
            var type_change = $("#edit_account_type").attr('change_type');
            var acc_number = $("#edit_account_number").val();
            var cradit = $("#edit_cradit_limit").val();
            if (acc_type == 'Cash') {
                acc_number = '';
                cradit = '0';
            }
            if (acc_type == 'Bank') {
                cradit = '0';
                icon = "{{asset('assets/global/img/bank_icon.png')}}";
            }
            if (acc_type == 'Credit_Card') {
                icon = "{{asset('assets/img/cradit_card_icon.png')}}";
            }
            if (acc_type == 'Loan') {
                icon = "{{asset('assets/img/loan_icon.png')}}";
            }
            if (acc_type == 'Cash') {
                icon = "{{asset('global/img/account_icon.png')}}";
            }
            if (cradit == "") {
                cradit = '0';
            }
            $('#busyloading, .overlay').show();
            var url = 'Bank_cash/update_account/';
            $.ajax({
                type: 'POST',
                url: url,
                data: {
                    'uuid': uuid,
                    'acc_type': acc_type,
                    'title': title,
                    'acc_number': acc_number,
                    'cradit': cradit,
                    'type_change': type_change
                },
                success: function (response) {
                    var result = $.parseJSON(response);
                    if (result.type == 'success') {
                        $("#cash_bank_account_edit").modal('toggle');
                        target.find('.cash_bank_title h4').html(result.data.AccTitle);
                        target.find('img').attr('src', icon);
                        target.find('.account_editing').attr({
                            'data_title': result.data.AccTitle,
                            'data_type': result.data.acc_type,
                            'date_number': result.data.account_number,
                            'data_cradit': result.data.credit_limit
                        });
                        alertbox('success', result.msg);
                        $('#edit_account_type').attr('change_type', '0');
                        $('#busyloading, .overlay').fadeOut(100);
                    } else if (result.type == 'error') {
                        $('#cash_bank_account').modal('toggle');
                        alertbox('warning', result.msg);
                        $('#busyloading, .overlay').fadeOut(100);
                    }
                },
                error: function (response) {
                    alertbox('danger', response);
                    $('#busyloading, .overlay').fadeOut(100);
                },
            });
        }
    });

    //Action List Dropdown Show
    //Opening Balance input box script
    $(document).on('click', '.opening_balance_btn', function () {
        $('.opening_balance').slideToggle(500);
        if ($(this).find('i.fa').hasClass('fa-angle-double-down')) {
            $(this).find('i.fa').removeClass('fa-angle-double-down').addClass('fa-angle-double-up');
        } else {
            $(this).find('i.fa').removeClass('fa-angle-double-up').addClass('fa-angle-double-down');
        }
    });

    //Account Type Change Script
    $(document).on('change', '#account_type, #edit_account_type', function () {
        var selected_account = $(this).find(":selected").val();
        $('#edit_account_type').attr('change_type', '1');
        if (selected_account == "Cash") {
            $('.account_number_box').slideUp(500);
            $('.account_number_box').find('input').val('');
            $('.cradit_limit').slideUp(500);
            $('.cradit_limit').find('input').val('');
            $('.account_number_box').find('input.acc_no').removeClass('validate');
        } else if (selected_account == "Credit Card" || selected_account == "Loan") {
            $('.cradit_limit').slideDown(500);
            $('.cradit_limit').find('input').val('');
            $('.account_number_box').find('input').val('');
            $('.account_number_box').slideDown(500).find('input.acc_no').addClass('validate');
        } else if (selected_account == "Bank") {
            $('.account_number_box').slideDown(500).find('input.acc_no').addClass('validate');
            $('.cradit_limit').slideUp(500);
        }
    });

    // //New Account Saving Script
    // $(document).on('click', '.new_account_save', function () {
    //     var flag = '0';
    //     $('#new_account *').filter(':input, textarea, select').each(function () {
    //         if ($(this).hasClass('validate')) {
    //             if ($(this).val() == '' && $(this).val() == 0) {
    //                 $(this).addClass('error_custom');
    //                 $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
    //                 flag = '1';
    //             } else {
    //                 $(this).removeClass('error_custom');
    //                 $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
    //             }
    //         }
    //     });
    //     if (flag == '1') {
    //         $('.alert_box').fadeIn().delay(4000).fadeOut(200);
    //         return false;
    //     } else {
    //         $('#busyloading, .overlay').show();
    //         var account_type = $('#account_type').find(':selected').val();
    //         var account_name = $('#account_name').val();
    //         var account_number = $('#account_number').val();
    //         var cradit_limit = $('#cradit_limit').val();
    //         var opening_balace = $("#account_opening_balance input[type='radio']:checked").attr('data_val');
    //         var balance_amount = $('#opening_balance_amount').val();
    //         var added_date = $('#account_date').val();
    //         var counter = $('.bank_cash div.col-sm-6').length;
    //         var padd_class;
    //         var icon;
    //         if (account_number == "") {
    //             account_number = '0';
    //         }
    //         if (cradit_limit == "") {
    //             cradit_limit = '0';
    //         }
    //         if (balance_amount == "") {
    //             balance_amount = '0';
    //         }
    //         else if (balance_amount != "") {
    //             if (opening_balace == "overdrawn") {
    //                 balance_amount = '-' + balance_amount;
    //             } else {
    //                 balance_amount = balance_amount;
    //             }
    //         }
    //         var url = 'Bank_cash/new_account/';
    //         $.ajax({
    //             type: 'POST',
    //             url: url,
    //             data: {
    //                 'account_type': account_type,
    //                 'account_name': account_name,
    //                 'account_number': account_number,
    //                 'cradit_limit': cradit_limit,
    //                 'opening_balace': opening_balace,
    //                 'balance_amount': balance_amount,
    //                 'added_date': added_date
    //             },
    //             success: function (response) {
    //                 var result = $.parseJSON(response);
    //                 if (result.type == 'success') {
    //                     $('#new_account_model').modal('toggle');
    //                     alertbox('success', result.msg);
    //                     $('#busyloading, .overlay').fadeOut(100);
    //                     (counter % 2 == 1)? padd_class = 'cashbox_pad_right' : padd_class = 'cashbox_pad_left';
    //                     if (result.account_type == 'Bank') {
    //                         icon = "asset('asstes/global/img/bank_icon.png')}}";
    //                     }
    //                     if (result.account_type == 'Credit_Card') {
    //                         icon = "asset('assets/global/img/cradit_card_icon.png')}}";
    //                     }
    //                     if (result.account_type == 'Loan') {
    //                         icon = "asset('assets/global/img/loan_icon.png')}}";
    //                     }
    //                     if (result.account_type == 'Cash') {
    //                         icon = "asset('assets/global/img/account_icon.png')}}";
    //                     }
    //                     var link = 'account_statement/'+result.data.Acc_uuid;

    //                     var response_data = '<div class="col-sm-6 ' + padd_class + '"><div class="bank_cash_box hvr-grow-shadow"><div class="boxarea_pointer" onclick="gotoURL(link)"><div class="row" style="margin-top:10px;"><div class="col-sm-8 cash_bank_title"><h4>' + result.data.AccTitle + '</h4> </div><div class="col-sm-4 text-right"><img src="' + icon + '"></div> </div><div class="row"><div class="col-sm-12 text-center account_details" data-balance="' + result.data.Acc_uuid + '"><h6>Current Balance</h6><h5> <a href="' + link + '" target="_blank">AED ' + result.balance + '</a></h5><p>Last Entry: No transaction recorded </p></div></div></div><div class="row footerow"><div class="col-sm-12 account_details_footer"><div class="text-right"><a href="javascript:void(0)" class="account_editing" data_uuid="' + result.data.Acc_uuid + '" data_title="' + result.data.AccTitle + '" data_type="' + result.account_type + '" date_number="' + result.account_number + '" data_cradit="' + result.credit_limit + '"><i class="fa fa-edit"></i>Edit</a></div></div></div></div></div>';

    //                     $('.bank_cash .new_account_box_here').prepend(response_data).fadeIn('slow');
    //                     $('#pay_from').append('<option value="' + result.data.Acc_uuid + '">' + result.data.AccTitle + '</option>');
    //                     $('#pay_to').append('<option value="' + result.data.Acc_uuid + '">' + result.data.AccTitle + '</option>');
    //                 } else if (result.type == 'duplicate') {
    //                     $('#new_account_model').modal('toggle');
    //                     $('#busyloading, .overlay').fadeOut(100);
    //                     $('.error_span').fadeIn().delay(4000).fadeOut(200);
    //                     $('#account_name').css({'border': '1px solid red'});
    //                     alertbox('warning', result.msg);
    //                 } else if (result.type == 'duplicate_code') {
    //                     $('#busyloading, .overlay').fadeOut(100);
    //                     alertbox('warning', result.msg);
    //                 }
    //             },
    //             error: function (response) {
    //                 $('#busyloading, .overlay').fadeOut(100);
    //                 alertbox('danger', response);
    //             },
    //         });
    //     }
    // });

    //Fund Transfer Saving Script
    $('body').on('change', '#pay_from', function () {
        $('#pay_to option').prop('disabled', false);
        var pay_from = $(this).find(':selected').val();
        $('#pay_to').find("[value='" + pay_from + "']").prop('disabled', true);
        $('#pay_to').select2({
            placeholder: "--Select--"
        });
    });

    $(document).on('click', '.fund_transfer_save', function () {
        var flag = '0';
        $('#fund_transfer *').filter(':input, textarea, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '' && $(this).val() == 0) {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
                    flag = '1';
                } else {
                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
                }
            }
        });
        if (flag == '1') {
            $('.alert_box').fadeIn().delay(4000).fadeOut(200);
            return false;
        } else {
            var pay_from = $('#pay_from').find(':selected').val();
            var pay_to = $('#pay_to').find(':selected').val();
            var amount_transfer = $('#amount_transfer').val();
            var transfer_method = $('#transfer_method').find(':selected').val();
            var transfer_date = $("#transfer_date").val();
            var reference = $('#transaction_reference').val();
            var description = $('#description').val();
            var cheque_no = $('#cheque_no').val();
            var cheque_date = $('#cheque_date').val();
            if (amount_transfer <= '0') {
                $('.error_span').fadeIn().delay(4000).fadeOut(200);
                $('#amount_transfer').css({'border': '1px solid red'});
                $('.alert_box').fadeIn().delay(4000).fadeOut(200);
                return false;
            }
            if (reference == "") {
                reference = '0';
            }
            if (description == "") {
                description = "(via " + transfer_method + ")";
            } else {
                description = description + " - (via " + transfer_method + ")";
            }
            $('#busyloading, .overlay').show();
            var url = 'Bank_cash/fund_transfer/';
            $.ajax({
                type: 'POST',
                url: url,
                data: {
                    'pay_from': pay_from,
                    'pay_to': pay_to,
                    'amount_transfer': amount_transfer,
                    'transfer_method': transfer_method,
                    'transfer_date': transfer_date,
                    'reference': reference,
                    'cheque_no': cheque_no,
                    'cheque_date': cheque_date,
                    'description': description
                },
                success: function (response) {
                    var result = $.parseJSON(response);
                    if (result.type == 'success') {
                        $('#fund_transfer_model').modal('toggle');
                        alertbox('success', result.msg);
                        $('#busyloading, .overlay').fadeOut(100);
                        $('.bank_cash').find("[data-balance='" + pay_from + "']").find('a').html('AED ' + result.balance_from);
                        $('.bank_cash').find("[data-balance='" + pay_to + "']").find('a').html('AED ' + result.balance_to);
                        $('.bank_cash').find("[data-balance='" + pay_from + "']").find('p').html('LAST ENTRY: ' + result.time);
                        $('.bank_cash').find("[data-balance='" + pay_to + "']").find('p').html('LAST ENTRY: ' + result.time);
                    } else if (result.type == 'error') {
                        $('#busyloading, .overlay').fadeOut(100);
                        alertbox('warning', result.msg);
                    }
                },
                error: function (response) {
                    $('#busyloading, .overlay').fadeOut(100);
                    alertbox('danger', response);
                },
            });
        }
    });

    var d = new Date();
    var month = d.getMonth() + 1;
    var day = d.getDate();
    var today_date =
        (('' + day).length < 2 ? '0' : '') + day + '-' +
        (('' + month).length < 2 ? '0' : '') + month + '-' +
        d.getFullYear();

    //SHOW NEW ACCOUNT MODEL
    $('body').on('click', '.new_account', function () {
        $('#new_account_model').modal();
        $('input').removeClass('error_custom').val('');
        $('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
        // $('.select2').val('').trigger('change');
        $('#account_date').val(today_date);
        $('.opening_balance').slideUp(500);
        $('.opening_balance_btn').find('i.fa').removeClass('fa-angle-double-up').addClass('fa-angle-double-down');
        return false;
    });

    //SHOW FUND TRANSFER MODEL
    $('body').on('click', '.fund_transfer', function () {
        $('#fund_transfer_model').modal();
        $('input, textarea').removeClass('error_custom').val('');
        $('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
        // $('.select2').val('').trigger('change');
        $('#transfer_date').val(today_date);
        return false;
    });

    function gotoURL(url) {
        var win = window.open(url, '_blank');
        win.focus();
    }

    // SHOW RECEIVED MONEY
    $('body').on('click', '.received_money', function () {
        $('#busyloading, .overlay').show();
        $('#received_money_process input, #tds_precess textarea').val('');
        $('#received_money_process select2').val('').trigger('change');
        $('#staff_user').val('');
        $('#staff_user_uuid').val('');
        $('#received_date').val('15 Mar 2025');
        $('#received_time').val('02:25:33 PM');
        $('#cash_bank_received_money .modal-body').animate({scrollTop: 0}, "fast");
        $('#busyloading, .overlay').fadeOut(100);
        $('#cash_bank_received_money').modal();
        return false;
    });

    //Receiving Method
    $('body').on('change', '#receiving_method', function() {
        var method_val = $(this).val();
        if(method_val == 'cheque') {
            $('#bank_cheque_details').show();
            $('#bank_cheque_details #cheque_number').addClass('validate');
            $('#bank_cheque_details #cheque_date').addClass('validate');
        } else {
            $('#bank_cheque_details').hide();
            $('#bank_cheque_details #cheque_number').removeClass('validate');
            $('#bank_cheque_details #cheque_date').removeClass('validate');
        }
    });

    //Other Payment Method Process
    $('#received_money_process').submit(function (e) {
        var flag = '0';
        $('#received_money_process *').filter(':input, textarea, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '') {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
                    flag = '1';
                } else {
                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
                }
            }
        });
        if (flag == '1') {
            alertbox('danger','Mendatory fields are required!');
            return false;
        } else {
            e.preventDefault();
            $('#busyloading, .overlay').show();
            var receiving_to = $('.receiving_to').val();
            var formData = new FormData(document.getElementById("received_money_process"));
            var url ='Bank_cash/received_money_process';
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (res) {
                    var result = $.parseJSON(res);
//                    alert(result.toSource());
                    if(result.type == 'success'){
                        alertbox('success', result.msg);
                        $('.bank_cash').find("[data-balance='" + receiving_to + "']").find('a').html('AED ' + result['balance_to']);
                        $('.bank_cash').find("[data-balance='" + receiving_to + "']").find('p').html('LAST ENTRY: ' + result['time']);
                        $('#cash_bank_received_money').modal('hide');
                        $('#busyloading, .overlay').fadeOut(100);
                    }
                    else if(result.type == 'expired') {
                        alertbox('danger', result.msg);
                        {{--  window.setTimeout(function(){
                            window.location.href = SITE_ROOT;
                        }, 1000);  --}}
                    }
                }
            });
        }
    });

    //Receiver new Contact
    $('body').on('change', '.receiver_contact', function() {
        var new_contact = $(this).val();
        if(new_contact == 'new_contact') {
            $('#new_contact_model').modal();
            $('#newContact input').removeClass('error_custom').val('');
            $('#newContact .select2-container--bootstrap .select2-selection').removeClass('error_custom');
            $('#newContact .select2').val('').trigger('change');
            $(this).val('').trigger('change');
            $("#contact_cityarea").select2({
                placeholder: "--Select--",
                tags: true
            });
            $('.account_details_box').hide();
        }
    });

    //SAVE NEW CONTACT
    $(document).on('click', '.save_new_contact', function () {
        var flag = '0';
        $('#newContact *').filter(':input, textarea, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '' && $(this).val() == 0) {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
                    flag = '1';
                } else {
                    /*FOR EMAIL VALIDATION*/
                    if ($(this).is('input[type="email"]')) {
                        var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
                        if (testEmail.test($(this).val())) {
                            $(this).removeClass('error_custom');
                        } else {
                            $(this).addClass('error_custom');
                            flag = '1';
                        }
                    }
                    /*FOR EMAIL VALIDATION*/

                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
                }
            }

            /*FOR EMAIL VALIDATION*/
            if ($(this).is('input[type="email"]')) {
                if($(this).val() != '') {
                    var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
                    if (testEmail.test($(this).val())) {
                        $(this).removeClass('error_custom');
                    } else {
                        $(this).addClass('error_custom');
                        flag = '1';
                    }
                } else {
                    $(this).removeClass('error_custom');
                }
            }
            /*FOR EMAIL VALIDATION*/

        });

        if (flag == '1') {
            $('.alert_box').fadeIn().delay(4000).fadeOut(200);
            return false;
        } else {
            var contact_title = $('#contact_title').val();
            var contact_first_name = $('#contact_first_name').val();
            var contact_last_name = $('#contact_last_name').val();
            var business_name = $('#business_name').val();
            var display_name = $('#display_name').val();
            var contact_email = $('#contact_email').val();
            var contact_number = $('#contact_number').val();
            $('#busyloading, .overlay').show();
            var url = 'Bank_cash/save_new_contact/';
            $.ajax({
                type: 'POST',
                url: url,
                data: {
                    'contact_title': contact_title,
                    'contact_first_name': contact_first_name,
                    'contact_last_name': contact_last_name,
                    'business_name': business_name,
                    'display_name': display_name,
                    'contact_email': contact_email,
                    'contact_number': contact_number
                },
                success: function (response) {
                    var result = $.parseJSON(response);
                    $('#busyloading, .overlay').fadeOut(100);
                    if (result.type == 'success') {
                        $('#new_contact_model').modal('hide');
                        $('.receiver_contact').append('<option value="' + result['uuid'] + '" selected>' + result['display_name'] + '</option>').trigger('change');
                        alertbox('success', result.msg);
                    }
                    else if (result.type == 'error') {
                        alertbox('warning', result.msg);
                    }
                    else if(result.type == 'expired') {
                        alertbox('danger', result.msg);
                        {{--  window.setTimeout(function(){
                            window.location.href = SITE_ROOT;
                        }, 1000);  --}}
                    }
                },
                error: function (response) {
                    $('#busyloading, .overlay').fadeOut(100);
                    alertbox('danger', response);
                },
            });
        }
    });

    //Display name combinations
    $('body').on('keyup', 'input.first_name, input.last_name, input.business_name', function (event) {
        var title = $('select.title').val();
        var first_name = $('input.first_name').val();
        var last_name = $('input.last_name').val();
        var business_name = $('input.business_name').val();
        if (title != '' && first_name != '' && last_name != '' && business_name != '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').append('<option value="' + title + ' ' + first_name + ' ' + last_name + ', ' + business_name + '">' + title + ' ' + first_name + ' ' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + ', ' + business_name + '">' + first_name + ' ' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ', ' + business_name + '">' + first_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + last_name + ', ' + business_name + '">' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + '">' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + '">' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + first_name + ' ' + last_name + '">' + business_name + ', ' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + first_name + '">' + business_name + ', ' + first_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + last_name + '">' + business_name + ', ' + last_name + '</option>');

            $('select.display_name').val(title + ' ' + first_name + ' ' + last_name + ', ' + business_name).trigger('change');
        } else if (title != '' && first_name != '' && last_name != '' && business_name == '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').append('<option value="' + title + ' ' + first_name + ' ' + last_name + '">' + title + ' ' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + '">' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + '">' + first_name + '</option>');
            $('select.display_name').append('<option value="' + last_name + '">' + last_name + '</option>');

            $('select.display_name').val(title + ' ' + first_name + ' ' + last_name).trigger('change');
        }

        if (first_name == '' || last_name == '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').val("").trigger('change');
        }
    });

    //Display name combination
    $('body').on('change', 'select.title', function (event) {
        var title = $('select.title').val();
        var first_name = $('input.first_name').val();
        var last_name = $('input.last_name').val();
        var business_name = $('input.business_name').val();
        if (title != '' && first_name != '' && last_name != '' && business_name != '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').append('<option value="' + title + ' ' + first_name + ' ' + last_name + ', ' + business_name + '">' + title + ' ' + first_name + ' ' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + ', ' + business_name + '">' + first_name + ' ' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ', ' + business_name + '">' + first_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + last_name + ', ' + business_name + '">' + last_name + ', ' + business_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + '">' + business_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + '">' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + first_name + ' ' + last_name + '">' + business_name + ', ' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + first_name + '">' + business_name + ', ' + first_name + '</option>');
            $('select.display_name').append('<option value="' + business_name + ', ' + last_name + '">' + business_name + ', ' + last_name + '</option>');

            $('select.display_name').val(title + ' ' + first_name + ' ' + last_name + ', ' + business_name).trigger('change');
        } else if (title != '' && first_name != '' && last_name != '' && business_name == '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').append('<option value="' + title + ' ' + first_name + ' ' + last_name + '">' + title + ' ' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + ' ' + last_name + '">' + first_name + ' ' + last_name + '</option>');
            $('select.display_name').append('<option value="' + first_name + '">' + first_name + '</option>');
            $('select.display_name').append('<option value="' + last_name + '">' + last_name + '</option>');

            $('select.display_name').val(title + ' ' + first_name + ' ' + last_name).trigger('change');
        }

        if (first_name == '' || last_name == '') {
            $('select.display_name').html('<option value=""></option>');
            $('select.display_name').val("").trigger('change');
        }
    });

</script>
@stop