@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.CreateNewMember') }}</h4>
                </div>
            </div>

            <form method="post" action="{{ url('/memberprocess') }}" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body p-3">
                        <div class="row">
                            <!-- First Row -->
                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Name') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtName" name="txtName"
                                        value="{{ old('txtName') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.FatherName') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtFatherName" name="txtFatherName"
                                        value="{{ old('txtFatherName') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.MemberStatus') }}<span class="text-danger">*</span></label>
                                    <select class="form-control" id="ddlMemberStatus" name="ddlMemberStatus">
                                        <option value="">{{ __('sitelabel.Select') }}</option>
                                        @foreach ($memberstatuses as $memberstatus)
                                            <option value="{{ $memberstatus->Id }}"
                                                {{ old('ddlMemberStatus') == $memberstatus->Id ? 'selected' : '' }}>
                                                {{ $memberstatus->MemberStatus }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- Second Row -->
                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Gender') }}<span class="text-danger">*</span></label>
                                    <select class="form-control" id="txtGender" name="txtGender">
                                        <option value="">{{ __('sitelabel.Select') }}</option>
                                        <option value="Male" {{ old('txtGender') == 'Male' ? 'selected' : '' }}>
                                            {{ __('sitelabel.Male') }}</option>
                                        <option value="Female" {{ old('txtGender') == 'Female' ? 'selected' : '' }}>
                                            {{ __('sitelabel.Female') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Mobile') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtMobile" name="txtMobile"
                                        value="{{ old('txtMobile') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Email') }}<span class="text-danger">*</span></label>
                                    <input type="email" class="form-control" id="txtEmail" name="txtEmail"
                                        value="{{ old('txtEmail') }}">
                                </div>
                            </div>

                            <!-- Third Row -->
                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PhoneOffice') }}</label>
                                    <input type="text" class="form-control" id="txtPhoneOffice" name="txtPhoneOffice"
                                        value="{{ old('txtPhoneOffice') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.CNIC') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtCNIC" name="txtCNIC"
                                        value="{{ old('txtCNIC') }}">
                                    @error('txtCNIC')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Nationality') }}</label>
                                    <input type="text" class="form-control" id="txtNationality" name="txtNationality"
                                        value="{{ old('txtNationality') }}">
                                </div>
                            </div>

                            <!-- Address Fields -->
                            <div class="col-lg-6 col-sm-12 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PostalAddress') }}</label>
                                    <textarea class="form-control" id="txtPostalAddress" name="txtPostalAddress">{{ old('txtPostalAddress') }}</textarea>
                                </div>
                            </div>

                            <div class="col-lg-6 col-sm-12 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ResidentialAddress') }}</label>
                                    <textarea class="form-control" id="txtResidentialAddress" name="txtResidentialAddress">{{ old('txtResidentialAddress') }}</textarea>
                                </div>
                            </div>

                            <!-- Nominee Section -->
                            <div class="col-12">
                                <hr>
                                <h5>{{ __('sitelabel.NomineeInformation') }}</h5>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineeName') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtNomineeName" name="txtNomineeName"
                                        value="{{ old('txtNomineeName') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineeFatherName') }}<span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtNomineeFatherName"
                                        name="txtNomineeFatherName" value="{{ old('txtNomineeFatherName') }}">
                                </div>
                            </div>

                            <div class="col-lg-4 col-sm-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineeCNIC') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtNomineeCNIC" name="txtNomineeCNIC"
                                        value="{{ old('txtNomineeCNIC') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineePhoneOffice') }}</label>
                                    <input type="text" class="form-control" id="txtNomineePhoneOffice"
                                        name="txtNomineePhoneOffice" value="{{ old('txtNomineePhoneOffice') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineeRelation') }}</label>
                                    <input type="text" class="form-control" id="txtNomineeRelation"
                                        name="txtNomineeRelation" value="{{ old('txtNomineeRelation') }}">
                                </div>
                            </div>

                            <div class="col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.NomineePostalAddress') }}</label>
                                    <textarea class="form-control" id="txtNomineePostalAddress" name="txtNomineePostalAddress">{{ old('txtNomineePostalAddress') }}</textarea>
                                </div>
                            </div>

                            <!-- Submit Button -->
                            <div class="col-lg-12 mt-3">
                                <button type="submit" class="btn btn-primary me-2">{{ __('sitelabel.Save') }}</button>
                                <a href="{{ url('/member') }}" class="btn btn-dark">{{ __('sitelabel.Back') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>
@endsection

@section('script')
    <script>
        window.onload = myOnload;

        function myOnload() {
            @if (session()->get('locale') == 'ur')
                MakeTextBoxUrduEnabled('txtName');
                MakeTextBoxUrduEnabled('txtFatherName');
                MakeTextBoxUrduEnabled('txtPostalAddress');
                MakeTextBoxUrduEnabled('txtResidentialAddress');
                MakeTextBoxUrduEnabled('txtNomineeName');
                MakeTextBoxUrduEnabled('txtNomineeFatherName');
                MakeTextBoxUrduEnabled('txtNomineePostalAddress');
            @endif
        }
    </script>
@endsection