File: /var/www/html/fieldsblaze-heroku/resources/views/admin/add-account.blade.php
@extends('admin.include.master')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Add Account</h1>
</div>
<div class="col-sm-6 text-right">
<a href="{{ url('all-account') }}" type="button" class="btn btn-sm btn-outline-warning mx-1">Cancel</a>
<button type ="reset" name="resetForm" id="clearForm" class="btn btn-sm btn-outline-secondary mx-1">Clear</button>
<button type="submit" name="save" value="Save" class="btn btn-sm btn-outline-success mx-1">Save Now</button>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-6">
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Account Info</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="FirstName">Account Number</label>
<input type="text" id="accountNumber" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="LastName">Account Source</label>
<input type="text" id="accountSource" class="form-control form-control-sm">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="department">Channel Program Level</label>
<input type="text" id="channelProgramLevelName" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="channelProgramName">Program Name</label>
<input type="text" id="channelProgramName" class="form-control form-control-sm">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="annualRevenue">Annual Revenue</label>
<input type="text" id="annualRevenue" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="customerPriority">Customer Priority</label>
<input type="text" id="customerPriority" class="form-control form-control-sm">
</div>
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0"for="salesArea">Service Sales Area</label>
<input type="text" id="salesArea" class="form-control form-control-sm">
</div>
<div class="form-group mb-2">
<label class="mb-0"for="inputDescription">Description</label>
<textarea id="inputDescription" class="form-control form-control-sm" rows="4"></textarea>
</div>
<div class="form-group mb-2">
<label class="mb-0"for="inputStatus">Status</label>
<select id="inputStatus" class="form-control form-control-sm">
<option selected disabled>Select one</option>
<option>Active</option>
<option>In-Active</option>
</select>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="col-md-6">
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Billing Address</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="form-group mb-2">
<label class="mb-0"for="billingStreetAddress">Street Address</label>
<input type="text" id="billingStreetAddress" class="form-control form-control-sm billing-address">
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">City</label>
<select id="billingCity" class="form-control form-control-sm billing-address" style="width: 100%;" aria-hidden="true">
<option selected="selected" disabled>Select City</option>
<option data-select2-id="30">City 1</option>
<option data-select2-id="31">City 2</option>
<option data-select2-id="32">City 3</option>
<option data-select2-id="33">City 4</option>
<option data-select2-id="34">City 5</option>
<option data-select2-id="35">City 6</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">State</label>
<select id="billingState" class="form-control form-control-sm billing-address" style="width: 100%;">
<option selected="selected" disabled>Select State</option>
<option data-select2-id="30">State 1</option>
<option data-select2-id="31">State 2</option>
<option data-select2-id="32">State 3</option>
<option data-select2-id="33">State 4</option>
<option data-select2-id="34">State 5</option>
<option data-select2-id="35">State 6</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">Country</label>
<select id="billingCountry" class="form-control form-control-sm billing-address" style="width: 100%;" aria-hidden="true">
<option selected="selected" disabled>Select Country</option>
<option data-select2-id="30">Country 1</option>
<option data-select2-id="31">Country 2</option>
<option data-select2-id="32">Country 3</option>
<option data-select2-id="33">Country 4</option>
<option data-select2-id="34">Country 5</option>
<option data-select2-id="35">Country 6</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="billingPostalCode">Postal Code</label>
<input type="text" id="billingPostalCode" class="form-control form-control-sm billing-address">
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<div class="card card-info">
<div class="card-header">
<h3 class="card-title">Shipping Address</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="form-group mb-2">
<div class="icheck-primary d-inline">
<input type="checkbox" id="sameAsBilling">
<label class="mb-0"for="sameAsBilling">Same as Billing</label>
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0"for="shippingStreetAddress">Street Address</label>
<input type="text" id="shippingStreetAddress" class="form-control form-control-sm">
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">City</label>
<select id="shippingCity" class="form-control form-control-sm" style="width: 100%;" aria-hidden="true">
<option selected="selected" disabled>Select City</option>
<option data-select2-id="30">City 1</option>
<option data-select2-id="31">City 2</option>
<option data-select2-id="32">City 3</option>
<option data-select2-id="33">City 4</option>
<option data-select2-id="34">City 5</option>
<option data-select2-id="35">City 6</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">State</label>
<select id="shippingState" class="form-control form-control-sm" style="width: 100%;">
<option selected="selected" disabled>Select State</option>
<option data-select2-id="30">State 1</option>
<option data-select2-id="31">State 2</option>
<option data-select2-id="32">State 3</option>
<option data-select2-id="33">State 4</option>
<option data-select2-id="34">State 5</option>
<option data-select2-id="35">State 6</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">Country</label>
<select id="shippingCountry" class="form-control form-control-sm" style="width: 100%;" aria-hidden="true">
<option selected="selected" disabled>Select Country</option>
<option data-select2-id="30">Country 1</option>
<option data-select2-id="31">Country 2</option>
<option data-select2-id="32">Country 3</option>
<option data-select2-id="33">Country 4</option>
<option data-select2-id="34">Country 5</option>
<option data-select2-id="35">Country 6</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0"for="shippingPostalCode">Postal Code</label>
<input type="text" id="shippingPostalCode" class="form-control form-control-sm">
</div>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-right">
<div class="">
<a href="{{ url('all-account') }}" type="button" class="btn btn-sm btn-outline-warning mx-1">Cancel</a>
<button type ="reset" name="resetForm" id="clearForm" class="btn btn-sm btn-outline-secondary mx-1">Clear</button>
<button type="submit" name="save" value="Save" class="btn btn-sm btn-outline-success mx-1">Save Now</button>
</div>
</div>
</div>
</section><br />
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script type="text/javascript">
$(document).ready(function() {
stateLoad();
function stateLoad()
{
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url : "<?php echo url('/').'/state-list'; ?>",
type :"POST",
cash : false,
data: {'country_id': 101, "_token": $('#token').val()},
type: 'POST',
success: function (response) {
$("#billingState").html(response);
},
error: function (response) {
console.log(response);
}
});
}
$("#billingCountry").change(function() {
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url : "<?php echo url('/').'/state-list'; ?>",
type :"POST",
cash : false,
data: {'country_id': country_id, "_token": $('#token').val()},
type: 'POST',
success: function (response) {
$("#billingState").html(response);
},
error: function (response) {
console.log(response);
}
});
});
$("#shippingCountry").change(function() {
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url : "<?php echo url('/').'/state-list'; ?>",
type :"POST",
cash : false,
data: {'country_id': country_id, "_token": $('#token').val()},
type: 'POST',
success: function (response) {
$("#shippingState").html(response);
},
error: function (response) {
console.log(response);
}
});
});
shippingstateLoad();
function shippingstateLoad()
{
var country_name = $(this).find("option:selected").val();
var country_id = $(this).find(':selected').data('id');
$.ajax({
url : "<?php echo url('/').'/state-list'; ?>",
type :"POST",
cash : false,
data: {'country_id': 101, "_token": $('#token').val()},
type: 'POST',
success: function (response) {
$("#shippingState").html(response);
},
error: function (response) {
console.log(response);
}
});
}
});
</script>
@endsection