<!

-- add modal start -->

<form action="" method="POST" id="new-vend-form" enctype="multipart/form-data">
<div class="modal fade" id="add-vend-modal" tabindex="-1" aria-labelledby="add-
vend-modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">New Vendor</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-
label="Close"></button>
</div>
<div class="modal-body">

<div class="form-group">
<label for="name" class="col-form-label">Vendor <div
id="resultMessagee" class="text-end"></div>
</label>
<input type="text" class="form-control" name="vend_name"
id="vend_name">
</div>

<div class="form-group">
<label for="name" class="col-form-label">Vendor Address</label>
<textarea class="form-control" name="vend_add" id="vend_add"
row="3"></textarea>
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Pin Code</label>
<input type="text" class="form-control" name="pin_code"
id="pin_code">
</div>

<div class="col-md-6">
<label for="name" class="col-form-label">Vendor City</label>
<input type="text" class="form-control" name="vend_city"
id="vend_city">
</div>
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Vendor Country</label>
<select class="form-select" id="vend_country" name="vend_country"
required>
<option value="" disabled>Select a Country</option>
<?php foreach (COUNTRIES as $country): ?>
<option value="<?= $country ?>">
<?= $country ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div class="col-md-6">
<label for="name" class="col-form-label">Vendor Currency</label>
<select class="form-select" id="vend_currency" name="vend_currency"
required>
<option value="" disabled>Select a Currency</option>
 <?php foreach (CURRENCY as $code): ?>
<option value="<?= $code ?>">
<?= $code ?>
</option>
<?php endforeach; ?>
</select>
</div>
</div>

<div class="col-md-12" id="state-row" style="display: none;">

<label for="validationCustom02" class="form-label">State</label>
<select class="form-select" id="vend_state" name="vend_state">
<select class="form-select" id="vend_state" name="vend_state">
<option value="" selected disabled>Select a State</option>
<?php foreach (STATES as $state): ?>
<option value="<?= $state ?>">
<?= $state ?>
</option>
<?php endforeach; ?>
</select>
<div class="valid-feedback">
Looks good!
</div>
</div>

<div class="form-group">
<label for="name" class="col-form-label">Contact Person</label>
<input type="text" class="form-control" name="contact_person"
id="contact_person">
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Contact Number</label>
<input type="text" class="form-control" name="contact_number"
id="contact_number">
</div>
<div class="col-md-6">
<label for="name" class="col-form-label">Contact Email</label>
<input type="text" class="form-control" name="contact_email"
id="contact_email">
</div>
</div>

<div class="form-group">
<label for="name" class="col-form-label">Gst</label>
<input type="text" class="form-control" name="gst" id="gst">
</div>

</div>

<div class="modal-footer">
<input type="submit" id="submit" name="submit" class="btn btn-primary"
value="Add" />
<button type="button" class="btn btn-secondary" data-bs-
dismiss="modal">Close</button>
</div>
</div>
 </div>
</div>
</form>
<!-- add modal end -->

<!-- update cust modal start -->

<form action="" method="POST" id="update-vend_name-form" enctype="multipart/form-
data">
<div class="modal fade" id="update-vend-modal" tabindex="-1" aria-
labelledby="update-vend-modal-label"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Update Vendor</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-
label="Close"></button>
</div>
<div class="modal-body">

<div class="form-group">
<label for="name" class="col-form-label">Vendor <div
id="resultMessagee" class="text-end"></div>
</label>
<input type="hidden" name="update_vend_id" id="update_vend_id" />
<input type="text" class="form-control" name="update_vend_name"
id="update_vend_name">
</div>

<div class="form-group">
<label for="name" class="col-form-label">Vendor Address</label>
<textarea class="form-control" name="update_vend_add"
id="update_vend_add" row="3"></textarea>
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Pin Code</label>
<input type="text" class="form-control" name="update_pin_code"
id="update_pin_code">
</div>

<div class="col-md-6">
<label for="name" class="col-form-label">Vendor City</label>
<input type="text" class="form-control" name="update_vend_city"
id="update_vend_city">
 </div>
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Vendor Country</label>
<select class="form-select" id="update_vend_country"
name="update_vend_country" required>
<option value="" disabled>Select a Country</option>
<?php foreach (COUNTRIES as $country): ?>
<option value="<?= $country ?>">
<?= $country ?>
</option>
<?php endforeach; ?>
</select>
</div>
<div class="col-md-6">
<label for="name" class="col-form-label">Vendor Currency</label>
<select class="form-select" id="update_vend_currency"
name="update_vend_currency" required>
<option value="" disabled>Select a Currency</option>
<?php foreach (CURRENCY as $code): ?>
<option value="<?= $code ?>">
<?= $code ?>
</option>
<?php endforeach; ?>
</select>
</div>
</div>

<div class="form-group">
<label for="name" class="col-form-label">Contact Person</label>
<input type="text" class="form-control" name="update_contact_person"
id="update_contact_person">
</div>

<div class="row">
<div class="col-md-6">
<label for="name" class="col-form-label">Contact Number</label>
<input type="text" class="form-control"
name="update_contact_number" id="update_contact_number">
</div>
<div class="col-md-6">
<label for="name" class="col-form-label">Contact Email</label>
<input type="text" class="form-control" name="update_contact_email"
id="update_contact_email">
</div>
</div>

<div class="form-group">
<label for="name" class="col-form-label">Gst</label>
<input type="text" class="form-control" name="update_gst"
id="update_gst">
</div>

</div>
 <div class="modal-footer">
<input type="submit" id="update_submit" name="update_submit" class="btn
btn-primary" value="Update" />
<button type="button" class="btn btn-danger" id="edit-comp-delete"
onclick="deleteVend()"
tabindex="-2">Delete</button>
<button type="button" class="btn btn-secondary" data-bs-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
<!-- update cust modal end -->