CasperSecurity
<div>
<div class="row">
<div class="lg:w-3/4 w-full">
<div class="card z-auto">
<div class="card-header flex flex-wrap justify-between items-center sm:p-5 sm:pt-6 p-4 pt-5 max-sm:pb-5 relative border-b border-[#E6E6E6] dark:border-[#444444]">
<h4 class="card-title capitalize">Organisation Details</h4>
</div>
<div class="sm:p-5 p-4">
<div class="row">
<div class="mb-4 md:w-1/4">
<label class="form-label text-body-color dark:text-white">Organisation Name<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Organisation Name"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="organisationName"/>
@error('organisationName') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/4">
<label class="form-label text-body-color dark:text-white">Website Link<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Organisation Name"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="websiteLink"/>
@error('websiteLink') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/4">
<label class="form-label text-body-color dark:text-white">Contact No.<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Contact No."
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
onkeypress="return onlyNumberKey(event)" maxlength="10"
wire:model.defer="contactNo"/>
@error('contactNo') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/4">
<label class="form-label text-body-color dark:text-white">Email Address<span
class="text-danger">*</span></label>
<input type="email" placeholder="Enter Email ID"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="emailAddress"/>
@error('emailAddress') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="row">
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">GSTIN<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter GST No."
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="gstin"/>
@error('gstin') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">CIN<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter CIN No."
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="cin"/>
@error('cin') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">PAN CARD NO.<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Pan Card No."
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model.defer="panNo"/>
@error('panNo') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="row">
<div class="mb-4 md:w-1/2">
<h4>Registered Address</h4>
<div class="row">
<div class="mb-4 md:w-full">
<label class="form-label text-body-color dark:text-white mb-3">Address<span
class="text-danger">*</span></label>
<textarea
class="relative text-[13px] h-auto min-h-auto border border-b-color block rounded-md p-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full resize-y"
rows="3" id="r_address" wire:model.defer="registeredAddress"></textarea>
@error('registeredAddress') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">City<span
class="text-danger">*</span></label>
<select id="inputState"
class="form-select w-full style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color text-[#a5a5a5] h-[2.813rem] leading-[1.813rem]"
wire:model.defer="registeredCity">
<option selected value="">Choose...</option>
@foreach($cities as $city)
<option value="{{$city->city_name}}">{{$city->city_name}}</option>
@endforeach
</select>
@error('registeredCity') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">State<span
class="text-danger">*</span></label>
<select id="inputState"
class="form-select w-full style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color text-[#a5a5a5] h-[2.813rem] leading-[1.813rem]"
wire:model.defer="registeredState">
<option selected value="">Choose...</option>
@foreach($states as $state)
<option value="{{$state->state_name}}">{{$state->state_name}}</option>
@endforeach
</select>
@error('registeredState') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">Pin Code<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Pin Code"
class="form-control w-full relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
onkeypress="return onlyNumberKey(event)" maxlength="6"
wire:model.defer="registeredZip"/>
@error('registeredZip') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
<div class="mb-4 md:w-1/2">
<h4>Present Address</h4>
<div class="row">
<div class="mb-4 md:w-full">
<div class="flex justify-between">
<label class="form-label text-body-color dark:text-white">Address<span
class="text-danger">*</span></label>
<div class="leading-normal block custom-checkbox ">
<input type="checkbox" class="form-check-input" id="customCheckBox1"
required="" wire:model="sameAsRegistered">
<label class="mt-[5px] text-body-color ml-[0.3125rem]"
for="customCheckBox1">Same as Registered Address</label>
</div>
</div>
<textarea
class="relative text-[13px] h-auto min-h-auto border border-b-color block rounded-md p-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full resize-y"
rows="3" id="p_address" wire:model.defer="presentAddress"></textarea>
@error('presentAddress') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">City<span
class="text-danger">*</span></label>
<select id="inputState"
class="form-select w-full style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color text-[#a5a5a5] h-[2.813rem] leading-[1.813rem]"
wire:model.defer="presentCity">
<option selected value="">Choose...</option>
@foreach($cities as $city)
<option value="{{$city->city_name}}">{{$city->city_name}}</option>
@endforeach
</select>
@error('presentCity') <span
class="text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">State<span
class="text-danger">*</span></label>
<select id="inputState"
class="form-select w-full style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color text-[#a5a5a5] h-[2.813rem] leading-[1.813rem]"
wire:model.defer="presentState">
<option selected value="">Choose...</option>
@foreach($states as $state)
<option value="{{$state->state_name}}">{{$state->state_name}}</option>
@endforeach
</select>
@error('presentState') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-4 md:w-1/3">
<label class="form-label text-body-color dark:text-white">Pin Code<span
class="text-danger">*</span></label>
<input type="text" placeholder="Enter Pin Code"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
onkeypress="return onlyNumberKey(event)" maxlength="6"
wire:model.defer="presentZip"/>
@error('presentZip') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lg:w-1/4 w-full">
<div class="card z-auto">
<div class="card-header flex flex-wrap justify-between items-center sm:p-5 sm:pt-6 p-4 pt-5 max-sm:pb-5 relative border-b border-[#E6E6E6] dark:border-[#444444]">
<h4 class="card-title capitalize">Organisation Logo</h4>
</div>
<div class="sm:p-5 p-4">
<div class="row">
<div class="mb-4 md:w-full">
<center>
@if($organisationLogo != null)
<img src="{{\Illuminate\Support\Facades\Storage::url($organisationLogo) }}"
width='70%' height='50%' alt="organisation"/>
@else
<img src="{{asset('assets/images/no_image.jpg')}}" width='70%' height='50%'/>
@endif
</center>
</div>
<div class="mb-4 md:w-full">
<label class="form-label text-body-color dark:text-white">Upload Logo</label>
{{-- <input type="file" accept="img/*"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full input-default "
wire:model="organisationLogo"/>--}}
<x-forms.filepond
wire:model="organisationLogo"
allowImagePreview
imagePreviewMaxHeight="200"
allowFileTypeValidation
acceptedFileTypes="['image/*']"
allowFileSizeValidation
maxFileSize="4mb"
/>
@error('organisationLogo') <span
class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
</div>
</div>
<div class="lg:w-1 w-full">
<div class="card z-auto">
<div class="sm:p-4 p-4 flex justify-between">
<a href="/dashboard"
class="mr-1 mb-0 inline-block rounded font-medium xl:text-[15px] text-xs leading-5 xl:py-[0.719rem] xl:px-[1.563rem] py-2.5 px-4 border border-secondary bg-secondary text-white hover:bg-secondary-hover duration-300">
Back to Dashboard <span
class="inline-block border-l border-d-light-2 -my-4 ml-4 -mr-1 py-[0.8rem] pl-5"><i
class="fa fa-times"></i></span></a>
<button type="button"
class="mr-1 mb-0 inline-block rounded font-medium xl:text-[15px] text-xs leading-5 xl:py-[0.719rem] xl:px-[1.563rem] py-2.5 px-4 border border-success bg-success text-white hover:bg-success-hover duration-300"
wire:click="saveUpdate">Save | Update <span
class="inline-block border-l border-d-light-2 -my-4 ml-4 -mr-1 py-[0.8rem] pl-5"><i
class="fa fa-check"></i></span></button>
</div>
</div>
</div>
</div>
</div>
@section('externaljs')
<script>
function onlyNumberKey(evt) {
var ASCIICode = (evt.which) ? evt.which : evt.keyCode
if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57))
return false;
return true;
}
</script>
@endsection