|
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/resources/views/organization/ |
Upload File : |
@extends('layout')
@section('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;
}
.inner-border{
border:-2px solid #ddd !important;
}
@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 px-0">
<div class="container">
<!-- begin::page header -->
<div class="page-header m-0 border-0">
<h3> {{__('message.edit')}} {{__('message.organization')}}</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ asset('dashboard') }}">{{__('message.dashboard')}}</a></li>
<li class="breadcrumb-item" aria-current="page"><a href="{{ asset('organizations') }}">{{__('message.organization')}}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{__('message.edit')}}</li>
</ol>
</nav>
</div>
<!-- end::page header -->
<div class="row py-5">
<div class="col-md-12">
<x-flashMessage />
<div class="card border-0">
<div class="card-body py-0 border">
<form action="{{ asset('edit-organization') }}" method="post">
<div class="row">
<div class="col-md-6 py-3 pt-5">
@csrf
<input type="hidden" name="org_id" value="{{$organization->id}}">
<div class="form-group d-flex justify-content-between align-items-center ">
<label for="name" class="col-md-4">{{__('message.organization')}} {{__('message.name')}}</label>
<div class="col-md-8 px-0">
<input disabled type="text" class="form-control" name="name" id="name" value="{{$organization->name}}">
@if ($errors->has('name'))
<div class="error">
{{ $errors->first('name') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="email" class="col-md-4">{{__('message.email')}} </label>
<div class="col-md-8 px-0">
<input disabled type="email" class="form-control" name="email" value="{{$organization->email}}">
@if ($errors->has('email'))
<div class="error">
{{ $errors->first('email') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="phone" class="col-md-4">{{__('message.phone')}} </label>
<div class="col-md-8 px-0">
<input disabled type="number" class="form-control " name="phone" id="phone" value="{{$organization->phone}}">
@if ($errors->has('phone'))
<div class="error">
{{ $errors->first('phone') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="website" class="col-md-4">{{__('message.website')}} </label>
<div class="col-md-8 px-0">
<input disabled type="website" class="form-control" name="website" value="{{$organization->website}}">
@if ($errors->has('website'))
<div class="error">
{{ $errors->first('website') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="gst" class="col-md-4">{{__('message.gst')}} </label>
<div class="col-md-8 px-0">
<input disabled type="text" class="form-control" name="gstin" value="{{$organization->gstin}}">
@if ($errors->has('gstin'))
<div class="error">
{{ $errors->first('gstin') }}
</div>
@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> {{__('message.address')}}</strong>
</div>
<div class="tab " onclick="openTab('tab2')">
<strong> {{__('message.contact')}}</strong>
</div>
<div class="tab " onclick="openTab('tab3')">
<strong> {{__('message.other')}}</strong>
</div>
</div>
<!-- Tab content -->
<div class="tab-content active animate__animated animate__fadeIn" id="tab1">
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_address" class="col-md-4"> {{__('message.address')}}</label>
<div class="col-md-8 px-0">
<input disabled type="text" class="form-control" name="address" id="address" value="{{$organization->address}}">
@if ($errors->has('location_address'))
<div class="error">
{{ $errors->first('location_address') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex">
<label for="location_city" class="col-md-4">{{__('message.city')}}</label>
<div class="col-md-8 px-0">
<div class="d-flex flex-column p-0" style="position:relative;">
<input disabled type="search" readonly class="form-control text-capitalize location_city" name="city" id="location_city" placeholder="Select City" value="{{$organization->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>
@if ($errors->has('city'))
<div class="error">
{{ $errors->first('city') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_country" class="col-md-4">{{__('message.country')}}</label>
<div class="col-md-8 px-0">
<select disabled class="form-control " name="country" id="location_country">
<option selected >--Select--</option>
@foreach($country as $cnt)
<option value="{{$cnt->id}}" {{$organization->country==$cnt->id ? 'selected' : ''}}>{{$cnt->name}}</option>
@endforeach
</select>
@if ($errors->has('country'))
<div class="error">
{{ $errors->first('country') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="location_state" class="col-md-4">{{__('message.state')}}</label>
<div class="col-md-8 px-0">
<select disabled class="form-control " name="state" id="location_state">
<option>{{$organization->state_name ? $organization->state_name->state_name : $organization->state}}</option>
</select>
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="zip" class="col-md-4">{{__('message.zip')}}</label>
<div class="col-md-8 px-0">
<input disabled type="text" class="form-control" name="zip" id="zip" value="{{$organization->zip}}">
@if ($errors->has('zip'))
<div class="error">
{{ $errors->first('zip') }}
</div>
@endif
</div>
</div>
</div>
<div class="tab-content animate__animated animate__fadeIn" id="tab2">
@if(isset($organization->contact_name))
@php
$name = json_decode($organization->contact_name);
$phone = json_decode($organization->contact_phone);
$email = json_decode($organization->contact_email);
$designation = json_decode($organization->designation);
$combined = [];
foreach($name as $key => $n) {
$combined[] = [
'name' => $n,
'phone' => $phone ? $phone[$key] :'',
'email' => $email ? $email[$key] :'',
'designation'=>$designation ? $designation[$key] : null
];
}
//print_r($phone[0]);
@endphp
<div>
@foreach($combined as $key=>$value)
<strong class="pb-2 mb-1 text-primary border-bottom">Contact : {{++$key}} </strong>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_name" class="col-md-4">{{__('message.contact')}} {{__('message.name')}}</label>
<div class="col-md-8 px-0">
<input disabled type="text" value="{{$value['name']}}" class="form-control" name="contact_name[]" id="contact_name">
@if ($errors->has('contact_name'))
<div class="error">
{{ $errors->first('contact_name') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_email" class="col-md-4">{{__('message.contact')}} {{__('message.email')}}</label>
<div class="col-md-8 px-0">
<input disabled type="email" value="{{$value['email']}}" class="form-control" name="contact_email[]" id="contact_email">
@if ($errors->has('contact_email'))
<div class="error">
{{ $errors->first('contact_email') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_phone" class="col-md-4">{{__('message.contact')}} {{__('message.phone')}}</label>
<div class="col-md-8 px-0">
<input disabled class="form-control" value="{{$value['phone']}}" name="contact_phone[]" id="contact_phone">
@if ($errors->has('contact_phone'))
<div class="error">
{{ $errors->first('contact_phone') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="designation" class="col-md-4">{{__('message.designation')}} </label>
<div class="col-md-8 px-0">
<input disabled class="form-control" value="{{$value['designation']}}" name="designation[]" id="contact_phone">
@if ($errors->has('designation'))
<div class="error">
{{ $errors->first('designation') }}
</div>
@endif
</div>
</div>
@endforeach
</div>
@endif
<div class="add-contact-box">
</div>
<div class="d-flex justify-content-end">
<button type="button" disabled class="btn btn-outline-primary btn-sm add-contact-btn ">
<i class="fa fa-plus"> Contact</i>
</button>
</div>
</div>
<div class="tab-content animate__animated animate__fadeIn" id="tab3">
<div class="form-group d-flex justify-content-between align-items-center">
<label for="note" class="col-md-4"> {{__('message.notes')}}</label>
<div class="col-md-8 px-0">
<textarea rows="3" disabled cols="50" name="note" id="note">{{$organization ? $organization->note : ''}}</textarea>
@if ($errors->has('note'))
<div class="error">
{{ $errors->first('note') }}
</div>
@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 disabled type="submit" class="btn btn-success-lux"><i class="fa fa-check"></i>  {{__('message.save')}}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- end::main content -->
@endsection
@push('footer-script')
<!-- begin::select2 -->
<link rel="stylesheet" href="{{ asset('public/admin/vendors/select2/css/select2.min.css') }}" type="text/css">
<script src="{{ asset('public/admin/vendors/select2/js/select2.min.js') }}"></script>
<!-- end::select2 -->
<script>
$(document).ready(function() {
$('#js-example-basic-roles').select2({});
var count = 1;
$(".add-contact-btn").click(function(){
if(count<6)
{
var contact_box = `<div>
<strong class="pb-2 mb-1 text-primary border-bottom mr-2">Contact : ${count} </strong><button class="btn btn-outline-danger btn-sm contact-delete-btn" data-toggle="tooltip" title="Delete Contact" ><i class="fa fa-trash"></i></button>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_name" class="col-md-4">{{__('message.contact')}} {{__('message.name')}}</label>
<div class="col-md-8 px-0">
<input type="text" class="form-control" name="contact_name[]" id="contact_name" disabled>
@if ($errors->has('contact_name'))
<div class="error">
{{ $errors->first('contact_name') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_email" class="col-md-4">{{__('message.contact')}} {{__('message.email')}}</label>
<div class="col-md-8 px-0">
<input type="email" class="form-control" name="contact_email[]" id="contact_email">
@if ($errors->has('contact_email'))
<div class="error">
{{ $errors->first('contact_email') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="contact_phone" class="col-md-4">{{__('message.contact')}} {{__('message.phone')}}</label>
<div class="col-md-8 px-0">
<input class="form-control" name="contact_phone[]" id="contact_phone">
@if ($errors->has('contact_phone'))
<div class="error">
{{ $errors->first('contact_phone') }}
</div>
@endif
</div>
</div>
<div class="form-group d-flex justify-content-between align-items-center">
<label for="designation" class="col-md-4">{{__('message.designation')}} </label>
<div class="col-md-8 px-0">
<input class="form-control" name="designation[]" id="contact_phone">
@if ($errors->has('designation'))
<div class="error">
{{ $errors->first('designation') }}
</div>
@endif
</div>
</div>
</div>
`;
if ($(".add-contact-box").append(contact_box))
{
count++;
}
$(".contact-delete-btn").click(function(){
$(this).parent().remove();
count--;
});
}
else
{
alert("You Can Add 5 Contacts !");
}
});
});
$("#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: "{{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 >--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("");
if($(".main-add-city-box").hasClass("d-none"))
{
$(".main-add-city-box").removeClass("d-none");
$(".add-search-city-box").removeClass("d-none");
var typed_city = `
<input type="search" class='form-control border px-2 search-city-val'
style='list-style:none;cursor:pointer;'>`;
$(".add-search-city-box").html(typed_city);
$(".search-city-val").focus();
$(".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: "{{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 text-white p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer;background:grey'>
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;background:grey'>
${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);
}
});
});
}
else
{
$(".main-add-city-box").addClass("d-none");
}
});
//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 type="search" class='form-control innder-border border search-city-val'
style='list-style:none;cursor:pointer'>`;
$(".billing-add-search-city-box").html(typed_city);
$(".search-city-val").focus();
$(".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: "{{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 p-2 mb-2' addcity="${search}" style='list-style:none;cursor:pointer;background:#ddd'>
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 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").on('mouseover',function(){
$(this).css({'background':'#ddd','color':'white'});
});
$(".city_name_li").on('mouseleave', function(){
// Reset background and text color when mouse leaves
$(this).css({'background':'','color':''});
});
$(".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: "{{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>
@endpush