@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="{{ url('admin/settings') }}">Settings</a></li>
                <li><a href="#">Cash & Bank Accounts</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 Accounts</h2>
                            <span class="subtitle">Setup cash & bank equalent accounts for your business here.</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-11">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="col-sm-4 trash ui-droppable" style="width: 37.333333%;">
                                    <div class="new_product_left">
                                        <h4>Cash & Bank Accounts</h4>
                                        <p>What all are the cash & bank equalent accounts maintaning for your business?</p>
                                        <p>You can add modify or delete the cash accounts like bank, loan, petty cash and <br> cash in hand here. These accounts will be listed on all the areas while you process <br> a cash transaction</p>
                                    </div>
                                    <div style="height: 845px;"></div>
                                </div>
                                <div class="col-sm-8 new_product_form" style="width: 62.666667%;">
                                    <div class="row">
                                        <div class="portlet-body">
                                            <div class="products box role">
                                                <div class="header_tbl">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="col-md-1 row_header"></div>
                                                            <div class="col-md-3 row_header">Account Type</div>
                                                            <div class="col-md-5 row_header">Account Name</div>
                                                            <div class="col-md-3 row_header b4_del_header">Account Number</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row_wrap roles" id="roles">
                                                  @foreach($accounts as $account=>$accountData)
                                                 
                                                 
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                    <div class="del_icon delete-item">
                                                                        <i class="fa fa-trash-o del delete-item" data-uuid="31" data-type="channel" aria-hidden="true" style="visibility: visible"></i>
                                                                    </div>
                                                                </div>
                                                                <input type="hidden" value="{{ encrypt($accountData['id']) }}" id="account_id" class="account_id">
                                                                <div class="col-md-3 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible account_type" name="account_type" id="account_type"  act="25" tabindex="-1" aria-hidden="true">
                                                                        @foreach($account_type as $key =>$accname)
                                                                        <option   {{ ($accountData['account_type_id'] == $key)?'selected=true':'' }} value="{{ $accname }}" >{{ $accname }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="account_name"  id="account_name" placeholder="" value= " {{ !empty($accountData['account_name'])?$accountData['account_name']:'' }}" class="form-control group_name edit_raw_field" readonly>
                                                                    <p class="text-danger edit_account_name hidden"></p>
                                                                    <i class="fa fa-check  edit_feild"
                                                                    data-uuid="{{$accountData['id']}}"></i>
                                                                </div>
                                                                <div class="col-md-3 inner_row b4_del_header">
                                                                    <input type="text" name="account_number" id="account_number" placeholder="" value="{{ !empty($accountData['account_number'])?$accountData['account_number']:'' }}" class="form-control group_name edit_raw_field" readonly>
                                                                    <i class="fa fa-check   edit_feild"
                                                                    data-uuid="{{$accountData['id']}}"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-1 inner_row">
                                                                </div>
                                                                <div class="col-md-3 inner_row">
                                                                    <select class="select2 parent_role select2-hidden-accessible  account_type " name="add_account_type"  id="add_account_type" tabindex="-1" aria-hidden="true">
                                                                        <option value=''>select</option>
                                                                        @foreach($account_type as $key =>$value)
                                                                        <option value="{{ $value }}"  >{{ $value }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name="add_account_name"  id="add_account_name" placeholder="Input account name" value="" class="form-control group_name">
                                                               
                                                                </div>
                                                                <div class="col-md-3 inner_row b4_del_header add_item">
                                                                        <input type="text" name="add_account_number" id="add_account_number" placeholder="Type account number" value="" class="form-control group_name add account_number">
                                                                    <div class="add_icon">
                                                                        <i class="fa fa-plus add_row"></i>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     
                                   
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--THIS IS CONTENT DIV END-->
                </div>
            </div>
        </div>
    </div>
</div>

<!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true"
        data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true"
        data-animation="pop" data-timer="null">
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Do you want to delete?</h2>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<!-- //SWEET_ALERT 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" />
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/settings.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/custom.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/custom/custom-style.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" />
    <style>
        .add{
            float: left;
            width: 85%;
        }
        .add_icon{
            float: right;
            margin-right: -18px;
            top: 5px;
            padding: 3px 7px;
        }
        .edit_feild {
            position: absolute;
            top: 14px;
            right: 14px;
            color: #63C647;
            cursor: pointer;
            z-index: 2;
            visibility: hidden;
        }
        .col-md-1{
            width: 30px !important;
        }

        .del_icon{
            right: 2px;
            background: none !important;
            border:none !important;
            font-size: 18px !important;
        }

        .col-md-12{
            width: 1075px;
        }

        .select2-container--bootstrap .select2-selection__clear {
            display: none;
        }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            left: 18px;
            border-color: black transparent transparent transparent !important;
        }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            padding: 0 16px;
            border: 1px solid #c6c8cc;
            right: 0;
            border-radius: 0 4px 4px 0;
            background: #ececec;
        }

        .select2-container--bootstrap.select2-container--open .select2-selection__arrow b {
            border-color: transparent transparent black !important;
        }

        .help_btn {
            background: #A8A8A8;
            text-align: center;
            margin-right: 22px;
            margin-top: 5px;
        }
    </style>
@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 src="{{asset('js/custom-scripts.js')}}"></script> -->

<script type="text/javascript">



       /*SCROLLING COMPLETE*/
       $(document).ready(function () {
           //SELECT 2 Simple//
           $(".select2").select2({
               placeholder: "--Select--",
               allowClear: true
           });
       });

  
    $(document).on('click', '#account_number ', function () {
    
    var attr = $(this).attr('readonly');
    var actype =$(this).parent().parent().find('.account_type').val();
    // $(this).find('option:selected').attr("desname");
    if(actype == "Cash"){
        alertbox('warning', '{{ trans("js-messages.DCB100") }}');
          return false;       
    }
    if (typeof attr !== typeof undefined && attr !== false) {
       
        $(this).removeAttr('readonly').focus();
        $(this).parent().find('.edit_feild').css('visibility', 'visible');
    }
});

$(document).on('click', '#account_name ', function () {
        
    var attr = $(this).attr('readonly');
   
    if (typeof attr !== typeof undefined && attr !== false) {
       
        $(this).removeAttr('readonly').focus();
        
        $(this).parent().find('.edit_feild').css('visibility', 'visible');
    }
});

$(document).on('change','#add_account_type',function (){
   $(this).parent().parent().find('#add_account_number').attr('readonly', false); 
   
    var acc_type =$(this).val();
   
    if(acc_type =="Cash" ){
        $(this).parent().parent().find('#add_account_number').val(); 
       $(this).parent().parent().find('#add_account_number').attr('readonly', true); 
        
    }
    
});


$(document).on('click', '.add_row ', function () {
   
    

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

    var acc_type =$(this).parent().parent().parent().find('.account_type').val();
    
     if(!(acc_type)){
    
    $(this).parent().parent().parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
        return false;
}
var acc_name =$(this).parent().parent().parent().find('#add_account_name').val();
if(acc_name.length  == 0 || acc_name =='' ){
     $(this).parent().parent().parent().find('#add_account_name').addClass('error_custom');
    return false;
}
    

var acc_number ='';
if(acc_type =="Cash" ){
   $(this).parent().parent().parent().find('#add_account_number').addClass('readonly');
    $(this).parent().parent().find('#add_account_number').val(''); 
}else{
    var acc_number =$(this).parent().parent().parent().find('#add_account_number').val();
    
    if(acc_number.length  == 0 || acc_number =='' ){
        $(this).parent().parent().parent().find('#add_account_number').addClass('error_custom');
        return false;
    }
}

  
$.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            }
        });
        
        

        $.ajax({
            type: 'POST',
            url: "{{route('admin.cash-banks.store')}}",
            
            data: {'account_type':acc_type,'account_name':acc_name,'account_number':acc_number},
            
            success: function (response) {
                console.log(response);
                if (response['status'] == '1000') {
                    alertbox('success', response.message);
                    $(".row_wrap").html(response.html);
                   // location.reload();
                    $('#busyloading').hide();
                }
                if (response['status'] == 2000) {
                    $.each(response['errors'], function (key, value) {
                        $("p." + key).removeClass("hidden").text(value);
                    });
                    $('#busyloading').hide();

                }
                if (response['status'] == 3000) {
                    alertbox('danger', response.message);
                    $('#busyloading').hide();

                }

            }

        });




});

$(document).on('change','#account_type',function (){
    $(this).parent().parent().find('#account_number').attr('readonly', true); 
    $(this).parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
    $(this).parent().parent().parent().find('#account_name').removeClass('error_custom');
    $(this).parent().parent().parent().find('#account_number').removeClass('error_custom');
//    $(this).parent().parent().find('#add_account_number').attr('readonly', false); 
   $this = $(this);
 
  
var id=$(this).parent().parent().parent().find('.account_id').val();
   
    var acc_type =$(this).val();
     if(!(acc_type)){
    
        $(this).parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
        return false;
}
var acc_name =$(this).parent().parent().parent().find('#account_name').val();
if(acc_name.length  == 0 || acc_name =='' ){
     $(this).parent().parent().parent().find('#account_name').addClass('error_custom');
    return false;
}
var acc_number =''
    if(acc_type =="Cash" ){
        $(this).parent().parent().find('#account_number').val(''); 
       $(this).parent().parent().find('#account_number').attr('readonly', true); 
        
    }
    else{
    acc_number =$(this).parent().parent().parent().find('#account_number').val();
    if(acc_number.length  == 0 || acc_number =='' ){
        $(this).parent().parent().parent().find('#account_number').addClass('error_custom');
        return false;
    }
}

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').val()
        }
    });


    $.ajax({
        method: 'Patch',
        url: "{{ url('/admin/cash-banks/') }}/" + id,
        data: {'id': id, 'edit_account_type': acc_type, 'edit_account_name': acc_name,'account_number':acc_number},
        success: function (response) {

            if (response['status'] == '1000') {
                alertbox('success', response.message);
               
                $this.css("visibility","hidden");
                $this.parent().find('#account_name').attr("readonly","readonly");
                $this.parent().find('#account_number').attr("readonly","readonly");
                
            }
            if (response['status'] == 2000) {
                $.each(response['errors'], function (key, value) {
                    $("p." + key).removeClass("hidden").text(value);
                });
                $('#busyloading').hide();

            }
            if (response.status == 3000) {
                alertbox('danger', response.message);
                 $('#busyloading').hide();
            }
        }

    });

    
});



$(document).on('click', '.edit_feild ', function () { 
    $this = $(this);
   
    
    $(this).parent().parent().parent().find('.select2-container--bootstrap .select2-selection').removeClass('error_custom');
    $(this).parent().parent().parent().find('#account_name').removeClass('error_custom');
    $(this).parent().parent().parent().find('#account_number').removeClass('error_custom');
    
var id=$(this).parent().parent().parent().find('.account_id').val();

    var acc_type =$(this).parent().parent().parent().find('.account_type').val();
  
            if(!(acc_type)){
             $(this).parent().parent().parent().find('.select2-container--bootstrap .select2-selection').addClass('error_custom');
             return false;
            }

    var acc_name =$(this).parent().parent().parent().find('#account_name').val();
   
    if(acc_name.length  == 0 || acc_name =='' ){
   
    $(this).parent().parent().parent().find('#account_name').addClass('error_custom');
        return false;
}
    var acc_number = ''
    if(acc_type =="Cash" ){
    $(this).parent().parent().parent().find('#account_number').addClass('readonly');
    $(this).parent().parent().find('#add_account_number').val(''); 
}else{
    var acc_number =$(this).parent().parent().parent().find('#account_number').val();
    if(acc_number.length  == 0 || acc_number =='' ){
    $(this).parent().parent().parent().find('#account_number').addClass('error_custom');
        return false;
}
}

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').val()
        }
    });


    $.ajax({
        method: 'Patch',
        url: "{{ url('/admin/cash-banks/') }}/" + id,
        data: {'id': id, 'edit_account_type': acc_type, 'edit_account_name': acc_name,'account_number':acc_number},
        success: function (response) {

            if (response['status'] == '1000') {
                alertbox('success', response.message);
               
                $this.css("visibility","hidden");
                $this.parent().find('#account_name').attr("readonly","readonly");
                $this.parent().find('#account_number').attr("readonly","readonly");
                
            }
            if (response['status'] == 2000) {
                $.each(response['errors'], function (key, value) {
                    $("p." + key).removeClass("hidden").text(value);
                });
                $('#busyloading').hide();

            }
            if (response.status == 3000) {
                alertbox('danger', response.message);
                 $('#busyloading').hide();
            }
        }

    });

});

$(document).on('click', '.del', function () {
    
    var target = $(this).parent().parent().parent().parent();
   
    var id = $(this).parent().parent().parent().find('.account_id').val();
   
    $('#sweetalert_wrap').show();
    $('#sweetalert_wrap').find(".confirm").attr("data-id", id);
});
$(document).on('click', '.confirm', function () {
    var id = $(this).attr("data-id");
    
    $.ajax({
        method: 'DELETE',
         url: "{{ url('/admin/cash-banks/') }}/" + id,
        headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
        success: function (response) {
            if (response['status'] == 1000) {

                if (response['status'] == '1000') {
                    alertbox('success', response.message);
                    $('.row_wrap').html(response.html);
                }

            } else if (response['status'] == 3000) {
                alertbox('warning', response['message']);
                $('#busyloading').hide();
                return false;
            }
        }
    });
    $('#sweetalert_wrap').hide();

});
$(document).on('click', '.cancel', function () {
    $('#sweetalert_wrap').hide();
});


   </script>

@stop