@extends('admin.layout.master')
@section('title','Accounts Settings MANAGEMENT')
@section ('content')
<div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card-box">
                    <h4 class="card-title text-center">Accounts Transection Setup</h4>

                </div>
                <div class="card-box">
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-12 table-responsive-sm">
                                <div class="pro_trans_table">
                                    <table class="table table-bordered">
                                        <tbody class="account_setup_tbody">
                                        @php $i = 1; @endphp
                                        <tr data-id="{{$i}}">
                                            <td>
                                                <div class="input-group mb-3">
                                                    <input type="text" name="name_table[]"
                                                           id="name_table_name-{{$i}}"
                                                           placeholder="Enter Name"
                                                           class="form-control name_table_name-{{$i}}"/>
                                                </div>
                                            </td>
                                            <td style="width: 20%">
                                                <div class="input-group mb-3">
                                                    <input name="account_no[]"
                                                               id="account_group_code_row-{{$i}}"
                                                               class="form-control acc-{{$i}}"
                                                               placeholder="Enter Group Code"
                                                               data-modal_key="modal_head_accounts_code" aria-describedby="basic-addon2"/>
                                                    <div class="input-group-append">
                                                        <button onclick="openAccountsHeadDetailsModal('','',this,{{$i}})"
                                                                class="btn btn-danger">
                                                            <span class="fa fa-download"></span><span
                                                                    class="btn_text-{{$i}}"></span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="width: 20%">
                                                <div class="input-group mb-3">
                                                    <input name="detail_account_no[]" placeholder="Enter Code"
                                                               id="row-{{$i}}"
                                                               data-row_unique="{{$i}}"
                                                               data-modal_key="modal_accounts_ledger"
                                                               class="form-control item-{{$i}}"/>
                                                    <div class="input-group-append">
                                                        <button data-row="{{$i}}"
                                                                onclick="openAccountsLedgerDetailsModal('','',this,'{{$i}}')"
                                                                class="btn btn-danger">
                                                            <span class="fa fa-download"></span><span
                                                                    class="btn_text-{{$i}}"></span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group mb-3">
                                                    <input type="text" id="account_name_row-{{$i}}"
                                                           placeholder="account Name" disabled
                                                           class="form-control"/>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-12 text-center" style="margin-top: 3%">
                                    <button id="btn_submit" class="btn btn-primary" onclick="add_account_setup(this)">
                                        Add
                                    </button>
                                </div>
                            </div>
                        </div>
                        <form action="{{route('accounts_settings.store')}}" method="post">
                            @csrf
                        <div class="row">
                            <div class="col-md-12 table-responsive-sm" style="padding-bottom: 15px;">
                                <div class="pro_trans_table">
                                   
                                   
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th class="text-nowrap text-center" style="width: 3%">SL</th>
                                            <th class="text-nowrap text-center">Title</th>
                                            <th class="text-nowrap text-center">Group</th>
                                            <th class="text-nowrap text-center">Ledger Acc.</th>
                                            <th class="text-nowrap text-center">Ledger Title</th>
                                        </tr>
                                        </thead>
                                        <tbody class="item_tbody" style="">
                                        @php 
                                            $i = 1;
                                           // $total_row = 10;
                                        @endphp
                                          
                                            @forelse ($nitialAccountsSetUps as $val)
                                            {{-- @php
                                                $total_row = $total_row + count($nitialAccountsSetUps);
                                            @endphp  --}}
                                                <tr data-id="{{$i}}">
                                                    <td style="width: 3%" class="text-center">{{$i}}
                                                    <input type="hidden" name="id[{{$val->id}}]" value="{{$val->id}}">
                                                    </td>
                                                    <td style="width: 19.7%;">{{$val->title}}
                                                    </td>
                                                    <td style="width: 20%">
                                                        <div class="input-group mb-3">
                                                                {{$val->accountGroup?$val->accountGroup->name:'N/A'}}
                                                                <input id="account_group_code_row-{{ $val->id}}"
                                                                       class="form-control acc-{{ $val->id}}"
                                                                       data-modal_key="modal_head_accounts_code"
                                                                       type="hidden"
                                                                       data-id="{{ $val->group_id}}"
                                                                       value="{{$val->group_id??''}}"> 
                                                            
                                                        </div>
                                                    </td>
                                                    <td style="width: 19.7%; ">
                                                        <div class="input-group mb-3">
                                                            <input id="row-{{ $val->id}}"
                                                                    data-row_unique="{{ $val->id}}"
                                                                    data-modal_key="modal_accounts_ledger"
                                                                    class="form-control item-{{ $val->id}}"
                                                                    data-id="{{ $val->ledger_id}}"
                                                                    value="{{$val->accountLedger?$val->accountLedger->auto_code:''}}"/>
                                                            <div class="input-group-append">
                                                            <button type="button" 
                                                            onclick="openAccountsLedgerDetailsModal('{{$val->id}}','{{ $val->accountGroup?$val->accountGroup->auto_code:''}}')"
                                                                    class="btn btn-danger">
                                                                <span class="fa fa-download"></span><span
                                                                        class="btn_text-{{ $val->group_id}}"></span>
                                                            </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="col-sm-12" style="margin: 0;padding: 0">
                                                            <input type="text"
                                                                   value="{{$val->accountLedger?$val->accountLedger->name:'N/A'}}"
                                                                   id="account_name_row-{{ $val->id}}"
                                                                   class="form-control" readonly/>
                                                            <input type="hidden"
                                                                   value="{{$val->ledger_id}}"
                                                                   id="ledger_id_to_submit-{{ $val->id}}"
                                                                   name="ledger_id_to_submit[{{$val->id}}]"/>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @php $i++;@endphp
                                                @empty
                                                @endforelse
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                            <div class="col-md-12 text-center">
                                <button type="submit"  class="btn btn-primary">
                                    Submit
                                </button>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('accounts.accounts_settings.modal_accounts_ledger')
@include('accounts.accounts_settings.modal_head_accounts_code')

@endsection
@section('script')
    <!-- page script -->
    <script type="text/javascript">
    $(document).ready(function() {
        $('#load_table_modal_accounts_ledger').DataTable();
    })
    function openAccountsLedgerDetailsModal(id,group_code){
        $('#load_table_modal_accounts_ledger').dataTable().fnDestroy();
        var returnData=``;
        $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
    });
    $.ajax({
        type: "GET",
        url: "{{route('accounts_settings.ledger_search')}}",
        data: {
            group_code: group_code,
        },
        success: function (data) {
            console.log(data);
            if(data.length>0){
                for (let index = 0; index < data.length; index++) {
                    //const element = data[index];
                    returnData+=`<tr onclick="setDataToSelector(`+id+`,`+data[index].id+`,`+data[index].auto_code+`,'`+data[index].name+`')" role="row" class="odd">
                                        <td class="sorting_1">`+(index+1)+`</td>
                                        <td class="tr_td_group_code-205">`+(data[index].parent?data[index].parent.auto_code:'')+`</td>
                                        <td>`+(data[index].parent?data[index].parent.name:'')+`</td>
                                        <td class="tr_td_title-205">`+data[index].auto_code+`</td>
                                        <td class="tr_td_code-205">`+data[index].name+`</td>
                                    </tr>`;
                    
                }

            }
            $('#load_tbody_modal_accounts_ledger').html(returnData);
            $("#accounts_ledger_model").modal("show");
            $('#load_table_modal_accounts_ledger').DataTable(({
                "destroy": true,
            }));

            // const Toast = Swal.mixin({
            //     toast: true,
            //     position: "top-end",
            //     showConfirmButton: false,
            //     timer: 3000,
            //     timerProgressBar: true,
            //     didOpen: (toast) => {
            //         toast.addEventListener("mouseenter", Swal.stopTimer);
            //         toast.addEventListener("mouseleave", Swal.resumeTimer);
            //     },
            // });

            // Toast.fire({
            //     icon: "success",
            //     title: "Cash Bank Saved Successfully",
            // });
            //window.location.reload();
        },
        error: function (response) {
            $.each(response.responseJSON.errors, function (field_name, error) {
                $(document)
                    .find("[name=" + field_name + "]")
                    .after(
                        '<span class="text-strong textdanger">' +
                            error +
                            "</span>"
                    );
            });
        },
    });

    }
    function setDataToSelector(row_id,id,auto_code,name) {
        $('#row-'+row_id).val(auto_code);
        $('#account_name_row-'+row_id).val(name);
        $('#ledger_id_to_submit-'+row_id).val(id);
        $("#accounts_ledger_model").modal("hide");

    }

    </script>
@stop