File "members_create.blade.php"
Full Path: /var/www/lionsclub/core/resources/views/dashboard/topics/members_create.blade.php
File size: 21.84 KB
MIME-type: text/html
Charset: utf-8
@extends('dashboard.layouts.master')
<?php
$title_var = "title_" . @Helper::currentLanguage()->code;
$title_var2 = "title_" . env('DEFAULT_LANGUAGE');
if ($WebmasterSection->$title_var != "") {
$WebmasterSectionTitle = $WebmasterSection->$title_var;
} else {
$WebmasterSectionTitle = $WebmasterSection->$title_var2;
}
?>
@section('title', $WebmasterSectionTitle)
@push("after-styles")
<link rel="stylesheet" href="{{ asset('assets/dashboard/js/datatables/datatables.min.css') }}">
<!-- css for summernote -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote.min.js"></script>
<!-- css for summernote -->
@endpush
@section('content')
<style>
.summernote {
width: 100%; /* Adjust this value as needed (e.g., 100%, 80%, 500px) */
}
</style>
<div class="padding">
<div class="box">
<div class="box-body">
<form action="{{ route('membersStore') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group row">
<label class="col-sm-2 form-control-label">Full Name</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="full_name" name="full_name" value="{{ old('full_name') }}" required>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Full Address</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="full_Address" name="full_address" value="{{ old('full_Address') }}">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Mobile Numbers </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="mobile_numbers" name="mobile_numbers" value="{{ old('mobile_numbers') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Position</label>
<div class="col-sm-10">
<!-- <input type="checkbox" id="toggleInput" name="toggleInput" onclick="toggleInputBox()"> Use custom input -->
<select id="positionDropdown" name="position" class="form-control has-value">
<option value="">-- Select Position --</option>
<option value="District Governors">District Governors</option>
<option value="First Vice District Governors">First Vice District Governor</option>
<option value="Council Chair Person">Council Chair Person</option>
<option value="Second Vice District Governors">Second Vice District Governor</option>
<option value="Past District Governor">Past District Governor</option>
<option value="International Executive Officers">International Executive Officers</option>
<option value="Lions Council of India Executive">Lions Council of India Executive</option>
<option value="LCI Board of Director">LCI Board of Director</option>
<option value="LCI Board of Director Appointees">LCI Board of Director Appointees</option>
<option value="LCI Board of directors - ISAME">LCI Board of directors - ISAME</option>
<option value="LCI Board of Trustees - ISAME">LCI Board of Trustees - ISAME</option>
<option value="LCIF Board of Trustees Appointees">LCIF Board of Trustees Appointees</option>
<option value="LEO Lion Board Liaisons">LEO Lion Board Liaisons</option>
<option value="LCIF Board of Trustees">LCIF Board of Trustees</option>
<option value="Past International Presidents from isame">Past International Presidents from isame</option>
<option value="Past International Presidents-Heavenly Abode">Past International Presidents-Heavenly Abode</option>
<option value="International Directors from ISAME">International Directors from ISAME</option>
<option value="Excecutive Officers - ISAME">Excecutive Officers - ISAME</option>
<option value="International Directors from INDIA">International Directors from INDIA</option>
<option value="Past International Directors from INDIA">Past International Directors from INDIA</option>
<option value="Global Action Team">Global Action Team</option>
<option value="ISAME Contact">ISAME Contact</option>
<option value="GAT Constitutional Area Leaders">GAT Constitutional Area Leaders</option>
<option value="Lions Club International Foundation">Lions Club International Foundation</option>
<option value="Constitutional Area Leaders">Constitutional Area Leaders</option>
</select>
<input type="text" id="positionText" name="custom_position" class="form-control has-value" style="display: none;">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Position Category</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="category" name="category" value="{{ old('category') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Slogan</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="slogan" name="slogan" value="{{ old('slogan') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Position Start Date </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="start_date" name="start_date" value="{{ old('start_date') }}" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Position End Date </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="end_date" name="end_date" value="{{ old('end_date') }}" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Member Id </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="memberid" name="memberid" value="{{ old('memberid') }}">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Description</label>
<div class="col-sm-10">
<textarea class="form-control has-value summernote" id="description" name="description" placeholder="" dir="ltr" rows="5">{{ old('description', '<div dir="ltr"><br></div>') }}</textarea>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">District </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="district" name="district" value="{{ old('district') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Email </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="email" name="email_id" value="{{ old('Email') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Date.Of.Birth</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="dob" name="dob" value="{{ old('dob', '') }}" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Year.Of.Joining</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="yoj" name="yoj" value="{{ old('yoj', '') }}" placeholder="dd/mm/yyyy">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Home Club</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="hc" name="hc" value="{{ old('hc') }}" >
</div>
</div>
<div class="form-group row">
<label for="photo" class="col-sm-2 form-control-label">Photo</label>
<div class="col-sm-10">
<input class="form-control has-value" id="photo" accept="image/*" name="photo" type="file" onchange="previewImage(event)">
<img id="image-preview" src="#" alt="Image Preview" style="display: none; margin-top: 10px; max-height: 200px;">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Profession </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="profession" name="profession" value="{{ old('profession') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Blood group</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="blood_group" name="blood_group" value="{{ old('blood_group') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Spouse Name </label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="spouse_name" name="spouse_name" value="{{ old('spouse_name') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Spouse Blood group</label>
<div class="col-sm-10">
<input type="text" class="form-control has-value" id="spouse_blood_group" name="spouse_blood_group" value="{{ old('spouse_blood_group') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label">Wedding Anniversary</label>
<div class="col-sm-10">
<input type="date" class="form-control has-value" id="wedding_date" name="wedding_date" value="{{ old('wedding_date') }}" >
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 form-control-label"> </label>
<div class="col-sm-10">
<button type="submit" class="btn btn-primary">Submit</button>
<a href="{{ route('members') }}" class="btn btn-secondary">Back to List</a>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- .modal -->
@endsection
@push("after-scripts")
<script src="{{ URL::asset('assets/dashboard/js/summernote/dist/summernote.js') }}"></script>
<script src="{{ URL::asset('assets/frontend/js/Chart.min.js') }}"></script>
<script>
document.getElementById('dob').addEventListener('blur', function() {
var dob = this.value;
var yearRegex = /^\d{4}$/;
var dateRegex = /^\d{2}\/\d{2}\/\d{4}$/;
if (!yearRegex.test(dob) && !dateRegex.test(dob)) {
document.getElementById('dobHelp').style.color = 'red';
document.getElementById('dobHelp').innerText = 'Invalid date format. Please enter dd/mm/yyyy or yyyy.';
} else {
document.getElementById('dobHelp').style.color = 'green';
document.getElementById('dobHelp').innerText = 'Valid date format';
}
});
</script>
<script>
function previewImage(event) {
var reader = new FileReader();
reader.onload = function(){
var output = document.getElementById('image-preview');
output.src = reader.result;
output.style.display = 'block';
};
reader.readAsDataURL(event.target.files[0]);
}
</script>
<script>
function toggleInputBox() {
var checkBox = document.getElementById("toggleInput");
var dropdown = document.getElementById("positionDropdown");
var textBox = document.getElementById("positionText");
if (checkBox.checked == true) {
dropdown.style.display = "none";
dropdown.disabled = true;
textBox.style.display = "block";
textBox.disabled = false;
} else {
dropdown.style.display = "block";
dropdown.disabled = false;
textBox.style.display = "none";
textBox.disabled = true;
}
}
</script>
<script>
var dynamicColors = function () {
var r = Math.floor(Math.random() * 255);
var g = Math.floor(Math.random() * 255);
var b = Math.floor(Math.random() * 255);
return "rgb(" + r + "," + g + "," + b + ")";
};
var randomScalingFactor = function () {
return Math.round(Math.random() * 100);
};
window.onload = function () {
@foreach($WebmasterSection->customFields as $customField)
@if($customField->in_statics && ($customField->type==6 || $customField->type==7))
<?php
$cf_details_var = "details_" . @Helper::currentLanguage()->code;
$cf_details_var2 = "details_en" . env('DEFAULT_LANGUAGE');
if ($customField->$cf_details_var != "") {
$cf_details = $customField->$cf_details_var;
} else {
$cf_details = $customField->$cf_details_var2;
}
$cf_details_lines = preg_split('/\r\n|[\r\n]/', $cf_details);
?>
new Chart(document.getElementById('chart-area-{{ $customField->id }}').getContext('2d'), {
type: 'pie',
data: {
datasets: [{
data: [
<?php
$line_num = 1;
?>
@foreach ($cf_details_lines as $cf_details_line)
{{ (@$statics[$customField->id][$line_num] !="")?@$statics[$customField->id][$line_num]:0 }},
<?php
$line_num++;
?>
@endforeach
],
backgroundColor: [
<?php
$line_num = 1;
?>
@foreach ($cf_details_lines as $cf_details_line)
dynamicColors(),
<?php
$line_num++;
?>
@endforeach
],
label: 'Dataset 1'
}],
labels: [
<?php
$line_num = 1;
?>
@foreach ($cf_details_lines as $cf_details_line)
('{{ $cf_details_line }}').substring(0, 40) + ((('{{ $cf_details_line }}').length > 40) ? '..' : '') + " ( " + '{{ (@$statics[$customField->id][$line_num] !="")?@$statics[$customField->id][$line_num]:0 }}' + ' )',
<?php
$line_num++;
?>
@endforeach
]
},
options: {
responsive: false,
legend: {
display: true,
position: 'left',
labels: {
// font size, default is defaultFontSize
fontSize: 11,
// font color, default is '#fff'
fontColor: '#666',
// font style, default is defaultFontStyle
fontStyle: 'normal',
// font family, default is defaultFontFamily
fontFamily: "smart4dsTitles, 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
}
}
}
});
@endif
@endforeach
};
</script>
<script src="{{ asset('assets/dashboard/js/datatables/datatables.min.js') }}"></script>
<script type="text/javascript">
$("#checkAll").click(function () {
$('input:checkbox').not(this).prop('checked', this.checked);
});
$("#action").change(function () {
if (this.value == "delete") {
$("#submit_all").css("display", "none");
$("#submit_show_msg").css("display", "inline-block");
} else {
$("#submit_all").css("display", "inline-block");
$("#submit_show_msg").css("display", "none");
}
});
$(document).ready(function () {
$('#description').summernote({
height: 500,
callbacks: {
onImageUpload: function(files, editor, welEditable) {
sendFile(files[0], editor, welEditable, 'en');
}
}
});
var table_name = "#topics_{{ $WebmasterSection->id }}";
$('#members-table').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('members.lists') }}",
columns: [
{ data: 'id', name: 'id' },
{ data: 'full_name', name: 'full_name' },
{ data: 'mobile_numbers', name: 'mobile_numbers' },
{ data: 'position', name: 'Position' },
{ data: 'district', name: 'district' },
{ data: 'email_id', name: 'Email' },
{
data: 'action',
name: 'action',
orderable: false,
searchable: false
}
]
});
});
$("#filter_btn").click(function () {
$("#filter_div").slideToggle();
});
function DeleteTopic(id) {
$("#topic_delete_btn").attr("row-id", id);
$("#delete-topic").modal("show");
}
$("#topic_delete_btn").click(function () {
$(this).html("<img src=\"{{ asset('assets/dashboard/images/loading.gif') }}\" style=\"height: 25px\"/> {!! __('backend.yes') !!}");
var row_id = $(this).attr('row-id');
if (row_id != "") {
$.ajax({
type: "GET",
url: "<?php echo route("topicsDestroy", ["webmasterId" => $WebmasterSection->id]); ?>/" + row_id,
success: function (result) {
var obj_result = jQuery.parseJSON(result);
if (obj_result.stat == 'success') {
$('#topic_delete_btn').html("{!! __('backend.yes') !!}");
$('#topics_{{ $WebmasterSection->id }}').DataTable().ajax.reload();
}
$('#delete-topic').modal('hide');
$('.modal-backdrop').hide();
}
});
}
});
// Initialize Flatpickr
// flatpickr("#start_date", {
// dateFormat: "d/m/Y"
// });
</script>
@endpush