@extends('layouts.app')
@section('content')
<section class="content">
    <h2>Edit Shareholder Account</h2>
    <form action="{{ route('shareholder-account.update', $shareholderAccount->id) }}" method="POST">
        @method('PUT')
        @csrf

        {{-- Location dropdown --}}
        <div class="col-sm-4">
            <div class="form-group">
                {!! Form::label('location_id', __('purchase.business_location').':*') !!}
                {!! Form::select('location_id', $business_locations, old('location_id', optional($shareholderAccount->transaction)->location_id ?? null), ['class' => 'form-control select2', 'placeholder' => __('messages.please_select'), 'required'], $bl_attributes); !!}
            </div>
        </div>

        {{-- Shareholder details --}}
        <div class="col-sm-12">
            @include('shareholder_account.form', ['account' => $shareholderAccount])
        </div>

        {{-- Payment details --}}
        <div class="col-sm-12">
            <hr>
            @component('components.widget', ['class' => 'box-solid', 'id' => "payment_rows_div", 'title' => __('purchase.add_payment')])
                @foreach($payments as $index => $payment_line)
                    @php $row_index = $index; @endphp
                    <div class="payment_row">
                        <div class="row">
                            <input type="hidden" class="payment_row_index" value="{{ $row_index }}">
                            
                            {{-- Amount --}}
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("amount_$row_index" ,__('sale.amount') . ':*') !!}
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fas fa-money-bill-alt"></i>
                                        </span>
                                        {!! Form::text("payment[$row_index][amount]", $payment_line['amount'], ['class' => 'form-control payment-amount input_number', 'required', 'id' => "amount_$row_index"]); !!}
                                    </div>
                                </div>
                            </div>

                            {{-- Paid On --}}
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("paid_on_$row_index" , __('lang_v1.paid_on') . ':*') !!}
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </span>
                                        {!! Form::text("payment[$row_index][paid_on]", $payment_line['paid_on'], ['class' => 'form-control paid_on', 'required']); !!}
                                    </div>
                                </div>
                            </div>

                            {{-- Payment method --}}
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("method_$row_index" , __('lang_v1.payment_method') . ':*') !!}
                                    {!! Form::select("payment[$row_index][method]", $payment_types, $payment_line['method'], ['class' => 'form-control payment_types_dropdown', 'required', 'id' => "method_$row_index"]); !!}
                                </div>
                            </div>

                            {{-- Payment account --}}
                            @if(!empty($accounts))
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("account_$row_index" , __('lang_v1.payment_account') . ':') !!}
                                    {!! Form::select("payment[$row_index][account_id]", $accounts, $payment_line['account_id'], ['class' => 'form-control select2 account-dropdown', 'id' => "account_$row_index"]); !!}
                                </div>
                            </div>
                            @endif

                            {{-- Note --}}
                            <div class="col-md-12">
                                <div class="form-group">
                                    {!! Form::label("note_$row_index", __('sale.payment_note') . ':') !!}
                                    {!! Form::textarea("payment[$row_index][note]", $payment_line['note'], ['class' => 'form-control', 'rows' => 2, 'id' => "note_$row_index"]); !!}
                                </div>
                            </div>

                        </div>
                    </div>
                @endforeach
            @endcomponent
        </div>
<div class="col-md-12">
        <div class="form-group">
            <button type="submit" class="btn btn-success">Update</button>
        </div>
        </div>

    </form>
</section>
@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function(){
        $('.paid_on').datetimepicker({
            format: moment_date_format + ' ' + moment_time_format,
            ignoreReadonly: true,
        });

        function setDefaultAccount() {
            var default_accounts = $('select#location_id').length
                ? $('select#location_id').find(':selected').data('default_payment_accounts')
                : [];

            $('.payment_row').each(function() {
                var payment_row = $(this);
                var payment_types_dropdown = payment_row.find('.payment_types_dropdown');
                var payment_type = payment_types_dropdown.val();
                var row_index = payment_row.find('.payment_row_index').val();

                if (payment_type && default_accounts && default_accounts[payment_type]) {
                    var default_account = default_accounts[payment_type]['account'] || '';
                    var account_dropdown = payment_row.find('select#account_' + row_index);
                    if (account_dropdown.length) {
                        account_dropdown.val(default_account).change();
                    }
                }
            });
        }

        $(document).on('change', '.payment_types_dropdown, #location_id', setDefaultAccount);
        setDefaultAccount();
    });
</script>
@endsection