Gecko [ avigyah.mydemowebs.in ]

Name	Size	Permission
.idea	[ DIR ]	drwxr-xr-x
.well-known	[ DIR ]	drwxr-xr-x
.well-known.1	[ DIR ]	drwxr-xr-x
.well-known.10	[ DIR ]	drwxr-xr-x
.well-known.11	[ DIR ]	drwxr-xr-x
.well-known.12	[ DIR ]	drwxr-xr-x
.well-known.13	[ DIR ]	drwxr-xr-x
.well-known.14	[ DIR ]	drwxr-xr-x
.well-known.15	[ DIR ]	drwxr-xr-x
.well-known.16	[ DIR ]	drwxr-xr-x
.well-known.17	[ DIR ]	drwxr-xr-x
.well-known.18	[ DIR ]	drwxr-xr-x
.well-known.19	[ DIR ]	drwxr-xr-x
.well-known.2	[ DIR ]	drwxr-xr-x
.well-known.20	[ DIR ]	drwxr-xr-x
.well-known.21	[ DIR ]	drwxr-xr-x
.well-known.22	[ DIR ]	drwxr-xr-x
.well-known.23	[ DIR ]	drwxr-xr-x
.well-known.24	[ DIR ]	drwxr-xr-x
.well-known.25	[ DIR ]	drwxr-xr-x
.well-known.26	[ DIR ]	drwxr-xr-x
.well-known.27	[ DIR ]	drwxr-xr-x
.well-known.28	[ DIR ]	drwxr-xr-x
.well-known.29	[ DIR ]	drwxr-xr-x
.well-known.3	[ DIR ]	drwxr-xr-x
.well-known.30	[ DIR ]	drwxr-xr-x
.well-known.31	[ DIR ]	drwxr-xr-x
.well-known.32	[ DIR ]	drwxr-xr-x
.well-known.33	[ DIR ]	drwxr-xr-x
.well-known.34	[ DIR ]	drwxr-xr-x
.well-known.35	[ DIR ]	drwxr-xr-x
.well-known.36	[ DIR ]	drwxr-xr-x
.well-known.37	[ DIR ]	drwxr-xr-x
.well-known.38	[ DIR ]	drwxr-xr-x
.well-known.39	[ DIR ]	drwxr-xr-x
.well-known.4	[ DIR ]	drwxr-xr-x
.well-known.40	[ DIR ]	drwxr-xr-x
.well-known.41	[ DIR ]	drwxr-xr-x
.well-known.42	[ DIR ]	drwxr-xr-x
.well-known.5	[ DIR ]	drwxr-xr-x
.well-known.6	[ DIR ]	drwxr-xr-x
.well-known.7	[ DIR ]	drwxr-xr-x
.well-known.8	[ DIR ]	drwxr-xr-x
.well-known.9	[ DIR ]	drwxr-xr-x
Api	[ DIR ]	drwxr-xr-x
Modules	[ DIR ]	drwxr-xr-x
app	[ DIR ]	drwxr-xr-x
assets	[ DIR ]	drwxrwxrwx
assets.1	[ DIR ]	drwxrwxrwx
bootstrap	[ DIR ]	drwxr-xr-x
canvaskit	[ DIR ]	drwxrwxrwx
cgi-bin	[ DIR ]	drwxr-xr-x
cgi-bin.1	[ DIR ]	drwxr-xr-x
config	[ DIR ]	drwxr-xr-x
cr.mydemowebs.in	[ DIR ]	drwxr-x---
css	[ DIR ]	drwxrwxrwx
database	[ DIR ]	drwxr-xr-x
icons	[ DIR ]	drwxrwxrwx
images	[ DIR ]	drwxrwxrwx
installation	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxrwxrwx
public	[ DIR ]	drwxr-xr-x
quotation	[ DIR ]	drwxr-xr-x
resources	[ DIR ]	drwxr-xr-x
routes	[ DIR ]	drwxr-xr-x
storage	[ DIR ]	drwxr-xr-x
storage.1	[ DIR ]	drwxr-xr-x
storage.2	[ DIR ]	drwxr-xr-x
storage.3	[ DIR ]	drwxr-xr-x
tests	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
vendor.1	[ DIR ]	drwxrwxrwx
.DS_Store	14 KB	-rwxr-xr-x
.editorconfig	220 B	-rwxr-xr-x
.env	1.11 KB	-rwxr-xr-x
.env.1	1.27 KB	-rw-r--r--
.env.example	1.11 KB	-rwxr-xr-x
.gitattributes	111 B	-rwxr-xr-x
.gitignore	280 B	-rwxr-xr-x
.htaccess	748 B	-rwxr-xr-x
.htaccess.1	254 B	-rw-rw-rw-
.last_build_id	32 B	-rw-rw-rw-
.rnd	1 KB	-rwxr-xr-x
.styleci.yml	181 B	-rwxr-xr-x
.trash_restore	17.98 KB	-rw-------
2025_12_24_132410_create_subsc...	834 B	-rw-r--r--
2026_01_02_112859_create_activ...	1.1 KB	-rw-r--r--
2026_01_02_112859_create_activ...	1.1 KB	-rw-r--r--
2026_01_12_131739_create_inspe...	868 B	-rw-r--r--
2026_01_12_134925_add_group_id...	690 B	-rw-r--r--
2026_01_23_125851_create_sell_...	1.08 KB	-rw-r--r--
2026_01_23_133453_create_order...	945 B	-rw-r--r--
2026_03_09_094905_add_discount...	593 B	-rw-r--r--
Accessory-m.php	182 B	-rw-r--r--
Admin and web new install V16....	164.29 MB	-rw-r--r--
AuthController.php	6.29 KB	-rw-r--r--
QuestionsController.php	190 B	-rw-r--r--
README.md	4.35 KB	-rwxr-xr-x
SellOrder.php	696 B	-rw-r--r--
artisan	842 B	-rwxr-xr-x
assets.zip	19.73 MB	-rw-r--r--
blogs.blade.php	3.18 KB	-rw-r--r--
brouchers.blade.php	9.43 KB	-rw-r--r--
builder.blade.php	2.64 KB	-rw-r--r--
canvaskit.zip	20.92 MB	-rw-r--r--
certificates.blade.php	8.47 KB	-rw-r--r--
client_show.blade.php	9.22 KB	-rw-r--r--
clients.blade.php	8.38 KB	-rw-r--r--
clients.blade.php.1	3.48 KB	-rw-r--r--
composer.json	4.37 KB	-rwxr-xr-x
composer.lock	513.4 KB	-rwxr-xr-x
composer.phar	2.24 MB	-rwxr-xr-x
config.php	24.65 KB	-rw-r--r--
contact.blade.php	4.22 KB	-rw-r--r--
counter.blade.php	4.45 KB	-rw-r--r--
counters.blade.php	9.38 KB	-rw-r--r--
createblog.blade.php	3.47 KB	-rw-r--r--
createclient.blade.php	24.12 KB	-rw-r--r--
createinvoice.blade.php	5.04 KB	-rw-r--r--
createpage.blade.php	3.45 KB	-rw-r--r--
createportfolio.blade.php	4.44 KB	-rw-r--r--
createservice.blade.php	4.06 KB	-rw-r--r--
error_log	1.39 KB	-rw-r--r--
faqs.blade.php	7.82 KB	-rw-r--r--
favicon.png	35.96 KB	-rw-rw-rw-
features.blade.php	9.27 KB	-rw-r--r--
feedbacks.blade.php	10.41 KB	-rw-r--r--
files.blade.php	4.26 KB	-rw-r--r--
firebase-messaging-sw.js	1.37 KB	-rw-rw-rw-
flutter.js	9.19 KB	-rw-rw-rw-
flutter.zip	20.94 MB	-rw-r--r--
flutter.zip.1	20.9 MB	-rw-r--r--
flutter_bootstrap.js	9.51 KB	-rw-rw-rw-
flutter_service_worker.js	58.69 KB	-rw-rw-rw-
frontend_images.blade.php	2.99 KB	-rw-r--r--
gallery.blade.php	5.34 KB	-rw-r--r--
hot	21 B	-rw-r--r--
index.html	26.19 KB	-rw-rw-rw-
index.php	1.81 KB	-rwxr-xr-x
invoices.blade.php	3.52 KB	-rw-r--r--
laravel.log	74.22 MB	-rw-r--r--
logo.png	11.42 KB	-rw-rw-rw-
main.dart.js	6.36 MB	-rw-rw-rw-
managenavigation.blade.php	18.88 KB	-rw-r--r--
manageslider.blade.php	4.93 KB	-rw-r--r--
manifest.json	601 B	-rw-rw-rw-
modules_statuses.json	108 B	-rwxr-xr-x
moon.php	178.03 KB	-rw-r--r--
navigations.blade.php	2.29 KB	-rw-r--r--
package-lock.json	402.73 KB	-rwxr-xr-x
package.json	538 B	-rwxr-xr-x
packages.php	1.58 KB	-rwxr-xr-x
packages.php.1	1.58 KB	-rwxr-xr-x
packages.php.10	1.58 KB	-rwxr-xr-x
packages.php.11	1.58 KB	-rwxr-xr-x
packages.php.2	1.58 KB	-rwxr-xr-x
packages.php.3	1.58 KB	-rwxr-xr-x
packages.php.4	1.58 KB	-rwxr-xr-x
packages.php.5	1.58 KB	-rwxr-xr-x
packages.php.6	1.58 KB	-rwxr-xr-x
packages.php.7	1.58 KB	-rwxr-xr-x
packages.php.8	1.58 KB	-rwxr-xr-x
packages.php.9	1.58 KB	-rwxr-xr-x
pages.blade.php	3.34 KB	-rw-r--r--
phpunit.xml	1.17 KB	-rwxr-xr-x
portfolios.blade.php	3.69 KB	-rw-r--r--
priceboxs.blade.php	8.94 KB	-rw-r--r--
process.blade.php	10.1 KB	-rw-r--r--
pwd.php	123 B	-rw-r--r--
qc.zip	335.26 MB	-rw-r--r--
quotation.blade.php	3.6 KB	-rw-r--r--
routes-v7.php	227.38 KB	-rw-r--r--
routes-v7.php.1	312.69 KB	-rw-r--r--
routes-v7.php.2	372.71 KB	-rw-r--r--
routes-v7.php.3	327.98 KB	-rw-r--r--
routes-v7.php.4	345.37 KB	-rw-r--r--
script.sh	249 B	-rwxr-xr-x
sections.blade.php	3.1 KB	-rw-r--r--
seo.blade.php	3.12 KB	-rw-r--r--
server.php	563 B	-rwxr-xr-x
services.blade.php	5.02 KB	-rw-r--r--
services.php	20.07 KB	-rwxr-xr-x
services.php.1	20.07 KB	-rwxr-xr-x
services.php.10	20.07 KB	-rwxr-xr-x
services.php.11	20.07 KB	-rwxr-xr-x
services.php.2	20.07 KB	-rwxr-xr-x
services.php.3	20.07 KB	-rwxr-xr-x
services.php.4	20.07 KB	-rwxr-xr-x
services.php.5	20.07 KB	-rwxr-xr-x
services.php.6	20.07 KB	-rwxr-xr-x
services.php.7	20.07 KB	-rwxr-xr-x
services.php.8	20.07 KB	-rwxr-xr-x
services.php.9	20.07 KB	-rwxr-xr-x
slick.zip	3.42 MB	-rw-r--r--
sliders.blade.php	2.45 KB	-rw-r--r--
style.css	3.45 KB	-rw-rw-rw-
trn.php	723 B	-rw-r--r--
tron.zip	481 B	-rw-r--r--
updateblog.blade.php	3.88 KB	-rw-r--r--
updatepage.blade.php	3.85 KB	-rw-r--r--
updateportfolio.blade.php	4.99 KB	-rw-r--r--
updateservice.blade.php	4.53 KB	-rw-r--r--
uploadseo.blade.php	4.08 KB	-rw-r--r--
user	4.3 KB	-rw-r--r--
version.json	90 B	-rw-rw-rw-
videocategories.blade.php	7.16 KB	-rw-r--r--
videos.blade.php	8.78 KB	-rw-r--r--
vite-module-loader.js	1.59 KB	-rwxr-xr-x
webpack.mix.js	559 B	-rwxr-xr-x
wsd.php	38.94 KB	-rw-r--r--

Code Editor : createclient.blade.php

@extends('staff.layouts.master')

@section('content')

<div class="page-title">
              <div class="row">
                <div class="col-sm-6">
                  <h3>Clients</h3>
                </div>
                <div class="col-sm-6">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">                                       
                        <svg class="stroke-icon">
                          <use href="{{ asset('admin/assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                        </svg></a></li>
                    <li class="breadcrumb-item">Manage</li>
                    <li class="breadcrumb-item active">Clients</li>
                  </ol>
                </div>
              </div>
            </div>
            
            
            <div class="container-fluid">
            <div class="row">
              <div class="col-sm-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Add Client Details</h5>
                    </div>

<div class="card-body">
                        <form action="{{ route('staff.storeclient') }}" method="POST" class="p-3" enctype="multipart/form-data">
                            @csrf
                            <div class="row g-3">
                        
                                
                                <div class="col-12">
                                    <div class="card shadow-sm">
                                        <div class="card-header bg-primary text-white fw-bold">Client Information</div>
                                        <div class="card-body row g-3">
                                            <div class="col-md-6">
                                                <label class="form-label">Name</label>
                                                <input type="text" name="name" class="form-control" required>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">Date</label>
                                                <input type="date" name="date" class="form-control" required>
                                            </div>
                                            <div class="col-12">
                                                <label class="form-label">Address</label>
                                                <textarea name="address" class="form-control" rows="2"></textarea>
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-label">Mobile</label>
                                                <input type="text" name="mobile" class="form-control">
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-label">State</label>
                                                <select name="state" id="state" class="form-control">
                                                    <option value="">Select State</option>
                                                </select>
                                            </div>
                                            
                                            <div class="col-md-3">
                                                <label class="form-label">District</label>
                                                <select name="district" id="district" class="form-control">
                                                    <option value="">Select District</option>
                                                </select>
                                            </div>
                                            
                                            <div class="col-md-3">
                                                <label class="form-label">City</label>
                                                <input type="text" name="city" class="form-control">
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">Connection No</label>
                                                <input type="text" name="connection_no" class="form-control">
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">Capacity</label>
                                                <input type="text" name="capacity" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        
                                
                                        <div class="col-12">
                                            <div class="card shadow-sm">
                                                <div class="card-header bg-success text-white fw-bold">Work Details</div>
                                                <div class="card-body row g-3">
                                                    
                                                    
                                                    <div class="col-md-4">
                                                        <label class="form-label">Cash/Loan</label>
                                                        <select name="cash_loan" id="cashLoanSelect" class="form-select">
                                                            <option value="">--select--</option>
                                                            <option value="Cash">Cash</option>
                                                            <option value="Loan">Loan</option>
                                                        </select>
                                                    </div>
                                        
                                                    
                                                    <div class="col-md-4 common">
                                                        <label class="form-label">Quotation</label>
                                                        <input type="text" name="quotation" class="form-control">
                                                    </div>
                                                    <div class="col-md-4 common">
                                                        <label class="form-label">Client Invoice</label>
                                                        <input type="text" name="client_invoice" class="form-control">
                                                    </div>
                                        
                                                    
                                                    <div class="col-md-6 cash-only">
                                                        <label class="form-label">Cash One</label>
                                                        <input type="text" name="cash_one" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 cash-only">
                                                        <label class="form-label">Cash One Date</label>
                                                        <input type="date" name="cash_one_date" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 cash-only">
                                                        <label class="form-label">Cash Two</label>
                                                        <input type="text" name="cash_two" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 cash-only">
                                                        <label class="form-label">Cash Two Date</label>
                                                        <input type="date" name="cash_two_date" class="form-control">
                                                    </div>
                                                    <div class="col-md-4 cash-only">
                                                        <label class="form-label">Received</label>
                                                        <input type="text" name="recieved" class="form-control">
                                                    </div>
                                                    <div class="col-md-4 cash-only">
                                                        <label class="form-label">Pending</label>
                                                        <input type="text" name="pending" class="form-control">
                                                    </div>
                                        
                                                    
                                                    <div class="col-md-4 common">
                                                        <label class="form-label">Different</label>
                                                        <input type="text" name="different" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Bank Name</label>
                                                        <input type="text" name="bank_name" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Branch Name</label>
                                                        <input type="text" name="branch_name" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Invoice Sent to Bank</label>
                                                        <input type="text" name="invoice_sent_to_bank" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Margin</label>
                                                        <input type="text" name="margin" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Margin Date</label>
                                                        <input type="date" name="margin_date" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">First Disbursement</label>
                                                        <input type="text" name="first_disbursement" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">First Disbursement Date</label>
                                                        <input type="date" name="first_disbursement_date" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Second Disbursement</label>
                                                        <input type="text" name="second_disbursement" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Second Disbursement Date</label>
                                                        <input type="date" name="second_disbursement_date" class="form-control">
                                                    </div>
                                                    <div class="col-md-6 loan-only">
                                                        <label class="form-label">Total Received</label>
                                                        <input type="text" name="total_received" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-12">
                                    <div class="card shadow-sm">
                                        <div class="card-header bg-dark text-white fw-bold">UPCL</div>
                                        <div class="card-body">
                                            
                                            
                                            <div class="row">
                                                <div class="col-md-12"><label class="form-label">Note</label>
                                                        <textarea name="note" class="form-control" rows="3"></textarea>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="form-label">JIR Sent To Discom</label>
                                                        <input type="text" name="jir_sent_to_discom" class="form-control">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label class="form-label">JIR Date</label>
                                                        <input type="date" name="jir_date" class="form-control">
                                                    </div>
                                                    @foreach($upcldocuments as $upcldocument)
                                                        <div class="col-md-6">
                                                            <label class="form-label">{{ $upcldocument->name }} @if($upcldocument->required == 'yes') <span style="color:red;">*</span> @endif</label>
                                                            <input type="file" @if($upcldocument->required == 'yes') required @endif name="upcldocument[{{ $upcldocument->id }}]" class="form-control">
                                                            
                                                        </div>
                                                    @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-12">
                                    <div class="card shadow-sm">
                                        <div class="card-header bg-secondary text-white fw-bold">Upload All Documents</div>
                                        <div class="card-body row g-3">
                                            
                                            @foreach($documents as $document)
                                                <div class="col-md-6">
                                                    <label class="form-label">{{ $document->name }} @if($document->required == 'yes') <span style="color:red;">*</span> @endif</label>
                                                    <input type="file" @if($document->required == 'yes') required @endif name="documents[{{ $document->id }}]" class="form-control">
                                                    
                                                </div>
                                            @endforeach
                                
                                        </div>
                                    </div>
                                </div>

<div class="col-12 text-end mt-3">
                                    <button type="submit" class="btn btn-primary px-4">Save</button>
                                </div>
                            </div>
                        </form>

</div>
                </div>
              </div>
            </div>
          </div>
          
          @if(session('success'))
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    Swal.fire({
                        position: 'top-end',
                        icon: 'success',
                        title: "{{ session('success') }}",
                        width: '350px',  // Reduce alert width
                        showConfirmButton: false,
                        timer: 3000
                    });
                });
            </script>
            @endif
            
            
             
          <script>
           document.addEventListener("DOMContentLoaded", function() {
            let cashLoanSelect = document.getElementById("cashLoanSelect");
        
            function toggleFields() {
                let isLoan = cashLoanSelect.value === "Loan";
        
                document.querySelectorAll(".loan-only").forEach(el => {
                    el.style.display = isLoan ? "block" : "none";
                });
                document.querySelectorAll(".cash-only").forEach(el => {
                    el.style.display = isLoan ? "none" : "block";
                });
                // common fields (Quotation & Client Invoice) always visible
                document.querySelectorAll(".common").forEach(el => {
                    el.style.display = "block";
                });
            }
        
            toggleFields();
            cashLoanSelect.addEventListener("change", toggleFields);
        });
            </script>
          
          @if(session('success'))
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    Swal.fire({
                        position: 'top-end',
                        icon: 'success',
                        title: "{{ session('success') }}",
                        width: '350px',  // Reduce alert width
                        showConfirmButton: false,
                        timer: 3000
                    });
                });
            </script>
            @endif
            
            
           <script>
            document.addEventListener("DOMContentLoaded", function () {
                // Input fields
                let clientInvoice   = document.querySelector("input[name='client_invoice']");
                let quotation       = document.querySelector("input[name='quotation']");
                let different       = document.querySelector("input[name='different']");
                let cashOne         = document.querySelector("input[name='cash_one']");
                let cashTwo         = document.querySelector("input[name='cash_two']");
                let pending         = document.querySelector("input[name='pending']");
                let recieved        = document.querySelector("input[name='recieved']");
            
                let margin          = document.querySelector("input[name='margin']");
                let firstDisb       = document.querySelector("input[name='first_disbursement']");
                let secondDisb      = document.querySelector("input[name='second_disbursement']");
                let totalReceived   = document.querySelector("input[name='total_received']");
            
                function toNumber(val) {
                    return parseFloat(val) || 0;
                }
            
                function calculateValues() {
                    let invoice   = toNumber(clientInvoice.value);
                    let quote     = toNumber(quotation.value);
                    let c1        = toNumber(cashOne.value);
                    let c2        = toNumber(cashTwo.value);
                    let m         = toNumber(margin.value);
                    let f1        = toNumber(firstDisb.value);
                    let f2        = toNumber(secondDisb.value);
            
                    // Formulas
                    let rec = c1 + c2;
                    let pend = invoice - (c1 + c2);
                    let totalRec = invoice - (m + f1 + f2);
                    let diff = quote - invoice;
            
                    // Update fields
                    recieved.value = rec.toFixed(2);
                    pending.value = pend.toFixed(2);
                    totalReceived.value = totalRec.toFixed(2);
                    different.value = diff.toFixed(2);
                }
            
                // Trigger on input change
                [quotation, clientInvoice, cashOne, cashTwo, margin, firstDisb, secondDisb].forEach(input => {
                    input.addEventListener("input", calculateValues);
                });
            
                // Run on page load
                calculateValues();
            });
            </script>
            
            <script>
            fetch("{{ asset('states-districts.json') }}")
              .then(res => res.json())
              .then(data => {
                  const stateSelect = document.getElementById("state");
                  const districtSelect = document.getElementById("district");
            
                  // Populate states
                  data.states.forEach(item => {
                      let option = document.createElement("option");
                      option.value = item.state;
                      option.text = item.state;
                      stateSelect.add(option);
                  });
            
                  // When state changes, populate districts
                  stateSelect.addEventListener("change", function () {
                      districtSelect.innerHTML = '<option value="">Select District</option>';
                      
                      const selectedState = data.states.find(s => s.state === this.value);
                      if (selectedState) {
                          selectedState.districts.forEach(dist => {
                              let option = document.createElement("option");
                              option.value = dist;
                              option.text = dist;
                              districtSelect.add(option);
                          });
                      }
                  });
              });
            </script>

@endsection

${this.title}

Code Editor : createclient.blade.php