@extends('admin::layouts.master')
@section('pagetitle','Manage Client')

@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
        <div class="card">
            <form class="form" action="/client/clientfrm" id="kt_add_client_form" method="post">
                @csrf
                <!-- Client Details Section -->
                <div class="w-100 p-10">
                    <!--begin::Heading-->
                    <div class="pb-5 pb-lg-10">
                        <h2 class="fw-bolder d-flex align-items-center text-dark">
                            Setup Basic Client Details
                            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Account Information About Client"></i>
                        </h2>
                    </div>
                    <!-- Client Name and Mobile Numbers -->
                    <div class="fv-row">
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="name">Client Name</label>
                                <input type="text" class="form-control" name="name" id="name" placeholder="Client Name" value="" required />
                            </div>
                            <div class="col-lg-3">
                                <label class="required fs-5 fw-bold mb-2" for="mobile_no1">Mobile Number 1</label>
                                <input type="number" class="form-control" name="mobile_no1" id="mobile_no1" placeholder="Mobile No 1" value="" required />
                            </div>
                            <div class="col-lg-3">
                                <label class="fs-5 fw-bold mb-2" for="mobile_no2">Mobile Number 2</label>
                                <input type="number" class="form-control" name="mobile_no2" id="mobile_no2" placeholder="Mobile No 2" value="" />
                            </div>
                        </div>
                    </div>

                    <!-- Contact Person -->
                    <div class="fv-row">
                        <div class="row mb-7">
                            <div class="col-lg-12">
                                <label class="fs-5 fw-bold mb-2">Contact Person</label>
                                <div class="row mb-5">
                                    <div class="col-2">
                                        <select name="card_expiry_month" class="form-select" data-control="select2" data-hide-search="true">
                                            <option>Mr</option>
                                            <option>Ms</option>
                                            <option>Mrs</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 fv-row">
                                        <input type="text" class="form-control" placeholder="First Name" name="first-name" />
                                    </div>
                                    <div class="col-md-5 fv-row">
                                        <input type="text" class="form-control" placeholder="Last Name" name="last-name" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- GST and Email -->
                    <div class="fv-row">
                        <div class="row mb-7 align-items-center">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="gst_no">GST No</label>
                                <input type="text" class="form-control" name="gst_no" id="gst_no" placeholder="GST No" value="" required />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="client_email">Email ID</label>
                                <input type="email" class="form-control" name="client_email" id="client_email" placeholder="Email ID" value="" required />
                            </div>
                        </div>
                    </div>

                    <!-- GST Reg Date and Website -->
                    <div class="fv-row">
                        <div class="row mb-7 align-items-center">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="gstreg_date">GST Reg Date</label>
                                <input type="text" class="form-control" name="gstreg_date" id="gstreg_date" placeholder="GST Reg Date" value="" required />
                            </div>

                            <div class="col-lg-6">
                                <label class="fs-5 fw-bold mb-2" for="client_web">Website</label>
                                <input type="text" class="form-control" name="client_web" id="client_web" placeholder="" value="" />
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Billing Address Section -->
                <div class="w-100 p-10">
                    <div class="py-5"> <!-- Reduced padding here -->
                        <h2 class="fw-bolder text-dark">Billing Address</h2>
                    </div>
                    <div class="fv-row">
                        <!-- Address Line 1 and 2 -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="address_line1">Address Line 1</label>
                                <input type="text" class="form-control" name="address_line1" id="address_line1" value="" placeholder="Address Line 1" />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="address_line2">Address Line 2</label>
                                <input type="text" class="form-control" name="address_line2" id="address_line2" value="" placeholder="Address Line 2" />
                            </div>
                        </div>

                        <!-- City and State -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="ct_city">City</label>
                                <input type="text" class="form-control" name="ct_city" id="ct_city" value="" placeholder="Enter City" />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="ct_state">State</label>
                                <input type="text" class="form-control" name="ct_state" id="ct_state" value="" placeholder="Enter State" />
                            </div>
                        </div>

                        <!-- Country and Pincode -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="ct_country">Country</label>
                                <input type="text" class="form-control" name="ct_country" id="ct_country" value="" placeholder="Enter Country" />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="ct_pin">Pincode</label>
                                <input type="text" class="form-control" name="ct_pin" id="ct_pin" value="" placeholder="Enter Pincode" />
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Submit and Reset Buttons -->
                <div class="d-flex justify-content-center py-10">
                    <button type="submit" class="btn btn-primary me-5">Submit</button>
                    <button type="reset" class="btn btn-secondary">Reset</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{asset('js/admin/packages/addedit.js')}}"></script>
@endsection