@extends('layouts/acc_layout')
@section('title', 'Budget Statement Mapping')
@section('content')

@include('accounting.misYearlyPlan.entry.style')

<style>
    .stRowStyle td { background-color: #cfe2f3 }
    .gtRowStyle td { background-color: #9fc5e8 }
    .select2-container{
        min-width: 100% !important;
        height: auto;
    }
    table{
        width: 100%;
        color: black;
    }
    table, th, td{
        border: 1px solid rgb(221, 221, 221) !important;
        border-collapse: collapse;
    }
</style>
{{-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.css">
<script src="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.js"></script> --}}

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default" style="background-color:#708090;">
            <div class="panel-heading" style="padding-bottom:0px">
                <div class="panel-options">
                    {{-- <button id="printIcon" class="btn btn-info pull-right print-icon" style="">
                        <i class="fa fa-print fa-lg" aria-hidden="true"> Print </i>
                    </button> --}}
                </div>
                <div>
                    <h3 style="margin: .5em 10em; text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Chart of Accounts Mapping for Statement of Budget</h3>
                </div>
            </div>

            <div class="panel-body panelBodyView">
                <div id="printDivUpper">
                    <div class="row" style="padding-bottom: 10px; text-align: center; vertical-align: middle; color: black; font-weight: bold; margin: 0 .5em;">
                        {{-- <span style="font-size:13px;">Statement of Budget</span> <br/> --}}
                        {{-- <span style="font-size:12px;">Financial Year: 2022-2023 </span> <br/> --}}
                        <span style="font-size:10px; float:left">Organization Name : Ambala Foundtion</span> <br/>
                        <span style="font-size:10px; float:left">Certificate No : 00350-01308-00086</span>
                    </div>                          
                </div>
                <div class="table-responsive" id="printDiv1">
                    <form action="" method="POST" id="statementConfig">
                        <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
                        <table id="budgetTable" class="table table-hover table-sm table-bordered">
                            <thead>
                                <tr>
                                    <th class="w40"  style="font-size: 10px !important;">Code</th>
                                    <th class="w40" style="font-size: 10px !important;">Description</th>
                                    <th class="w100" style="font-size: 10px !important;">Head Nature</th>
                                    <th class="w240" style="font-size: 10px !important;">Ledger codes</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($data['lavel1Config'] as $item1)
                                    @php 
                                        $ledgerCodes1 = []; 
                                        if (isset($data['accAccountLedgers'][$item1['id']])) {
                                            $ledgerCodes1 = json_decode($data['accAccountLedgers'][$item1['id']]['acc_ledgerCode']);
                                        } 
                                    @endphp
                                    <tr style="background-color: #ffffff !important;">
                                        <td>{{$item1['code']}}</td>
                                        <td style="text-align: left; font-size: small;"><b>{{$item1['name']}} :</b></td>
                                        <td>
                                            @if ($item1['has_input'] == 1)
                                                <select name="nature{{$item1['id']}}" class="form-control">
                                                    <option @if($item1['nature'] == null) selected @endif value="">select</option>
                                                    <option @if($item1['nature'] == "credit") selected @endif value="credit">Credit</option>
                                                    <option @if($item1['nature'] == "debit") selected @endif value="debit">Debit</option>
                                                </select> 
                                            @endif
                                        </td>
                                        <td>
                                            @if ($item1['has_input'] == 1)
                                                <select name="{{$item1['id']}}[]" placeholder="" multiple class="accLedgerCodes">
                                                    @foreach ($ledgerCodes1 as $ledger)
                                                        <option selected value="{{$ledger}}">{{$ledger}}</option>
                                                    @endforeach
                                                </select> 
                                            @endif
                                        </td>
                                    </tr>  
                                    @if (isset($data['lavel2Config'][$item1['id']]))
                                        @foreach ($data['lavel2Config'][$item1['id']] as $item2)
                                            @php 
                                                $ledgerCodes = []; 
                                                if (isset($data['accAccountLedgers'][$item2['id']])) {
                                                    $ledgerCodes = json_decode($data['accAccountLedgers'][$item2['id']]['acc_ledgerCode']);
                                                } 
                                            @endphp
                                            <tr style="background-color: #dcfbdc !important;">
                                                <td>{{$item2['code']}}</td>
                                                <td style="text-align: left; padding-left:10px; font-size: small;">@if ($item2['has_sl'] == 1){{$loop->iteration}}. @endif{{$item2['name']}}</td>
                                                <td>
                                                    @if ($item2['has_input'] == 1)
                                                        <select name="nature{{$item2['id']}}" class="form-control">
                                                            <option @if($item2['nature'] == null) selected @endif value="">select</option>
                                                            <option @if($item2['nature'] == "credit") selected @endif value="credit">Credit</option>
                                                            <option @if($item2['nature'] == "debit") selected @endif value="debit">Debit</option>
                                                        </select> 
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($item2['has_input'] == 1)
                                                        <select name="{{$item2['id']}}[]" placeholder="" multiple class="accLedgerCodes">
                                                            @foreach ($ledgerCodes as $ledger)
                                                                <option selected value="{{$ledger}}">{{$ledger}}</option>
                                                                {{-- <option @if (!empty($ledgerIds) && in_array($ledger->id,$ledgerIds)) selected @endif value="{{$ledger->code}}">{{$ledger->code}}</option> --}}
                                                            @endforeach
                                                        </select> 
                                                    @endif
                                                </td>
                                            </tr> 
                                            @if (isset($data['lavel3Config'][$item2['id']]))
                                                @foreach ($data['lavel3Config'][$item2['id']] as $item3)
                                                    @php 
                                                        $ledgerCodes3 = []; 
                                                        if (isset($data['accAccountLedgers'][$item3['id']])) {
                                                            $ledgerCodes3 = json_decode($data['accAccountLedgers'][$item3['id']]['acc_ledgerCode']);
                                                        } 
                                                    @endphp
                                                    <tr style="background-color: #e2ffff !important;">
                                                        <td>{{$item3['code']}}</td>
                                                        <td style="text-align: left; padding-left:20px; font-size: small;">{{$item3['name']}}</td>
                                                        <td>
                                                            @if ($item3['has_input'] == 1)
                                                                <select name="nature{{$item3['id']}}" class="form-control">
                                                                    <option @if($item3['nature'] == null) selected @endif value="">select</option>
                                                                    <option @if($item3['nature'] == "credit") selected @endif value="credit">Credit</option>
                                                                    <option @if($item3['nature'] == "debit") selected @endif value="debit">Debit</option>
                                                                </select> 
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item3['has_input'] == 1)
                                                                <select name="{{$item3['id']}}[]" placeholder="" multiple class="accLedgerCodes">
                                                                    @foreach ($ledgerCodes3 as $ledger)
                                                                        <option selected value="{{$ledger}}">{{$ledger}}</option>
                                                                    @endforeach
                                                                </select>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    @if (isset($data['lavel4Config'][$item3['id']]))
                                                        @foreach ($data['lavel4Config'][$item3['id']] as $item4)
                                                            @php 
                                                                $ledgerCodes4 = []; 
                                                                if (isset($data['accAccountLedgers'][$item4['id']])) {
                                                                    $ledgerCodes4 = json_decode($data['accAccountLedgers'][$item4['id']]['acc_ledgerCode']);
                                                                } 
                                                            @endphp
                                                            <tr style="background-color: #efeae4 !important">
                                                                <td>{{$item4['code']}}</td>
                                                                <td style="text-align: left; padding-left:30px; font-size: small;">{{$item4['name']}}</td>
                                                                <td>
                                                                    @if ($item4['has_input'] == 1)
                                                                        <select name="nature{{$item4['id']}}" class="form-control">
                                                                            <option @if($item4['nature'] == null) selected @endif value="">select</option>
                                                                            <option @if($item4['nature'] == "credit") selected @endif value="credit">Credit</option>
                                                                            <option @if($item4['nature'] == "debit") selected @endif value="debit">Debit</option>
                                                                        </select> 
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if ($item4['has_input'] == 1)
                                                                        <select name="{{$item4['id']}}[]" placeholder="" multiple class="accLedgerCodes">
                                                                            @foreach ($ledgerCodes4 as $ledger)
                                                                                <option selected value="{{$ledger}}">{{$ledger}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach {{-- end of level 4 --}}
                                                    @endif
                                                @endforeach {{-- end of level 3 --}}
                                            @endif
                                        @endforeach {{-- end of level 2 --}}
                                    @endif
                                @endforeach {{-- end of level 1 --}}
                            </tbody>          
                        </table>
                        <button type="submit" class="btn btn-info pull-right addViewBtn" style="margin: 10px">Update</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    // $(document).ready(function(){
    //     var multipleCancelButton = new Choices('#choices-multiple-remove-button', {
    //         removeItemButton: true,
    //         // maxItemCount:5,
    //         searchResultLimit:10,
    //         // renderChoiceLimit:5
    //     });  
    // });

    $(document).ready(function () {
        $('.accLedgerCodes').each(function () {
            var $select = $(this);
            
            $select.select2({
                ajax: {
                    url: '{{ route("acc.Ledger.Codes") }}',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            query: params.term,
                            selectedValues: $select.val()
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data.options, function (item) {
                                return {
                                    text: item.code,
                                    id: item.code
                                };
                            })
                        };
                    },
                    cache: true
                },
                placeholder: 'Search for options',
                minimumInputLength: 1
            });
        });
    });

    $('#statementConfig').submit(function(event) {
        event.preventDefault();
        $.ajax({
            type: 'post',
            url: "{{ route('statement.config.update') }}",
            data: $('#statementConfig').serialize(),
            dataType: 'json',
            success: function(data) {
                if (data.errors) {
                } else {
                    if(data.responseTitle == "Success!"){
                        toastr.success(data.responseText, data.responseTitle, opts);
                        setTimeout(function(){
                            window.location.href = "{{ route('statement.config.view') }}";
                        }, 2000);
                    }else{
                        toastr.warning(data.responseText, data.responseTitle, opts);
                    }
                }
            },
            error: function(_response) {
                // Handle error
                alert(_response.errors);
            }
        });
    });
</script>
@endsection