@php
    $cpAccountGroup = \App\Models\AccountGroup::whereIn('a_group_name', [
        'Sundry Debtors',
        'Sundry Creditors',
        'Unsecured Loans',
        'Loans and Advances (Assets)',
    ])
        ->whereNull('a_sub_group_name')
        ->pluck('a_group_name', 'id')
        ->toArray();

    $cpState = \App\Models\State::select(
        \Illuminate\Support\Facades\DB::raw("CONCAT(state_code,'-',state_name) as state_name"),
        'id',
    )
        ->pluck('state_name', 'id')
        ->toArray();
@endphp

<style>
    .form-check {
        margin: 0 0 .75rem 0;
        min-height: 0rem !important;
    }

    .form-check {
        display: block;
        min-height: 1.35rem;
        padding-left: 0 !important;
        margin-bottom: .125rem;
    }
</style>

<div class="modal fade" id="commonPartyModal" tabindex="-1" aria-labelledby="commonPartyModalLabel" aria-hidden="true"
    data-bs-keyboard="false" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="commonPartyModalLabel">Create Party</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="commonPartyForm" action="{{ route('common-party.store') }}" method="POST"
                    class="row g-3 needs-validation">
                    @csrf
                    <input name="request_from" type="hidden" value="model">


                    <div class="col-md-6 position-relative">
                        <label for="cp_party_name" class="form-label">Party Name<span
                                class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="cp_party_name" name="party_name" required>
                        <span class="text-danger cp-error" data-field="party_name"></span>
                    </div>
                    <div class="col-md-6 position-relative">
                        <label for="cp_account_group_id" class="form-label">Account Group<span
                                class="text-danger">*</span></label>
                        {!! Form::select('account_group_id', ['' => '--Select--'] + $cpAccountGroup, null, [
                            'class' => 'form-control select2-cp-modal',
                            'id' => 'cp_account_group_id',
                            'required',
                        ]) !!}
                        <span class="text-danger cp-error" data-field="account_group_id"></span>
                    </div>
                    <div class="col-md-6 position-relative">
                        <label for="cp_mobile_no" class="form-label">Mobile No.</label>
                        <input type="text" class="form-control cp_number" id="cp_mobile_no" name="mobile_no"
                            minlength="10" maxlength="10">
                        <span class="text-danger cp-error" data-field="mobile_no"></span>
                    </div>
                    <div class="col-md-6 position-relative">
                        <label for="cp_email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="cp_email" name="email">
                        <span class="text-danger cp-error" data-field="email"></span>
                    </div>

                    <div class="col-md-12 position-relative">
                        <label for="cp_address" class="form-label">Address (Village, Road Name, Building Name etc.)<span
                                class="text-danger">*</span></label>
                        <textarea class="form-control" name="address" required rows="2" id="cp_address"></textarea>
                        <span class="text-danger cp-error" data-field="address"></span>
                    </div>
                    <div class="col-md-3 position-relative">
                        <label for="cp_city" class="form-label">District/City</label>
                        <input type="text" class="form-control" id="cp_city" name="city">
                        <span class="text-danger cp-error" data-field="city"></span>
                    </div>
                    <div class="col-md-3 position-relative">
                        <label for="cp_state_id" class="form-label">State<span class="text-danger">*</span></label>
                        {!! Form::select('state_id', ['' => '--Select--'] + $cpState, null, [
                            'class' => 'form-control select2-cp-modal',
                            'id' => 'cp_state_id',
                            'required',
                        ]) !!}
                        <span class="text-danger cp-error" data-field="state_id"></span>
                    </div>
                    <div class="col-md-3 position-relative">
                        <label for="cp_pin_code" class="form-label">Pin Code<span class="text-danger">*</span></label>
                        <input type="text" class="form-control cp_number" id="cp_pin_code" name="pin_code" required maxlength="6">
                        <span class="text-danger cp-error" data-field="pin_code"></span>
                    </div>
                    <div class="col-md-3 position-relative">
                        <label for="cp_country" class="form-label">Country<span class="text-danger">*</span></label>
                        <input type="text" class="form-control readonly" id="cp_country" name="country" required
                            readonly value="India">
                        <span class="text-danger cp-error" data-field="country"></span>
                    </div>

                    <div class="col-md-4 position-relative">
                        <label for="cp_register_type" class="form-label">Register Type<span
                                class="text-danger">*</span></label>
                        {!! Form::select(
                            'register_type',
                            ['Regular' => 'Regular', 'Composition' => 'Composition', 'Unregistered' => 'Unregistered'],
                            null,
                            ['class' => 'form-control', 'id' => 'cp_register_type', 'required'],
                        ) !!}
                        <span class="text-danger cp-error" data-field="register_type"></span>
                    </div>
                    <div class="col-md-4 position-relative cp_gstShow">
                        <label for="cp_gst_no" class="form-label">GST No.<span class="text-danger">*</span></label>
                        <input type="text" class="form-control cp_alphaNum" id="cp_gst_no" name="gst_no"
                            minlength="15" maxlength="15">
                        <span class="text-danger cp-error" data-field="gst_no"></span>
                    </div>
                    <div class="col-md-4 position-relative">
                        <label for="cp_pan_no" class="form-label">Pan No.</label>
                        <input type="text" class="form-control" id="cp_pan_no" name="pan_no" minlength="10"
                            maxlength="10">
                        <span class="text-danger cp-error" data-field="pan_no"></span>
                    </div>

                    <div class="col-md-6 position-relative">
                        <label for="cp_opening_balance" class="form-label">Opening Balance</label>
                        <input type="text" class="form-control cp_number" id="cp_opening_balance"
                            name="opening_balance" value="0">
                        <span class="text-danger cp-error" data-field="opening_balance"></span>
                    </div>
                    <div class="col-md-6 position-relative">
                        <label class="form-label" for="cp_starting_date">Starting Date<span
                                class="text-danger">*</span></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="ri-calendar-todo-line"></i></span>
                            <input type="text" id="cp_starting_date" class="form-control cp_datepicker"
                                name="starting_date" required
                                value="{{ date('d-m-Y', strtotime($financial_year_start)) }}">
                        </div>
                        <span class="text-danger cp-error" data-field="starting_date"></span>
                    </div>

                    @if (\App\Http\Helpers\CommonHelper::checkGeneralSetting('maintain_balance') == 'yes')
                        <div class="col-md-12">
                            <input type="checkbox" id="cp_maintain_bal_bil" name="maintain_bal_bil" value="yes">
                            <label class="form-label" for="cp_maintain_bal_bil">Maintain Balance Bill by Bill</label>
                        </div>
                    @endif

                    <div class="mt-3">
                        <div class="d-flex">
                            <div style="margin-right: 10px">
                                <input type="radio" value="receive" name="receiving_payment_pending"
                                    data-type="cp_receiving_payment_pending" id="cp_receive">
                                <label class="form-check-label" for="cp_receive">To Receive</label>
                            </div>
                            <div>
                                <input type="radio" value="payment" name="receiving_payment_pending"
                                    data-type="cp_receiving_payment_pending" id="cp_payment">
                                <label class="form-check-label" for="cp_payment">To Pay</label>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <button class="btn btn-primary" id="cpBtnSubmit" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- <script>
    $(document).ready(function() {

        let cpDataType = '';

        // Capture data_type from whichever button opens this modal
        $('[data-bs-target="#commonPartyModal"]').click(function() {
            cpDataType = $(this).attr('data_type');
        });

        /* ── Submit via AJAX ── */
        $('#commonPartyForm').on('submit', function(e) {
            e.preventDefault();

            let form = this;
            let formData = new FormData(form);

            $.ajax({
                url: $(form).attr('action'),
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    // Add the new party to the dropdown
                    if (response.new_party) {
                        let party = response.new_party;
                        let label = party.party_name + (party.gst_no ? ' - ' + party.gst_no : '');
                        let option = new Option(label, party.ledger_id, true, true);
                        $('#party_account_ledger_id').append(option).trigger('change');
                    }
                    $('#commonPartyModal').modal('hide');
                    alert('Party created successfully!');
                    form.reset();
                    $('.cp-error').html('');
                },
                error: function(xhr) {
                    // Display validation errors
                    let errors = xhr.responseJSON.errors || {};
                    $('.cp-error').html('');

                    $.each(errors, function(field, messages) {
                        let errorElement = $('[data-field="' + field + '"]');
                        if (errorElement.length) {
                            errorElement.html(messages[0]);
                        }
                    });
                }
            });
        });
        $('#cp_opening_balance').on('change', function() {
            let val = parseFloat($(this).val()) || 0;
            let radios = $('input[data-type="cp_receiving_payment_pending"]');
            if (val > 0) {
                $('#cp_starting_date').attr('required', true).val('');
                if (!radios.filter(':checked').length) {
                    radios.first().attr('required', true);
                } else {
                    radios.removeAttr('required');
                }
            } else {
                $('#cp_starting_date').removeAttr('required');
                radios.removeAttr('required');
            }
        });

        // Remove required once radio selected
        $('input[data-type="cp_receiving_payment_pending"]').on('change', function() {
            $('input[data-type="cp_receiving_payment_pending"]').removeAttr('required');
        });

        /* ── Register type: show/hide GST ── */
        $('#cp_register_type').on('change', function() {
            cpRegisterChange();
        });

        /* ── Number-only ── */
        $(document).on('keyup', '.cp_number', function() {
            this.value = this.value.replace(/\D/g, '');
        });

        /* ── AlphaNum + auto-fill PAN from GST ── */
        $('#cp_gst_no').on('input', function() {
            let gst = $(this).val().toUpperCase().replace(/[^A-Z0-9]/g, '');
            $(this).val(gst);
            if (gst.length === 15) {
                $('#cp_pan_no').val(gst.substring(2, 12));
            } else {
                $('#cp_pan_no').val('');
            }
        });

        /* ── Init select2 & datepicker inside modal ── */
        $('#commonPartyModal').on('shown.bs.modal', function() {
            $('.select2-cp-modal').select2({
                dropdownParent: $('#commonPartyModal'),
                placeholder: "Search...",
                allowClear: true,
                width: '100%'
            });
            if (!$('#cp_starting_date').data('daterangepicker')) {
                $('#cp_starting_date').daterangepicker({
                    singleDatePicker: true,
                    startDate: moment('{{ $financial_year_start }}', 'DD-MM-YYYY'),
locale: {
format: 'DD/MM/YYYY'
}
});
}
});

/* ── Reset form & errors on every modal open ── */
$('#commonPartyModal').on('show.bs.modal', function() {
$('#commonPartyForm')[0].reset();
$('.cp-error').html('');
$('#cp_opening_balance').val(0);
$('#cp_country').val('India');
cpRegisterChange();
});
});

function cpRegisterChange() {
let type = $('#cp_register_type').val();
if (type === 'Unregistered') {
$('#cp_gst_no').removeAttr('required').val('');
$('.cp_gstShow').hide();
} else {
$('#cp_gst_no').attr('required', true);
$('.cp_gstShow').show();
}
}
</script> --}}