@extends('layouts.app')

{{--Important Variables--}}


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')

    <section class="content">
        <div class="container-fluid">
            <div class="block-header pull-right">
                <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
            </div>

            <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                <li><a href="{{ route($ParentRouteName.'.all') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                <li><a href="{{ route($ParentRouteName.'.all') }}"><i
                                class="material-icons">{{ $breadcrumbMainIcon  }}</i>{{  $breadcrumbMainName }}</a>
                </li>
                <li class="active"><i
                            class="material-icons">{{ $breadcrumbCurrentIcon  }}</i> {{ $breadcrumbCurrentName  }}</li>
            </ol>

            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2 class="m-b-20">
                                {{ $createItemName  }}
                                <small>Edit {{ $moduleName  }} Information</small>
                            </h2>

                            <div class="body">
                                <form class="form" id="form_validation" method="post"
                                      action="{{ route($ParentRouteName.'.update',['id'=>$items['dr'][0]->reference_id]) }}">

                                    {{ csrf_field() }}
                                    <div class="row clearfix">
                                        <div class="col-lg-4 col-md-5 col-sm-5 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line" id="bs_datepicker_container">
                                                    <input autocomplete="off"
                                                          value="{{ date("d/m/Y", strtotime($items['dr'][0]->voucher_date))  }}"
                                                           name="voucher_date"
                                                           type="text"
                                                           readonly="true"
                                                           class="form-control" >
                                                           <label class="form-label">Voucher Date </label>

                                                </div>
                                            </div>
                                        </div>
                                        {{-- <div class="col-lg-4 col-md-3 col-sm-3 col-xs-3 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="chequenumber" type="text"
                                                           class="form-control " @foreach ($items['dr'] as $item) value="{{$item->cheque_number}}"@endforeach placeholder="Cheque No.">
                                                    <label class="form-label" > </label>   
                                                   
                                                </div>
                                            </div>
                                        </div>  
                                        <div class="col-lg-4 col-md-5 col-sm-5 col-xs-5">
                                            <div class="form-group form-float">
                                                <div class="form-line" id="bs_datepicker_container">
                                                    <input autocomplete="" value="{{ date("d/m/Y", strtotime($items['dr'][0]->cheque_date))  }}"
                                                           name="chequedate"
                                                           type="text"
                                                           readonly="true"
                                                           class="form-control"
                                                           placeholder="Cheque Date">
                                                </div>
                                            </div>
                                        </div> --}}
                                    </div>
                                    <fieldset disabled="disabled">
                                        <legend><strong>Account DR</strong></legend>
                                    </fieldset>
                                    <div class="dr_rows">

                                    @foreach($items['dr'] as $key=>$value)
                                        <div class="row dr">
                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-6 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-live-search="true"
                                                            class="form-control show-tick income_expense_head_id"
                                                            name="income_expense_head_id[]"
                                                            id="">
                                                        <option value="0"> Select Head of Account Name ( DR )</option>
                                                        
                                                        @foreach( $heads as $HeadOfAccount )
                                                            
                                                                <option @if ( $HeadOfAccount->id == $value->income_expense_head_id )
                                                                    selected
                                                                    @endif 
                                                                    value="{{ $HeadOfAccount->id  }}"> {{ App\Models\Common::showHeads($HeadOfAccount)  }} ({{ucfirst($HeadOfAccount->reference_type) }})
                                                                </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                       
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-6 field_area">
                                                <div class="form-group form-float">
                                                    <div class="form-line">           
                                                        <select data-live-search="true" class="form-control show-tick"
                                                                name="branch_id[]">

                                                    
                                                            <option >
                                                                Select Project Name ( DR )</option> 
                                                            @foreach( App\Models\Branch::userProjects()->get() as $branch )
                                                                <option @if ( $branch->id == $value->branch_id  )
                                                                        selected
                                                                        @endif value="{{ $branch->id  }}">{{ $branch->name  }}</option>
                                                            @endforeach   
                                                        </select>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                       
                                     
                                        


                                         <div class="col-lg-5 col-md-5 col-sm-12 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input value="{{ $value->particulars }}"
                                                           name="particulars[]" type="text"
                                                           class="form-control form-control particulars">
                                                    <label class="form-label">Particulars</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-1 col-sm-12 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input value="{{ $value->dr ?? 0.00  }}"
                                                           name="amount[]" type="number"
                                                           class="form-control amount">
                                                    <label class="form-label">Amount {{$transaction->systemSettingCurrency()}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 field_area">
                                            <div class="form-group form-float">
                                                @if($key==0)
                                                      <i onclick="addRow();" class="pointer-cursor material-icons text-success plus add_dr_row">add_circle_outline</i>
                                                @endif
                                                     
                                                @if($key>0)
                                                     <i onclick="removeRow(this,'.row')"  class="pointer-cursor material-icons text-danger minus remove_dr">remove_circle_outline</i>
                                                @endif
                                               
                                            </div>
                                        </div>
                                    </div>                                        

                                    @endforeach
                                    </div>

                                    

                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 field_area">
                                             
                                        </div>
                                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="total_dr_amount" type="number" 
                                                           class="form-control total_dr_amount"  value="{{ !empty( $parent->total_dr_amount ) ? $parent->total_dr_amount : 0.00  }}" readonly>
                                                    <label class="form-label">Total DR {{$transaction->systemSettingCurrency()}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <fieldset disabled="disabled">
                                        <legend><strong>Account CR</strong></legend>
                                    </fieldset>
                                    <div class="cr_rows">
                                    @if(count($items['cr']))
                                    @foreach($items['cr'] as $key=>$value)
                                       
                                        <div class="row cr">
                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-6 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-live-search="true"
                                                            class="form-control show-tick income_expense_head_id_cr"
                                                            name="income_expense_head_id_cr[]"
                                                            id="">
                                                        <option value="0"> Select Head of Account Name ( CR )</option>

                                                        @foreach( $heads as $HeadOfAccount )
                                                            <option @if ( $HeadOfAccount->id == $value->income_expense_head_id )
                                                                    selected
                                                                    @endif
                                                                    value="{{ $HeadOfAccount->id  }}"> {{ App\Models\Common::showHeads($HeadOfAccount)  }} ({{ucfirst($HeadOfAccount->reference_type) }}) 
                                                            </option>
                                                        @endforeach

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-6 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-live-search="true" class="form-control show-tick"
                                                            name="branch_id_cr[]">
                                                      <option value="">Select Project Name ( CR )</option>  
                                                      @foreach( App\Models\Branch::userProjects()->get() as $branch )
                                                            <option @if ( $branch->id == $value->branch_id  )
                                                                    selected
                                                                    @endif value="{{ $branch->id  }}">{{ $branch->name  }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                     
                                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input value="{{ $value->particulars }}" name="particulars_cr[]"
                                                           type="text"
                                                           class="form-control particulars_cr">
                                                    <label class="form-label">Particulars</label>
                                                </div>
                                            </div>
                                        </div>
                                   
                                        <div class="col-lg-1 col-md-1 col-sm-12 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input value="{{ $value->cr }}" name="amount_cr[]"
                                                           type="number"
                                                           class="form-control amount_cr">
                                                    <label class="form-label">Amount  {{$transaction->systemSettingCurrency()}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 field_area">
                                            <div class="form-group form-float">
                                                
                                                @if($key==0)
                                                     <i onclick="addRow('cr');" class="pointer-cursor material-icons text-success plus add_dr_row">add_circle_outline</i>
                                                @endif  
                                                @if($key>0)
                                                     <i onclick="removeRow(this,'.row')" class="pointer-cursor material-icons text-danger minus remove_cr">remove_circle_outline</i>
                                                @endif  


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

                                    @endforeach
                                    @endif

                                </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 field_area">
                                             
                                        </div>
                                       <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 ">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="total_cr_amount" type="number" step="0.01"
                                                           class="form-control total_cr_amount"  value="{{ !empty( $parent->total_cr_amount ) ?  $parent->total_dr_amount : 0.00}}">
                                                           
                                                    <label class="form-label">Total CR {{$transaction->systemSettingCurrency()}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                         <!-- <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <textarea name="parent_particulars" rows="2" class="form-control no-resize"
                                                              placeholder="Particulars">{{  $parent->particulars }}</textarea>
                                                </div>
                                            </div> 
                                        </div> -->

                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-line">
                                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">
                                                    {{__('lang.update')}}
                                                </button>
                                                <a target="_blank"
                                                       class="btn m-t-15 btn-warning waves-effect"
                                                       href="{{ route($ParentRouteName.'.pdf',['id'=>$items['dr'][0]->reference_id]) }}"
                                                       data-toggle="tooltip"
                                                       data-placement="top" title="PDF">
                                                       {{ App\Models\Common::print_pdf_btn() }}
                                                </a>
                                                
                                                <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>

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

                                </form>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
            </div>
        </div>
    </section>

@stop

@push('include-css')

    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet"/>

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet"/>



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
          rel="stylesheet"/>

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet"/>

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet"/>


@endpush

@push('include-js')


    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}"></script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>


    <script>
      
       


         var counter = 0;
             
        function addRow(cr=''){

        if(cr==''){

         var particulars = "particulars[]";
         var amount      = "amount[]";
         var parent_div  = 'dr_rows';
         var head        = "income_expense_head_id[]";
         var amount_class = "amount";
         var type_class    = 'remove_dr';
         var particular_type = 'particulars'; 
         var project ='branch_id[]';
         var chequenumber ="chequenumber";
         var cheque_type="cheque";
         var chequedate="chequedate";

        }else{

         var particulars = "particulars_cr[]";
         var amount      = "amount_cr[]";
         var parent_div  = 'cr_rows';
         var head        = "income_expense_head_id_cr[]";
         var amount_class = "amount_cr";
         var type_class    = 'remove_cr';
         var particular_type = 'particulars_cr';  
         var project ='branch_id_cr[]'; 

        }
         
         var headArray = "";
    
         var row =  `<div class="row dr">
                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-6 field_area">
                            <div class="form-group form-float">
                                <div class="form-line">
                                     <select data-size="7" data-live-search="true" class="form-control show-tick gen_dr_head_id_`+ (++counter) +`" name="`+head+`" id="">
                                    <option value="0"> Select Head of Account Name </option>
                                    `+ headArray +`
                                </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-6 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select data-live-search="true" class="form-control show-tick"
                                                            name="`+project+`">
                                                        <option value="0">Select Project Name ( DR )</option>
                                                        @foreach( App\Models\Branch::userProjects()->get() as $branch )
                                                            <option @if ( $branch->id == $items['dr'][0]->branch_id  )
                                                                    selected
                                                                    @endif value="{{ $branch->id  }}">{{ $branch->name  }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-5 col-md-5 col-sm-12 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input autocomplete="off" name="`+particulars+`" type="text"
                                                           class="form-control `+particular_type+`">
                                                    <label class="form-label">Particulars </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-1 col-md-1 col-sm-12 col-xs-5 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="`+amount+`" type="number" class="form-control `+amount_class+`">
                                                    <label class="form-label">Amount  </label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 field_area">
                                            <div class="form-group form-float">
                                                
                                                 <i onclick="removeRow(this,'.row')";  class="pointer-cursor material-icons text-danger minus `+type_class+`">remove_circle_outline
                                                 </i>

                                            </div>
                                        </div>
                                    </div>`;


       $(row).hide().appendTo('.'+parent_div).fadeIn(1000);
        dropdownDataSize();
       $(".gen_dr_head_id_" + counter).selectpicker("refresh"); 
       $.AdminBSB.select.activate();                      

      };


     
      $(document).on('keyup','.amount',function( e ) {

         

$('input[name=total_dr_amount]').parent().addClass('focused');

$(this).parent().addClass('focused');

sumAmount('input[name="amount[]"]','input[name=total_dr_amount]');

});


$(document).on('keyup','.amount_cr',function( e ) {

$('input[name=total_cr_amount]').parent().addClass('focused');

$(this).parent().addClass('focused');

 sumAmount('input[name="amount_cr[]"]','input[name=total_cr_amount]');
       

});

function sumAmount(input,total_input){
 
  var total = 0;

    $(input).each(function(k,v) {

       total += parseFloat($(v).val()) || 0;

   });

$(total_input).val(total);
$(total_input).parent().addClass('focused');



}

var removeRow = function (element,parent) {

  
   $(element).closest(parent).fadeOut(300,function(){

     $(element).closest(parent).remove();

   });

   if($(element).hasClass( "remove_dr" )){
   
        $(element).closest(parent).find('.amount').val(0);

        sumAmount('input[name="amount[]"]','input[name=total_dr_amount]');

   }else if($(element).hasClass( "remove_cr" )){
         
         $(element).closest(parent).find('.amount_cr').val(0);

         sumAmount('input[name="amount_cr[]"]','input[name=total_cr_amount]');

   }

}

$(document).on('keyup','.particulars,.particulars_cr',function( e ) {
    
    $(this).parent().addClass('focused');

});


$(function () {


   $('select').selectpicker();
   $("#form_validation").submit(function(e){
       if ($('input[name=voucher_date]').val() == 0) {
           toastr["error"]("Date is Required");
           e.preventDefault();
       }

       if ($('select[name="income_expense_head_id[]"]').val() == 0) {
           toastr["error"]("DR Head is Required");
           e.preventDefault();
       }
       if ($('select[name="branch_id[]"]').val() == 0) {
           toastr["error"]("DR Branch is Required");
           e.preventDefault();
       }
       if ($('input[name="amount[]"]').val() == 0) {
           toastr["error"](" DR Amount is Required");
           e.preventDefault();
       }

       if ($('select[name="income_expense_head_id_cr[]"]').val() == 0) {
           toastr["error"]("CR Head is Required");
           e.preventDefault();
       }
       if ($('select[name="branch_id_cr[]"]').val() == 0) {
           toastr["error"]("CR Branch is Required");
           e.preventDefault();
       }
       if ($('input[name="amount_cr[]"]').val() == 0) {
           toastr["error"]("CR Amount is Required");
           e.preventDefault();
       }
       if ($('input[name="total_dr_amount"]').val() != $('input[name="total_cr_amount"]').val() )
       {toastr["error"]("Total Amount of Dr and Cr Should same");
           e.preventDefault();
       }
       console.log($('input[name="total_dr_amount"]').val())
          console.log($('input[name="total_cr_amount"]').val())
   });
});

@if(Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

                @if(Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif



        

    </script>

@endpush