|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/leadai/leadai.co.in/storage/framework/views/ |
Upload File : |
<?php $__env->startSection('content'); ?>
<!-- begin::main content -->
<style>
/* Styles for tabs */
.tab {
display: inline-block;
padding: 12px 26px;
cursor: pointer;
background-color: #E6EAED;
margin-right: -4px; /* Remove spacing between tabs */
}
/* Style for highlighted tab */
.tab.active {
background-color: white;
}
/* Content area style */
.tab-content {
padding: 20px;
border-radius: 0 0 5px 5px;
display: none; /* Hide all content areas by default */
}
/* Show active content area */
.tab-content.active {
display: block;
}
.form-group {
margin-bottom: 1rem;
margin-bottom: 30px !important;
}
.form-group input, .form-group select{
height:42px;
padding-top:10px 25px !important;
}
.form-group label, .tab{
font-size:13px !important;
}
.company-save-btn{
position:fixed;
bottom:0;left:250px;
background-color:white;
border-top:1px solid #ccc;
}
@media only screen and (max-width: 768px) {
.company-save-btn{
position:fixed;
bottom:0;left:0px;
background-color:white;
border-top:1px solid #ccc;
}
}
</style>
<main class="main-content">
<div class="container">
<!-- begin::page header -->
<div class="page-header border-0">
<h3> <?php echo e(__('message.view')); ?> Member</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo e(asset('dashboard')); ?>"><?php echo e(__('message.dashboard')); ?></a></li>
<li class="breadcrumb-item" aria-current="page"><a href="<?php echo e(asset('users')); ?>">Team Member</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php echo e(__('message.add')); ?></li>
</ol>
</nav>
</div>
<!-- end::page header -->
<div class="row">
<div class="col-md-12">
<?php if (isset($component)) { $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\FlashMessage::class, []); ?>
<?php $component->withName('flashMessage'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74)): ?>
<?php $component = $__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74; ?>
<?php unset($__componentOriginal8a5ba9c90b64d384232e9948b1023e746ba08e74); ?>
<?php endif; ?>
<div class="card">
<div class="card-body py-0">
<form action="<?php echo e(asset('add-users')); ?>" method="post">
<div class="row">
<div class="col-md-6 py-3 pt-5">
<?php echo csrf_field(); ?>
<div class="form-group d-flex justify-content-between align-items-center ">
<label for="name" class="col-md-4"> <?php echo e(__('message.name')); ?></label>
<div class="col-md-8 px-0">
<input type="text" class="form-control" name="name" id="name" value="<?php echo e($users->name); ?>" readonly>
<?php if($errors->has('name')): ?>
<div class="error">
<?php echo e($errors->first('name')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="email" class="col-md-4"><?php echo e(__('message.email')); ?> </label>
<div class="col-md-8 px-0">
<input type="email" class="form-control" name="email" value="<?php echo e($users->email); ?>" readonly>
<?php if($errors->has('email')): ?>
<div class="error">
<?php echo e($errors->first('email')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="phone" class="col-md-4"><?php echo e(__('message.phone')); ?> </label>
<div class="col-md-8 px-0">
<input type="number" class="form-control " name="mobile" id="mobile" value="<?php echo e($users->mobile); ?>" readonly>
<?php if($errors->has('mobile')): ?>
<div class="error">
<?php echo e($errors->first('mobile')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="designation" class="col-md-4"><?php echo e(__('message.designation')); ?></label>
<div class="col-md-8 px-0">
<input type="text" class="form-control" name="designation" id="designation" value="<?php echo e($users->designation); ?>" readonly>
<?php if($errors->has('designation')): ?>
<div class="error">
<?php echo e($errors->first('designation')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="department" class="col-md-4"><?php echo e(__('message.department')); ?></label>
<div class="col-md-8 px-0">
<input type="text" class="form-control" name="department" id="department" value="<?php echo e($users->department); ?>" readonly>
<?php if($errors->has('department')): ?>
<div class="error">
<?php echo e($errors->first('department')); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<div class="col-md-6 border-left px-0">
<!-- Tabs -->
<div id="tabs" class="border-bottom">
<div class="tab active" onclick="openTab('tab1')">
<strong> <?php echo e(__('message.address')); ?></strong>
</div>
</div>
<!-- Tab content -->
<div class="tab-content active" id="tab1">
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_address" class="col-md-4"> <?php echo e(__('message.address')); ?></label>
<div class="col-md-8 px-0">
<input class="form-control" name="address" id="address" value="<?php echo e($users->address); ?>" readonly>
<?php if($errors->has('location_address')): ?>
<div class="error">
<?php echo e($errors->first('location_address')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex">
<label for="location_city" class="col-md-4"><?php echo e(__('message.city')); ?></label>
<div class="col-md-8 px-0">
<div class="d-flex flex-column p-0" style="position:relative;">
<input type="search" readonly class="form-control text-capitalize location_city" name="city" id="location_city" placeholder="Select City" value="<?php echo e($users->city); ?>" >
<div class="main-add-city-box bg-white border mb-2 d-none" style="width:100%;position:absolute;top:40px;z-index:50">
<div class="add-search-city-box d-none mb-2 px-2 pt-2"></div>
<div class="location_city_search_box d-none px-2 "></div>
</div>
</div>
<?php if($errors->has('city')): ?>
<div class="error">
<?php echo e($errors->first('city')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_country" class="col-md-4"><?php echo e(__('message.country')); ?></label>
<div class="col-md-8 px-0">
<select disabled class="form-control " name="country" id="location_country">
<option selected disabled>--Select--</option>
<?php $__currentLoopData = $country; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cnt): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($cnt->id); ?>" <?php echo e($users->country == $cnt->id ? 'selected' : ''); ?>><?php echo e($cnt->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
<?php if($errors->has('country')): ?>
<div class="error">
<?php echo e($errors->first('country')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_state" class="col-md-4"><?php echo e(__('message.state')); ?></label>
<div class="col-md-8 px-0">
<select class="form-control " disabled name="state" id="location_state">
<option><?php echo e($users->state_name ? $users->state_name->state_name : ''); ?></option>
</select>
<?php if($errors->has('state')): ?>
<div class="error">
<?php echo e($errors->first('state')); ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="pincode" class="col-md-4"><?php echo e(__('message.pincode')); ?></label>
<div class="col-md-8 px-0">
<input type="text" class="form-control" name="pincode" id="pincode" readonly value="<?php echo e($users->pincode); ?>" >
<?php if($errors->has('pincode')): ?>
<div class="error">
<?php echo e($errors->first('pincode')); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<div class="py-5" style="z-index:50;position:absolute" >
<div class="py-3 px-5 w-100 company-save-btn " >
<button type="submit" class="btn btn-success-lux"><i class="fa fa-check"></i>  <?php echo e(__('message.save')); ?></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- end::main content -->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('footer-script'); ?>
<!-- begin::select2 -->
<link rel="stylesheet" href="<?php echo e(asset('public/admin/vendors/select2/css/select2.min.css')); ?>" type="text/css">
<script src="<?php echo e(asset('public/admin/vendors/select2/js/select2.min.js')); ?>"></script>
<!-- end::select2 -->
<script>
$(document).ready(function() {
$('#js-example-basic-roles').select2({});
});
$("#billing_country").on("change",function(){
var company_id = $(this).val();
stateFetch(company_id,"billing_state");
});
$("#location_country").on("change",function(){
var company_id = $(this).val();
stateFetch(company_id,"location_state");
});
function stateFetch(company_id,appendState)
{
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
"id": company_id
},
url: "<?php echo e(asset('fetch-state')); ?>",
dataType: "html",
success: function(result)
{
$("#"+appendState).html("");
var allData = JSON.parse(result);
if(allData.message=="success")
{
var data = allData.data;
var i;
var dOption = "<option selected disabled>--Select--</option>";
$("#"+appendState).append(dOption);
for(i=0;i<data.length;i++)
{
var option = `<option value="${data[i].id}">
${data[i].state_name}
</option>
`;
$("#"+appendState).append(option);
}
}
else
{
console.log("failed");
}
},
error:function(xhr,error,status)
{
console.log(JSON.parse(xhr.responseText));
}
});
}
//location city code
$("#location_city").on("click",function(){
//var search = $(this).val();
$(".location_city_search_box").html("");
$(".main-add-city-box").removeClass("d-none");
$(".add-search-city-box").removeClass("d-none");
var typed_city = `
<input disabled type="search" class='form-control border search-city-val'
style='list-style:none;cursor:pointer'>`;
$(".add-search-city-box").html(typed_city);
$(".search-city-val").on('input',function(){
$(".location_city_search_box").removeClass("d-none");
var search = $(this).val();
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
"search": search
},
url: "<?php echo e(asset('search-city')); ?>",
dataType: "html",
success: function(result)
{
$(".location_city_search_box").html("");
var allData = JSON.parse(result);
if(allData.message=="success")
{
//$(".location_city_search_box").removeClass('d-none');
var data = allData.data;
console.log(data);
var i;
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".location_city_search_box").append(new_li);
for(i=0;i<data.length;i++)
{
var li = `<li class='text-capitalize rounded city_name_li bg-dark text-white p-2 mb-2' city='${data[i].city_name}' style='list-style:none;cursor:pointer'>
${data[i].city_name}</li>`;
$(".location_city_search_box").append(li);
}
$(".city_name_li").click(function(){
var city = $(this).attr('city');
console.log(city);
$("#location_city").val(city);
$(".location_city_search_box").addClass('d-none');
$(".main-add-city-box").addClass("d-none");
$(".add-search-city-box").addClass("d-none");
});
}
else
{
console.log("failed");
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".location_city_search_box").append(new_li);
}
$(".new_city_add_btn").click(function(){
var city = $(this).attr('addcity');
var loc_city = $("#location_city").val(city);
// alert(loc_city);
//var city_name = $("#b_city_name").val();
addCity(city,"main-add-city-box","location_city");
});
},
error:function(xhr,error,status)
{
console.log(JSON.parse(xhr.responseText));
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".location_city_search_box").append(new_li);
}
});
});
});
//city code
$("#billing_city").on("click",function(){
//var search = $(this).val();
$(".billing_city_search_box").html("");
$(".billing-main-add-city-box").removeClass("d-none");
$(".billing-add-search-city-box").removeClass("d-none");
var typed_city = `
<input disabled type="search" class='form-control border search-city-val'
style='list-style:none;cursor:pointer'>`;
$(".billing-add-search-city-box").html(typed_city);
$(".search-city-val").on('input',function(){
$(".billing_city_search_box").removeClass("d-none");
var search = $(this).val();
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
"search": search
},
url: "<?php echo e(asset('search-city')); ?>",
dataType: "html",
success: function(result)
{
$(".billing_city_search_box").html("");
var allData = JSON.parse(result);
if(allData.message=="success")
{
//$(".location_city_search_box").removeClass('d-none');
var data = allData.data;
console.log(data);
var i;
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".billing_city_search_box").append(new_li);
for(i=0;i<data.length;i++)
{
var li = `<li class='text-capitalize rounded city_name_li bg-dark text-white p-2 mb-2' city='${data[i].city_name}' style='list-style:none;cursor:pointer'>
${data[i].city_name}</li>`;
$(".billing_city_search_box").append(li);
}
$(".city_name_li").click(function(){
var city = $(this).attr('city');
console.log(city);
$("#billing_city").val(city);
$(".billing_city_search_box").addClass('d-none');
$(".billing-main-add-city-box").addClass("d-none");
$(".billing-add-search-city-box").addClass("d-none");
});
}
else
{
console.log("failed");
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".billing_city_search_box").append(new_li);
}
$(".new_city_add_btn").click(function(){
var city = $(this).attr('addcity');
var loc_city = $("#billing_city").val(city);
// alert(loc_city);
//var city_name = $("#b_city_name").val();
addCity(city,"billing-main-add-city-box","billing_city");
});
},
error:function(xhr,error,status)
{
console.log(JSON.parse(xhr.responseText));
var new_li = `<li class='text-capitalize rounded new_city_add_btn bg-dark text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer'>
Add  "${search}"...</li>`;
$(".location_city_search_box").append(new_li);
}
});
});
});
$(".location-add-city-btn").click(function(){
if($(".location-add-city-box").hasClass("d-none"))
{
$(".location-add-city-box").removeClass("d-none");
$(".location-add-city-box").removeClass("animate__animated animate__fadeOut");
$(".location-add-city-box").addClass("animate__animated animate__bounceInRight");
$(".location-add-city-box i").removeClass("fa-plus");
$(".location-add-city-box i").addClass("fa-minus");
}
else
{
$(".location-add-city-box").removeClass("animate__animated animate__bounceInRight")
$(".location-add-city-box").addClass("animate__animated animate__fadeOut");
$(".location-add-city-box").addClass("d-none");
$(".location-add-city-box i").removeClass("fa-minus");
$(".location-add-city-box i").addClass("fa-plus");
}
});
$(".l-city-form-btn").click(function(){
var city_name = $("#l_city_name").val();
addCity(city_name,"location-add-city-box","location_city");
});
function addCity(city_name,cityformBox,city_input)
{
$.ajax({
type: "post",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
"city_name": city_name
},
url: "<?php echo e(asset('add-city')); ?>",
dataType: "html",
success: function(result)
{
console.log(result);
var allData = JSON.parse(result);
if(allData.message=="success")
{
$("."+cityformBox).addClass("d-none");
$("."+city_input).val(allData.data);
}
else
{
//console.log("failed");
}
},
error:function(xhr,error,status)
{
console.log(JSON.parse(xhr.responseText));
}
});
}
function openTab(tabId) {
// Get all tabs and hide them
var tabs = document.querySelectorAll('.tab-content');
tabs.forEach(function(tab) {
tab.classList.remove('active');
});
// Remove active class from all tabs
var tabButtons = document.querySelectorAll('.tab');
tabButtons.forEach(function(button) {
button.classList.remove('active');
});
// Show the clicked tab and add active class
document.getElementById(tabId).classList.add('active');
document.querySelector('[onclick="openTab(\'' + tabId + '\')"]').classList.add('active');
}
$(".billing-btn-toggle").click(function(){
if($(".billing-address-main").hasClass('d-none'))
{
$(".billing-address-main").removeClass("d-none");
}
else
{
$(".billing-address-main").addClass("d-none");
}
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/leadai/leadai.co.in/resources/views/users/view.blade.php ENDPATH**/ ?>