@php
    $total_debit = [];
    $total_credit = [];
    foreach ($accountingEntryDetails as $key =>$accountingEntryDetail){
        if ($accountingEntryDetail['type'] == 'debit'){
            array_push($total_debit,$accountingEntryDetail['amount']);
        }
        elseif($accountingEntryDetail['type'] == 'credit'){
            array_push($total_credit,$accountingEntryDetail['amount']);
        }
    }
    if (array_sum($total_credit) != 0 && array_sum($total_debit) != 0){
    $is_balanced = array_sum($total_credit) == array_sum($total_debit);
    }else{
        $is_balanced = false;
    }
@endphp
<div class="p-4 bg-gray-100 rounded lg:px-16 lg:py-8">
    <p class="my-2 text-lg font-bold text-blueskills">{{__('messages.new accounting_entries')}}</p>
    @livewire('accounting-entries-train-component',['component_name'=>"add accounting_entries"])
    <div>
        @if (session()->has('message'))
            <div class="col-span-6 text-sm text-center text-green-700">
                {{ session('message') }}
            </div>
        @endif
    </div>
    <div class=" md:grid md:grid-cols-2 md:gap-2">
        <div>
            <x-jet-label value="{{__('messages.entry_date')}}"></x-jet-label>
            <x-jet-input class="w-full" type="date" wire:model="entry_date"></x-jet-input>
            <x-jet-input-error for="entry_date"></x-jet-input-error>
        </div>
        <div>
            <x-jet-label value="{{trans_choice('messages.currency',1)}}"></x-jet-label>
            <x-select-box>
                <x-slot name="model">currency_id</x-slot>
                @foreach(\App\Models\Currency::all() as $currency)
                    <option value="{{ $currency->id}}">{{ $currency->name}}</option>
                @endforeach
            </x-select-box>
            <x-jet-input-error for="currency_id"></x-jet-input-error>
        </div>
        <div>
            <x-jet-label value="{{__('messages.Accounting Daily Type')}}"></x-jet-label>
            <x-select-box>
                <x-slot name="model">accounting_daily_type_id</x-slot>
                @foreach(\App\Models\AccountingDailyType::all() as $type)
                    <option value="{{ $type->id}}">{{ $type->name}}</option>
                @endforeach
            </x-select-box>
            <x-jet-input-error for="accounting_daily_type_id"></x-jet-input-error>
        </div>
        <div class="flex justify-center mx-5 mt-8">
            <input id="is_carried_forward" wire:model.lazy="is_carried_forward" value="1" type="checkbox"
                   class="h-4 {{__('messages.mr-2')}} w-4 mt-1 text-gray-700 border rounded mr-2">
            <x-jet-label for="is_carried_forward" value="{{__('messages.is_carried_forward')}}"/>
        </div>
    </div>
    <div class=" md:grid md:grid-cols-1 md:gap-2">
        <div>
            <x-jet-label value="{{__('messages.statement')}}"></x-jet-label>
            <x-text-area>
                <x-slot name="model">comment</x-slot>
                <x-slot name="rows">4</x-slot>
            </x-text-area>
        </div>
    </div>
    <p class="my-2 text-lg font-bold text-blueskills">{{__('messages.entry details')}}</p>
    <div class="m-0 mb-3">
        <div class="overflow-auto shadow md:flex sm:rounded">
            <div class="flex-col w-full px-3 py-4 overflow-auto bg-white rounded">
                <style>
                    #customers {
                        border-collapse: collapse;
                        width: 100%;
                        text-align: center;
                        font-weight: 600;
                    }

                    #customers td, #customers th {
                        border: 1px solid #918e8e;
                        padding: 3px;
                    }

                    #customers tr:hover {
                        background-color: #ddd;
                    }

                    #customers th {
                        padding-top: 12px;
                        padding-bottom: 12px;
                        text-align: left;
                        color: white;
                    }

                </style>
                <div style="overflow-x:auto;">
                    <table id="customers">
                        <tbody>
                        <tr style="background-color: #f2f2f2;">
                            <td>#</td>
                            <td>
                                <p>{{__('messages.Debit')}}</p>
                            </td>
                            <td>
                                <p>{{__('messages.Credit')}}</p>
                            </td>
{{--                            <td>
                                <p>{{__('messages.cost_center')}}</p>
                            </td>--}}
                            <td>
                                <p>{{__('messages.Accounting Account')}}</p>
                            </td>
                            {{--                            <td>
                                                            <p>{{__('messages.Updated By')}}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{__('messages.Created At')}}</p>
                                                        </td>--}}
                            <td>
                                <p>{{__('messages.comment')}}</p>
                            </td>
                            <td>

                            </td>
                        </tr>
                        @forelse ($accountingEntryDetails as $key =>$accountingEntryDetail)
                            <tr>
                                <td>
                                    {{$loop->iteration}}
                                </td>
                                <td>
                                    @if($accountingEntryDetail['type'] == 'debit')
                                        {{$accountingEntryDetail['amount']}}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    @if($accountingEntryDetail['type'] == 'credit')
                                        {{$accountingEntryDetail['amount']}}
                                    @else
                                        -
                                    @endif
                                </td>

{{--                                <td>
                                    {{\App\Models\CostCenter::find($accountingEntryDetail['cost_center_id'])->name}}
                                </td>--}}
                                <td>
                                    {{\App\Models\AccountingAccount::find($accountingEntryDetail['accounting_account_id'])->name}}
                                    {{--                                    {{($accountingEntryDetail->accountingAccount)?$accountingEntryDetail->accountingAccount->name . ' ' . '(' . $accountingEntryDetail->accountingAccount->no . ')':'-'}}--}}
                                </td>
                                {{--                                <td>
                                                                    {{($accountingEntryDetail->updatedByUser)?$accountingEntryDetail->updatedByUser->name:'-'}}
                                                                </td>
                                                                <td>
                                                                    {{\Carbon\Carbon::createFromTimeString($accountingEntryDetail->created_at)->translatedFormat('M j, Y, g:i a')}}
                                                                </td>--}}
                                <td>
                                    {{$accountingEntryDetail['comment']}}
                                </td>
                                <td>
                                    <button wire:click="unSetDetail({{$key}})" class="mt-2 text-red-500 cursor-pointer" title="{{__('messages.Delete')}}">
                                        <img width="20" height="20" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjExNC40MDIiIHk9IjIyMC43MjQiIHN0eWxlPSJmaWxsOiNGNEIyQjA7IiB3aWR0aD0iMjc0LjgxMyIgaGVpZ2h0PSIyNzYuOTYiLz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNCMzQwNEE7IiBkPSJNMTgyLjc0Niw0MjIuMzA1Yy03LjkwNSwwLTE0LjMxMy02LjQwOS0xNC4zMTMtMTQuMzEzdi05MS42MDRjMC03LjkwNCw2LjQwOC0xNC4zMTMsMTQuMzEzLTE0LjMxMw0KCQljNy45MDUsMCwxNC4zMTMsNi40MDksMTQuMzEzLDE0LjMxM3Y5MS42MDRDMTk3LjA2LDQxNS44OTUsMTkwLjY1Miw0MjIuMzA1LDE4Mi43NDYsNDIyLjMwNXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojQjM0MDRBOyIgZD0iTTI1MS44MDgsNDIyLjMwNWMtNy45MDUsMC0xNC4zMTMtNi40MDktMTQuMzEzLTE0LjMxM3YtOTEuNjA0YzAtNy45MDQsNi40MDgtMTQuMzEzLDE0LjMxMy0xNC4zMTMNCgkJYzcuOTA1LDAsMTQuMzEzLDYuNDA5LDE0LjMxMywxNC4zMTN2OTEuNjA0QzI2Ni4xMjEsNDE1Ljg5NSwyNTkuNzEzLDQyMi4zMDUsMjUxLjgwOCw0MjIuMzA1eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNCMzQwNEE7IiBkPSJNMzIwLjg2OSw0MjIuMzA1Yy03LjkwNSwwLTE0LjMxMy02LjQwOS0xNC4zMTMtMTQuMzEzdi05MS42MDRjMC03LjkwNCw2LjQwOC0xNC4zMTMsMTQuMzEzLTE0LjMxMw0KCQljNy45MDUsMCwxNC4zMTMsNi40MDksMTQuMzEzLDE0LjMxM3Y5MS42MDRDMzM1LjE4Miw0MTUuODk1LDMyOC43NzQsNDIyLjMwNSwzMjAuODY5LDQyMi4zMDV6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0IzNDA0QTsiIGQ9Ik00MzQuNTcxLDEzNS45NjFjLTguNDM1LTEzLjI1MS0yMS41MjQtMjIuNDIzLTM2Ljg1Ni0yNS44MjgNCgkJYy03LjcxMi0xLjcyMi0xNS4zNjIsMy4xNTItMTcuMDc2LDEwLjg2OWMtMS43MTMsNy43MTgsMy4xNTMsMTUuMzYxLDEwLjg2OSwxNy4wNzZjNy44NjksMS43NDksMTQuNTg1LDYuNDU1LDE4LjkxMywxMy4yNTUNCgkJYzQuMzI4LDYuOCw1Ljc1LDE0Ljg3OSw0LjAwMiwyMi43NDhsLTcuNDIzLDMzLjQxOEw5OS42MDMsMTM5LjIyNGw3LjQyMy0zMy40MmMzLjYwOC0xNi4yNDMsMTkuNzU0LTI2LjUxOSwzNi4wMDItMjIuOTE3DQoJCWwxNDUuMiwzMi4yNDljNy43MTMsMS43MTMsMTUuMzYxLTMuMTUzLDE3LjA3Ni0xMC44NjljMS43MTMtNy43MTgtMy4xNTMtMTUuMzYxLTEwLjg2OS0xNy4wNzZsLTgyLjQ0LTE4LjMwOWw4LjMyNy0zNy40OTMNCgkJbDEyMi45NiwyNy4zMDhsLTExLjQzMSw1MS40NjdjLTEuNzEzLDcuNzE4LDMuMTUzLDE1LjM2MSwxMC44NjksMTcuMDc2YzEuMDQ1LDAuMjMyLDIuMDg4LDAuMzQ0LDMuMTE2LDAuMzQ0DQoJCWM2LjU2MywwLDEyLjQ3OC00LjU0MiwxMy45Ni0xMS4yMTNsMTQuNTM0LTY1LjQ0YzAuODIzLTMuNzA2LDAuMTQtNy41ODctMS44OTgtMTAuNzg5Yy0yLjAzOC0zLjIwMi01LjI2Ni01LjQ2My04Ljk3Mi02LjI4Ng0KCQlMMjEyLjU1NSwwLjM0MmMtNy43MTMtMS43MDktMTUuMzYyLDMuMTUyLTE3LjA3NiwxMC44NjlsLTExLjQzLDUxLjQ2NmwtMzQuODE1LTcuNzMyQzExNy41NzksNDcuOTA5LDg2LjExLDY3Ljk0OCw3OS4wNzksOTkuNg0KCQlsLTEwLjUyNiw0Ny4zOTFjLTEuNzEzLDcuNzE4LDMuMTUzLDE1LjM2MSwxMC44NjksMTcuMDc2bDE5MC42NjYsNDIuMzQ3SDExNC40MDJjLTcuOTA1LDAtMTQuMzEzLDYuNDA5LTE0LjMxMywxNC4zMTN2Mjc2Ljk2DQoJCWMwLDcuOTA0LDYuNDA4LDE0LjMxMywxNC4zMTMsMTQuMzEzaDI3NC44MWM3LjkwNSwwLDE0LjMxMy02LjQwOSwxNC4zMTMtMTQuMzEzVjIzNi4wNDlsMTEuMjQzLDIuNDk4DQoJCWMxLjAyNiwwLjIyOSwyLjA2NywwLjM0MSwzLjEwMywwLjM0MWMyLjcwMSwwLDUuMzctMC43NjQsNy42ODYtMi4yMzljMy4yMDItMi4wMzgsNS40NjMtNS4yNjYsNi4yODgtOC45NzJsMTAuNTI2LTQ3LjM5MQ0KCQlDNDQ1Ljc3NiwxNjQuOTU0LDQ0My4wMDYsMTQ5LjIxMiw0MzQuNTcxLDEzNS45NjF6IE0zNzQuOSw0ODMuMzc0SDEyOC43MTZWMjM1LjA0SDM3NC45VjQ4My4zNzR6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==" />
                                    </button>
                                </td>

                            </tr>
                        @empty

                        @endforelse
                        <tr class=" @if($is_balanced) bg-green-300 @else bg-blue-100 @endif">
                            <td class="text-blueskills" colspan="2">
                                {{__('messages.Debit')}} : {{array_sum($total_debit)}}
                            </td>
                            <td class="text-blueskills">
                                {{__('messages.Credit')}} : {{array_sum($total_credit)}}
                            </td>
                            <td class="text-blueskills" colspan="4">
                                @if($is_balanced)
                                    Balanced
                                @else
                                    Not Balanced
                                @endif
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="md:grid md:grid-cols-5 md:gap-2">
        <div>
            <x-jet-label value="{{__('messages.type')}}"></x-jet-label>
            <x-select-box>
                <x-slot name="model">type</x-slot>
                <option value="debit">{{__('messages.Debit')}}</option>
                <option value="credit">{{__('messages.Credit')}}</option>
            </x-select-box>
            <x-jet-input-error for="type"></x-jet-input-error>
        </div>
{{--        <div>
            <x-jet-label value="{{__('messages.cost_center')}}"></x-jet-label>
            <x-select-box>
                <x-slot name="model">cost_center_id</x-slot>
                @foreach(\App\Models\CostCenter::all() as $cost_center)
                    <option value="{{$cost_center->id}}">{{$cost_center->name}}</option>
                @endforeach
            </x-select-box>
            <x-jet-input-error for="cost_center_id"></x-jet-input-error>
        </div>--}}
        <div>
            <x-jet-label value="{{__('messages.Accounting Account')}}"></x-jet-label>
            <x-select-box>
                <x-slot name="model">accounting_account_id</x-slot>
                @foreach(\App\Models\AccountingAccount::get() as $accounting_account)
                    <option value="{{$accounting_account->id}}">{{$accounting_account->name}} ({{$accounting_account->no}})</option>
                @endforeach
            </x-select-box>
            <x-jet-input-error for="accounting_account_id"></x-jet-input-error>
        </div>
        <div>
            <x-jet-label value="{{__('messages.Amount')}}"></x-jet-label>
            <x-jet-input wire:model="amount" class="w-full mt-1"></x-jet-input>
            <x-jet-input-error for="amount"></x-jet-input-error>
        </div>
        <div class="mt-5">
            <button
                class="px-4 py-2 mt-2 text-xs tracking-widest text-white uppercase transition duration-150 ease-in-out bg-blue-800 border border-transparent rounded-md hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25"
                wire:click="addToCollect()">{{__('messages.Add')}}
            </button>
        </div>
    </div>
    <div>
        <x-jet-label value="{{__('messages.statement')}}"></x-jet-label>
        <x-text-area>
            <x-slot name="model">comment_detail</x-slot>
            <x-slot name="rows">2</x-slot>
        </x-text-area>
    </div>
    <div class="flex justify-end pb-1">
        @if($is_balanced)
            <button
                class="px-4 py-2 mt-2 text-xs tracking-widest text-white uppercase transition duration-150 ease-in-out bg-blueskills border border-transparent rounded-md hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25"
                wire:click="addEntryDetails()">{{__('messages.Save')}}
            </button>
        @else
            <x-model-alert>
                <x-slot name="btn">
                    <button @click="showModal= true"
                            class="px-4 py-2 mt-2 text-xs tracking-widest text-white uppercase transition duration-150 ease-in-out bg-blueskills border border-transparent rounded-md hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25"
                    >{{__('messages.Save')}}
                    </button>
                </x-slot>
                <x-slot name="title">
                    {{__('messages.important warning')}}
                </x-slot>
                <x-slot name="btn_close_name">{{__('messages.back_to_edit')}}</x-slot>
                <p class="font-medium {{__('messages.text-left')}}">
                    {{__('messages.This Entry is unbalanced. Please balance the entry for Saving or deletion')}}
                </p>
                <x-slot name="method">deleteEntry()</x-slot>
                <x-slot name="btn_method_name">{{__('messages.Delete')}}</x-slot>
            </x-model-alert>
        @endif
    </div>
</div>