@extends('layouts.main')

@section('title')
    Account Opening: Create
@endsection

@section('content')
    <div class="card m-3">
        <section>
            <form action="{{ route('accountOpening.store') }}" method="POST">
                @csrf

                @include('accountOpening.partials.form')

                <div class="m-2">
                    <button type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i>&nbsp;Save</button>
                    <a href="{{ route('accountOpening.index') }}" class="btn btn-sm btn-danger"><i
                            class="fa fa-ban"></i>&nbsp;Cancel</a>
                </div>
            </form>
        </section>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            // Auto-update the name display in the terms agreement section
            $('#first_name, #middle_name, #last_name').on('input', function() {
                var firstName = $('#first_name').val() || '';
                var middleName = $('#middle_name').val() || '';
                var lastName = $('#last_name').val() || '';

                var fullName = firstName;
                if (middleName) fullName += ' ' + middleName;
                if (lastName) fullName += ' ' + lastName;

                $('#nameDisplay').text(fullName);
            });

            // Trigger initial name display if editing
            $('#first_name').trigger('input');
        });
    </script>
@endsection