@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="spend-money">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">

                            <div class="row">
                                <!-- BEGIN LIST OF ACCOUNTS -->
                                <div class="new_account_box_here"></div>
                                @foreach($accounts as $key=>$accountdata)
                                <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->account_name).' -'.'XXXX XXXX XXXX'.' '.substr ($accountdata->account_number, -4) }}</h4>
                                                </div>
                                                <div class="col-sm-4 text-right">
                                                    @if($accountdata->account_type_name =="Bank")
                                                    <img src="{{ asset('assets/global/img/bank_icon.png')}}">
                                                    @endif
                                                    @if($accountdata->account_type_name =="Cash")
                                                    <img src="{{ asset('assets/global/img/account_icon.png')}}">
                                                    @endif
                                                    @if($accountdata->account_type_name =="Loan")
                                                    <img src="{{ asset('assets/global/img/loan_icon.png')}}">
                                                    @endif
                                                    @if($accountdata->account_type_name =="Credit Card")
                                                    <img src="{{ asset('assets/global/img/cradit_card_icon.png')}}">
                                                    @endif
                                                </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="{{ route('admin.account-statement',encrypt($accountdata->id)) }}">{{ $country_code }}
                                                            {{ !empty($accountdata->opening_balance)? number_format($accountdata->opening_balance, $decimal_point): number_format(0,$decimal_point) }}</a>
                                                    </h5>
                                                <p>Last Entry:={{time_elapsed_string($accountdata->updated_at)}}</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_url="{{ route('admin.cash-banks.edit',encrypt($accountdata->id)) }}">
                                                        <i class="fa fa-edit"></i>
                                                        Edit</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>

                            <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 hidden" id="cash_bank_account_edit" id="new_account_model"role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"
    data-backdrop="static" data-keyboard="false">

</div>
<!-- Edit Bank Title Modal -->

<!-- New Account Modal Start-->
@include('admin.cashbank.modal.cashbank-create',['account_type'])
<!-- New Account Modal End-->

<!-- Funds Transfer Modal Start-->
@include('admin.cashbank.modal.fund-transfer-create',['accounts','transfer_method'])
<!-- 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" data-backdrop="static" data-keyboard="false">
    <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>
                                                        @foreach($suppliers as $key => $supplier)
                                                        <option value="{{$supplier->id}}">{{ucfirst($supplier->fname)}} {{ucfirst($supplier->lname)}} ,{{ucfirst($supplier->business_name)}}</option>
                                                        @endforeach
                                                    </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" value="{{ $username }}" 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" autocomplete="off">
                                                </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" autocomplete="off" id="recvstartDate"
                                                            class="form-control fdl calender_popup_date_open"
                                                            value="15-03-2025">
                                                            <span class="input-group-btn">
                                                                <button class="btn default custom_calender custom_calender_date_open" 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>
                                                        @foreach($transfer_method as $key => $value)
                                                        <option value="{{ $value }}" >{{ $key }}</option>
                                                        @endforeach
                                                    </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>
                                                        @foreach($accounts as $account)
                                                        <option value="{{ $account['id'] }}" >{{ $account['account_name'] }}</option>
                                                        @endforeach
                                                    </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>

                                                        <input type="hidden" class="form-control utc_time"
                                                        name="utc_time" id="utc_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" autocomplete="off" name="cheque_date"
                                                            class="form-control calender_popup_date_open">
                                                            <span class="input-group-btn">
                                                                <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                                                    <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" data-backdrop="static" data-keyboard="false">
    <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>
                                   @foreach($titles as $key => $value)
                                   <option value="{{ $key }}">{{ $value }}</option>
                                   @endforeach
                                </select>
                                <p class="text-danger title hidden"></p>
                            </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">
                                    <p class="text-danger first_name hidden"></p>
                            </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">
                                    <p class="text-danger last_name hidden"></p>
                            </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"  name="business_name" placeholder="Enter buisness name here"
                                    class="form-control business_name validate" type="text">
                                    <p class="text-danger business_name hidden"></p>
                            </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 validate" name="display_name"
                                    id="display_name">
                                    <option value=""></option>
                                </select>
                                <p class="text-danger display_name hidden"></p>
                            </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" name="email" placeholder="Enter email id here" class="form-control validate"
                                    type="email">
                                    <p class="text-danger email hidden"></p>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="contact_number">Telephone *</label>
                                <input id="contact_number" name="contact_number" placeholder="Enter telephone number here"
                                    class="form-control contact_number number validate" type="text">
                                    <p class="text-danger contact_number hidden"></p>
                            </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>
@include('admin.js.cash-banks-create')
<script type="text/javascript">
    var target = '';
    var date = new Date();
    var year = date.getFullYear();
//edit
    $(document).on('click', '.account_editing', function () {
        var url = $(this).attr('data_url');
          $.ajax({
                url: url,
                method: 'get',
                success: function (response) {
                    console.log(response);

                    $("#cash_bank_account_edit").removeClass("hidden").html(response.html).modal('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


    //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--"
        });
    });



    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();
        $("select[name='account_type']").select2('val','');
        $('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 () {
        $('#pay_from').select2("val","");
        $('#pay_to').select2("val","")
         $('#fund_transfer_model').modal();
        // alert(1);
        // $('#pay_from').val(0);
       $('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('{{ $username }}');
        $('#staff_user_uuid').val('');
        $('#received_date').val('15 Mar 2025');
        $('#received_time').val('{{ $ist_time }}');
        $('#utc_time').val('{{ $utc_time }}');
        $('#cash_bank_received_money .modal-body').animate({scrollTop: 0}, "fast");
        $('#busyloading, .overlay').fadeOut(100);
        $('#cash_bank_received_money').modal();
        return false;
    });

    $(".transfer_mode").change(function () {
    var transfer_mode = $(this).val(); 
    if (transfer_mode != "") {
        if (transfer_mode == 2) {
            $('#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);
        }
    }
});

    //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);
             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();
        }
    });


</script>
@stop