File: /home/imensosw/liftcincy.imenso.co/resources/views/admin/user_profile.blade.php
@extends('layouts.admin')
@section('style')
<link href="{{ asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/select2/css/select2-bootstrap4.css') }}" rel="stylesheet" />
{{-- <link rel="stylesheet" href="{{ URL::asset('frontend/css/style.css') }}?time={{ time() }}" /> --}}
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('global.profile') }}</title>
@endsection
@section('content')
<!--start page wrapper -->
<div class="page-wrapper">
<div class="page-content">
<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title pe-3">{{ trans('global.profile') }}</div>
<div class="ps-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('global.myprofile') }} </li>
</ol>
</nav>
</div>
<hr />
</div>
<!--end breadcrumb-->
@include('layouts/notification')
<form method="POST" action="{{ route('admin.update_user_profile') }}">
@csrf
<div class="row">
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<div>
<div class="profile_area">
<div class="profile_pic">
<a href="javascript:;" id="pop" img_url="{{ $user_profile_img }}"
class="show_image_popup_"><img
class="imageresource user_profile_img_file profile_img"
src="{{ $user_profile_img }}" alt="Image" /></a>
</div>
<a href="javascript:;" class="profile_update"
onclick="$('#user_profile_img').click();"><i
class="fadeIn animated bx bx-edit-alt"></i></a>
</div>
<div class="col-xl-12">
<input class="form-control upload_profile_img d-none hide" type="file"
id="user_profile_img" accept="image/*" value="Upload" />
<div class="progress mb-3 mt-3 bg-white" style="height: 5px">
<div class="progress-bar user_profile_img_bar" role="progressbar"
style="width: 0%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
<div class="text-center">
<h5 class="mb-0">{{ $user->name }}</h5>
@foreach ($user->roles as $key => $item)
<h6 class="text-muted mb-0">{{ $item->title }}</h6>
@endforeach
</div>
</div>
</div>
</div>
@if ($user_type == 'Partner')
<div class="card">
<div class="card-body">
<h3>Social Profile Links</h3>
<div class="row">
<div class="col-12">
<div
class="form-group {{ $errors->has('org_facebook_links') ? 'has-error' : '' }}">
<label for="org_facebook_links">Facebook<small
class="text-danger"></small></label>
<input type="url" id="org_facebook_links" name="org_facebook_links"
class="form-control "
value="{{ old('org_facebook_links', isset($user) ? $user->org_facebook_links : '') }}">
@if ($errors->has('org_facebook_links'))
<p class="text-danger small">
{{ $errors->first('org_facebook_links') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div
class="form-group {{ $errors->has('org_linkdin_links') ? 'has-error' : '' }}">
<label for="org_linkdin_links">LinkedIn<small
class="text-danger"></small></label>
<input type="url" id="org_linkdin_links" name="org_linkdin_links"
class="form-control "
value="{{ old('org_linkdin_links', isset($user) ? $user->org_linkdin_links : '') }}">
@if ($errors->has('org_linkdin_links'))
<p class="text-danger small">
{{ $errors->first('org_linkdin_links') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div
class="form-group {{ $errors->has('org_youtube_links') ? 'has-error' : '' }}">
<label for="org_youtube_links">Instagram<small
class="text-danger"></small></label>
<input type="url" id="org_youtube_links" name="org_youtube_links"
class="form-control "
value="{{ old('org_youtube_links', isset($user) ? $user->org_youtube_links : '') }}">
@if ($errors->has('org_youtube_links'))
<p class="text-danger small">
{{ $errors->first('org_youtube_links') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div
class="form-group {{ $errors->has('org_twitter_links') ? 'has-error' : '' }}">
<label for="org_twitter_links">Twitter<small
class="text-danger"></small></label>
<input type="url" id="org_twitter_links" name="org_twitter_links"
class="form-control "
value="{{ old('org_twitter_links', isset($user) ? $user->org_twitter_links : '') }}">
@if ($errors->has('org_twitter_links'))
<p class="text-danger small">
{{ $errors->first('org_twitter_links') }}
</p>
@endif
</div>
</div>
</div>
<div>
<button class="btn btn-primary"
type="submit">{{ trans('global.update') }}</button>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('org_logo') ? 'has-error' : '' }}">
<label for="org_logo">Logo<small class="text-danger">*</small></label>
<input class="form-control upload_org_logo" type="file" id="org_logo"
accept="image/*" value="Upload" />
<div class="progress mb-3 mt-3 bg-white" style="height: 5px">
<div class="progress-bar org_logo_bar" role="progressbar"
style="width: 0%" aria-valuenow="80" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-12 partner_logo_bg">
<?php if (isset($user->org_logo) && !empty($user->org_logo)) {
$org_logo = URL::asset('Profile/' . $user->id . '/' . $user->org_logo);
} else {
$org_logo = URL::asset('images/org_logo.png');
} ?>
<img src="{{ $org_logo }}" class="org_logo_file img-responsive"
width="100%;" />
@if (!empty($user->org_logo))
<a href="javascript:;" class="text-danger delete_org_logo"
data_id="{{ $user->id }}" data_col="org_logo">Delete</a>
@endif
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="row align-items-center">
<h3>{{ trans('signup.image_gallery') }}</h3>
<div class="col-sm-12 text-right">
<a onclick="upload_user_docs('#exampleModal','DOC','.upload_user_docs');"
class="btn btn-primary btn-circle waves-effect waves-ripple"
href="javascript:;" data-bs-toggle="modal"
data-bs-target="#exampleModal"> <i class="ri-add-line"></i> <span
class="tooltiptext">{{ trans('signup.add_images') }}</span> </a>
</div>
<div class="col-md-12">
<table class="table table-striped table-hover">
<thead>
<tr>
<th class="sorting-none">{{ trans('signup.image') }}</th>
<th class="text-center sorting-none"> </th>
</tr>
</thead>
<tbody class="upload_user_docs">
@if ($user_docs->count())
@foreach ($user_docs as $key => $this_doc)
<tr class="{{ $this_doc->doc_type }}_{{ $this_doc->id }}">
<td class="sorting-none">
<a href="javascript:;"
doc_type="{{ $this_doc->doc_type }}"
doc_url="{{ URL::asset('Profile' . '/' . $this_doc->user_id . '/' . $this_doc->doc_type) }}/{{ $this_doc->doc_name }}"
class="document_pop"><img height="50"
class="user_docs"
src="{{ URL::asset('Profile' . '/' . $this_doc->user_id . '/' . $this_doc->doc_type) }}/{{ $this_doc->doc_name }}" /></a>
</td>
<td class="text-center sorting-none" width="70">
<a class="btn btn-link"
onclick="delete_user_doc('{{ $this_doc->id }}','{{ $this_doc->doc_type }}');"
href="javascript:;"><i
class="fadeIn animated bx bx-trash-alt"></i></a>
</td>
@endforeach
@endif
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
@endif
</div>
<div class="col-sm-8">
<!-- Tabs content -->
<div class="card">
<div class="card-body">
<h3>{{ trans('signup.profile_detail') }}</h3>
<hr />
<input type="hidden" id="roles" name="roles[]" class="" value="3"
required>
<input type="hidden" id="user_type" name="user_type" class="" value="Partner"
required>
<div class="row">
<div class="col-6">
<div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
<label for="first_name">{{ trans('signup.first_name') }}<small
class="text-danger">*</small></label>
<input type="text" id="first_name" name="first_name" class="form-control"
value="{{ old('first_name', isset($user) ? $user->first_name : '') }}"
required>
@if ($errors->has('first_name'))
<p class="text-danger small">
{{ $errors->first('first_name') }}
</p>
@endif
</div>
</div>
<div class="col-6">
<div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
<label for="last_name">{{ trans('signup.last_name') }}e<small
class="text-danger">*</small></label>
<input type="text" id="last_name" name="last_name" class="form-control"
value="{{ old('last_name', isset($user) ? $user->last_name : '') }}"
required>
@if ($errors->has('last_name'))
<p class="text-danger small">
{{ $errors->first('last_name') }}
</p>
@endif
</div>
</div>
<div class="col-12 hide d-none">
<div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
<label for="name">{{ trans('signup.user_name') }}<small
class="text-danger">*</small></label>
<input type="text" id="name" name="name" class="form-control"
value="{{ old('name', isset($user) ? $user->name : '') }}" required>
@if ($errors->has('name'))
<p class="text-danger small">
{{ $errors->first('name') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
<label for="email">{{ trans('signup.email') }}<small
class="text-danger">*</small></label>
<input type="email" id="email" name="email" class="form-control"
value="{{ old('email', isset($user) ? $user->email : '') }}" required>
@if ($errors->has('email'))
<p class="text-danger small">
{{ $errors->first('email') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
@if ($user_type == 'Partner')
<div class="card">
<div class="card-body">
<h3>{{ trans('signup.org_detail') }}</h3>
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('org_type') ? 'has-error' : '' }}">
<label for="org_type">{{ trans('signup.org_type') }}<small
class="text-danger">*</small></label>
<select name="org_type"
class="form-control select2 single-select org_type" id="org_type">
<option value="">Select Organization</option>
@if ($organizations->count())
@foreach ($organizations as $key => $organization)
<option value="{{ $organization->id }}"
@if (old('org_type', isset($user) ? $user->org_type : '') == $organization->id || $organizations->count() == 1) selected @endif>
{{ $organization->title }}</option>
@endforeach
@endif
</select>
@if ($errors->has('org_type'))
<p class="text-danger small">
{{ $errors->first('org_type') }}
</p>
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('org_name') ? 'has-error' : '' }}">
<label for="org_name">{{ trans('signup.org_name') }}<small
class="text-danger">*</small></label>
<input type="text" id="org_name" name="org_name"
class="form-control"
value="{{ old('org_name', isset($user) ? $user->org_name : '') }}"
required>
@if ($errors->has('org_name'))
<p class="text-danger small">
{{ $errors->first('org_name') }}
</p>
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="form-group {{ $errors->has('org_contact') ? 'has-error' : '' }}">
<label for="org_contact">{{ trans('signup.org_contact') }}<small
class="text-danger">*</small></label>
<input type="tel" id="org_contact" name="org_contact"
class="form-control"
value="{{ old('org_contact', isset($user) ? $user->org_contact : '') }}">
@if ($errors->has('org_contact'))
<p class="text-danger small">
{{ $errors->first('org_contact') }}
</p>
@endif
</div>
</div>
<div class="col-6">
<div class="form-group {{ $errors->has('org_email') ? 'has-error' : '' }}">
<label for="org_email">{{ trans('signup.org_email') }}<small
class="text-danger">*</small></label>
<input type="org_email" id="org_email" name="org_email"
class="form-control"
value="{{ old('org_email', isset($user) ? $user->org_email : '') }}"
required>
@if ($errors->has('org_email'))
<p class="text-danger small">
{{ $errors->first('org_email') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h3>Address</h3>
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('home_metro_id') ? 'has-error' : '' }}">
<label for="first_name">Home Metro<small class="text-danger">*</small></label>
<select name="home_metro_id"
class="form-control select2 single-select {{ $errors->has('home_metro_id') ? 'has-error' : '' }}"
value="{{ old('home_metro_id', isset($user) ? $user->home_metro_id : '') }}">
@if ($metros->count())
<option value="">Choose your Location</option>
@foreach ($metros as $key => $metro)
<option value="{{ $metro->id }} " @if(old('home_metro_id', isset($user) ? $user->home_metro_id : '') == $metro->id) selected @endif>
{{ $metro->metro_name }}
</option>
@endforeach
@endif
</select>
@if ($errors->has('home_metro_id'))
<p class="text-danger small">
{{ $errors->first('home_metro_id') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div
class="form-group {{ $errors->has('address_line1') ? 'has-error' : '' }}">
<label for="address_line1">{{ trans('signup.address_extra') }}<small
class="text-danger"> If required</small></label>
<input type="text" idff="address_line1" id="autocomplete__"
name="address_line1" class="form-control"
value="{{ old('address_line1', isset($user) ? $user->address_line1 : '') }}">
<input type="hidden" name="org_lat" id="org_lat" />
<input type="hidden" name="org_lang" id="org_lang" />
@if ($errors->has('address_line1'))
<p class="text-danger small">
{{ $errors->first('address_line1') }}
</p>
@endif
</div>
</div>
</div>
<div class="row " style="opacity:0.25;">
<div class="col-4">
<div class="form-group {{ $errors->has('address_city') ? 'has-error' : '' }}">
<label for="address_city">{{ trans('signup.address_city') }}<small
class="text-danger">*</small></label>
<input type="text" id="locality" name="address_city"
class="form-control"
value="{{ old('address_city', isset($user) ? $user->address_city : '') }}">
@if ($errors->has('address_city'))
<p class="text-danger small">
{{ $errors->first('address_city') }}
</p>
@endif
</div>
</div>
<div class="col-4">
<div
class="form-group {{ $errors->has('address_state') ? 'has-error' : '' }}">
<label for="address_state">{{ trans('signup.address_state') }}<small
class="text-danger">*</small></label>
<input type="text" id="administrative_area_level_1"
name="address_state" class="form-control"
value="{{ old('address_state', isset($user) ? $user->address_state : '') }}">
@if ($errors->has('address_state'))
<p class="text-danger small">
{{ $errors->first('address_state') }}
</p>
@endif
</div>
</div>
<div class="col-4">
<div
class="form-group {{ $errors->has('address_country') ? 'has-error' : '' }}">
<label for="address_country">{{ trans('signup.address_extra') }}<small
class="text-danger">*</small></label>
<?php /*<select name="address_country" class="form-control select2 single-select address_country" id="country_code">
<option value="">Select Country</option>
@if($countries->count())
@foreach($countries as $key=>$country)
<option value="{{$country->country_code}}" @if(old('address_country', isset($user) ? $user->address_country : '') == $country->country_code) selected @endif >{{$country->country_name}}</option>
@endforeach
@endif
</select>*/
?>
<input type="hidden" id="country" name="country" class="form-control"
value="">
<input type="text" id="country_code" name="address_country"
class="form-control"
value="{{ old('address_country', isset($user) ? $user->address_country : '') }}">
@if ($errors->has('address_country'))
<p class="text-danger small">
{{ $errors->first('address_country') }}
</p>
@endif
</div>
</div>
<div class="col-4">
<div
class="form-group {{ $errors->has('address_postcode') ? 'has-error' : '' }}">
<label for="address_postcode">{{ trans('signup.address_postcode') }}<small
class="text-danger">*</small></label>
<input type="text" id="address_postcode" name="address_postcode"
class="form-control"
value="{{ old('address_postcode', isset($user) ? $user->address_postcode : '') }}">
@if ($errors->has('address_postcode'))
<p class="text-danger small">
{{ $errors->first('address_postcode') }}
</p>
@endif
</div>
</div>
<div class="col-4">
<div class="form-group {{ $errors->has('address_lat') ? 'has-error' : '' }}">
<label for="address_lat">{{ trans('signup.lat') }}<small
class="text-danger">*</small></label>
<input type="text" id="lat" name="address_lat"
class="form-control"
value="{{ old('address_lat', isset($user) ? $user->address_lat : '') }}">
@if ($errors->has('address_lat'))
<p class="text-danger small">
{{ $errors->first('address_lat') }}
</p>
@endif
</div>
</div>
<div class="col-4">
<div
class="form-group {{ $errors->has('address_long') ? 'has-error' : '' }}">
<label for="address_long">{{ trans('signup.long') }}<small
class="text-danger">*</small></label>
<input type="text" id="lng" name="address_long"
class="form-control"
value="{{ old('address_long', isset($user) ? $user->address_long : '') }}">
@if ($errors->has('address_long'))
<p class="text-danger small">
{{ $errors->first('address_long') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('org_desc') ? 'has-error' : '' }}">
<label for="org_desc">{{ trans('signup.description') }}<small
class="text-danger">*</small></label>
<textarea type="text" id="org_desc" name="org_desc" class="form-control textarea_editor_">{!! old('org_desc', isset($user) ? $user->org_desc : '') !!}</textarea>
@if ($errors->has('org_desc'))
<p class="text-danger small">
{{ $errors->first('org_desc') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
@endif
<div class="card">
<div class="card-body">
<div>
<button class="btn btn-primary" type="submit">{{ trans('global.update') }}</button>
<a class="btn btn-secondary waves-effect waves-ripple mr-3"
href="{{ url()->previous() }}">{{ trans('global.back_to_list') }}</a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{ trans('signup.add_images') }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<input type="hidden" name="document_type" id="document_type" />
<div class="document_file_div">
<div class="input-group mb-3 ">
<input class="form-control " name="document_file" id="document_file" type="file"
accept="image/*" value="Upload" />
</div>
<div class="progress mb-3 mt-3 bg-white" style="height: 5px">
<div class="progress-bar document_file_bar" role="progressbar" style="width: 0%"
aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="text-success user_document_msg">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="document_image_modal" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{ trans('signup.image') }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<img src="" id="document_image_preview" style="width:100%;">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<a href="#" type="button" class="btn btn-primary document_image_download" target="_blank"
download>Download</a>
</div>
</div>
</div>
</div>
<!-- Creates the bootstrap modal where the image will appear -->
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Profile Image</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<img src="" id="imagepreview" style="width:100%;">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" onclick="$('#user_profile_img').click();"
data-bs-dismiss="modal">Change</button>
<button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('assets/plugins/select2/js/select2.min.js') }}"></script>
@if ($user_type == 'Partner')
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyC_yU9pJxAP7_h1YlGOpMPBHgZrpPkoc9k">
</script>
<script>
//new google.maps.places.Autocomplete(document.getElementById("address_location"));
// This example displays an address form, using the autocomplete feature
// of the Google Places API to help users fill in the information.
function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
for (var component in componentForm) {
document.getElementById(component).value = '';
}
// Get each component of the address from the place details
// and fill the corresponding field on the form.
for (var i = 0; i < place.address_components.length; i++) {
console.log(place.address_components[i]);
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
}
// for the country, get the country code (the "short name") also
if (addressType == "country") {
document.getElementById("country_code").value = place.address_components[i].short_name;
}
if (addressType == "postal_code") {
document.getElementById("address_postcode").value = place.address_components[i].short_name;
}
}
}
var placeSearch, autocomplete;
var componentForm = {
locality: 'long_name',
administrative_area_level_1: 'short_name',
country: 'long_name',
};
function initAutocomplete() {
// Create the autocomplete object, restricting the search to geographical
// location types.
autocomplete = new google.maps.places.Autocomplete(document.getElementById('address_location'));
// When the user selects an address from the dropdown, populate the address
// fields in the form.
// Get Latitude and longitude
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
document.getElementById('lat').value = place.geometry.location.lat();
document.getElementById('lng').value = place.geometry.location.lng();
fillInAddress();
});
}
google.maps.event.addDomListener(window, 'load', initAutocomplete);
</script>
@endif
<script>
function upload_user_docs(modal_id, doc_type, append_to) {
$(modal_id).find('#document_type').val(doc_type);
$(modal_id).find('#document_file').attr('append_to', append_to);
$(modal_id).find('.document_file_bar').addClass('bg-danger');
$(modal_id).find('.document_file_bar').removeClass('bg-success');
$(modal_id).find('.document_file_bar').attr('style', '');
$(modal_id).find('.user_document_msg').html('');
}
function delete_user_doc(doc_id, doc_type) {
var user_id = '{{ $user->id }}';
if (doc_id || doc_type) {
swal({
title: "Are you sure?",
text: "{{ trans('global.areYouSure') }}",
icon: "info", //Success, warning, info, error
buttons: true,
dangerMode: true,
})
.then((willComment) => {
if (willComment) {
var postData = new FormData();
postData.append('doc_id', doc_id);
postData.append('doc_type', doc_type);
postData.append('user_id', user_id);
var url = "{{ route('admin.partners.delete_user_document_file') }}";
$.ajax({
headers: {
'X-CSRF-Token': '{{ csrf_token() }}'
},
async: true,
type: "post",
dataType: 'json',
contentType: false,
url: url,
data: postData,
processData: false,
success: function(data) {
if (data.status == 'success') {
swal("Done!", data.msg, "success");
$('.' + doc_type + '_' + doc_id).remove();
} else {
swal("Opps!", data.msg, "error");
}
},
error: function(data, errorThrown) {
swal("Opps!", errorThrown, "error");
},
});
}
});
} else {
swal("Opps!", 'Not Found!', "error");
}
}
$(document).ready(function() {
$("body").on("click", '.document_pop', function() {
$('#document_image_preview').attr('src', $(this).attr(
'doc_url')); // here asign the image to the modal when the user click the enlarge link
$('.document_image_download').attr('href', $(this).attr('doc_url'));
$('#document_image_modal').modal(
'show'); // imagemodal is the id attribute assigned to the bootstrap modal, then i use the show function
});
$('body').on('change', '#document_file', function(ev) {
var filedata = this.files[0];
var input = $(this).attr('id');
var input_id = $(this).attr('id');
var prograss_bar = input + '_bar';
var files_div = $(this).attr('append_to');
var doc_name = $('#document_name').val();
var doc_type = $('#document_type').val();
$('body').find('.' + prograss_bar).parent('.progress').show();
$('body').find('.' + prograss_bar).addClass('bg-danger');
$('body').find('.' + prograss_bar).attr('style', '');
var imgtype = filedata.type;
var reader = new FileReader();
reader.onload = function(ev) {
}
reader.readAsDataURL(this.files[0]);
var postData = new FormData();
postData.append('user_id', '{{ $user->id }}');
postData.append('doc_type', doc_type);
postData.append('field_name', input);
postData.append('field_value', this.files[0]);
var url = "{{ route('admin.partners.upload_user_docs') }}";
$.ajax({
headers: {
'X-CSRF-Token': '{{ csrf_token() }}'
},
async: true,
type: "post",
dataType: 'json',
contentType: false,
url: url,
data: postData,
processData: false,
success: function(data) {
if (data.status == 'success') {
//$('body').find('.'+files_div).attr('src',data.doc_url);
$('body').find('.' + prograss_bar).removeClass('bg-danger');
$('body').find('.' + prograss_bar).addClass('bg-success');
$('.user_document_msg').html(data.msg);
var doc_html = '<tr class="' + doc_type + '_' + data.doc_id +
'"><td style="min-width:70px" class="sorting-none"><a href="javascript:;" doc_type="' +
doc_type + '" doc_url="' + data.doc_url +
'" class="document_pop"><img class="user_docs" height="50" src="' +
data.doc_url +
'" /></a></td><td class="text-center sorting-none" width="70"><a class="btn btn-link" onclick="delete_user_doc(' +
data.doc_id + ',' + "'" + doc_type + "'" +
');" href="javascript:;"><i class="fadeIn animated bx bx-trash-alt"></i></a></td></tr>';
$(files_div).append(doc_html);
var $el = $('#' + input_id);
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();
} else {
swal("Opps!", data.msg, "error");
}
},
error: function(data, errorThrown) {
swal("Opps!", errorThrown.msg, "error");
},
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
var pers = parseInt(percentComplete * 100);
var bar_per = 5;
if (pers > 5) {
bar_per = (pers / 5) * 5;
}
var class_p = 'width: ' + bar_per + '%';
$('body').find('.' + prograss_bar).attr('style',
class_p);
}
}, false);
xhr.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
}
}, false);
return xhr;
}
});
});
$('body').on('click', '.delete_org_logo', function(ev) {
var data_id = $(this).attr('data_id');
var data_col = $(this).attr('data_col');
var files_div = data_col + '_file';
var postData = new FormData();
postData.append('partner_id', data_id);
postData.append('data_col', data_col);
var url = "{{ route('admin.partners.delete_org_logo') }}";
$.ajax({
headers: {
'X-CSRF-Token': '{{ csrf_token() }}'
},
async: true,
type: "post",
dataType: 'json',
contentType: false,
url: url,
data: postData,
processData: false,
success: function(data) {
if (data.success == 'done') {
$('body').find('.' + files_div).attr('src', data.doc_url);
$('.delete_org_logo').hide();
}
},
error: function(data, errorThrown) {
alert('request failed :' + errorThrown);
},
});
});
$('body').on('change', '.upload_org_logo', function(ev) {
var filedata = this.files[0];
var input = $(this).attr('id');
var input_id = $(this).attr('id');
var prograss_bar = input + '_bar';
var files_div = input + '_file';
$('body').find('.' + prograss_bar).parent('.progress').show();
$('body').find('.' + prograss_bar).attr('style', '');
$('body').find('.' + prograss_bar).removeClass('bg-success');
$('body').find('.' + prograss_bar).addClass('bg-danger');
var imgtype = filedata.type;
var reader = new FileReader();
reader.onload = function(ev) {
//$('.front_door_img_file').attr('src',ev.target.result).css('width','150px').css('height','150px');
}
reader.readAsDataURL(this.files[0]);
var postData = new FormData();
postData.append('partner_id', '{{ $user->id }}');
postData.append('field_name', input);
postData.append('field_value', this.files[0]);
var url = "{{ route('admin.partners.upload_org_logo') }}";
$.ajax({
headers: {
'X-CSRF-Token': '{{ csrf_token() }}'
},
async: true,
type: "post",
dataType: 'json',
contentType: false,
url: url,
data: postData,
processData: false,
success: function(data) {
if (data.success == 'done') {
$('body').find('.' + files_div).attr('src', data.doc_url);
$('body').find('.' + prograss_bar).removeClass('bg-danger');
$('body').find('.' + prograss_bar).addClass('bg-success');
var $el = $('#' + input_id);
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();
}
},
error: function(data, errorThrown) {
alert('request failed :' + errorThrown);
},
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
var pers = parseInt(percentComplete * 100);
var bar_per = 5;
if (pers > 5) {
bar_per = (pers / 5) * 5;
}
var class_p = 'width: ' + bar_per + '%';
$('body').find('.' + prograss_bar).attr('style',
class_p);
}
}, false);
xhr.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
}
}, false);
return xhr;
}
});
});
});
$('.single-select').select2({
theme: 'bootstrap4',
width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
placeholder: $(this).data('placeholder'),
allowClear: Boolean($(this).data('allow-clear')),
});
$('.multiple-select').select2({
theme: 'bootstrap4',
width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
placeholder: $(this).data('placeholder'),
allowClear: Boolean($(this).data('allow-clear')),
});
</script>
<script>
$(document).ready(function() {
$('body').on('change', '.upload_profile_img', function(ev) {
var filedata = this.files[0];
var input = $(this).attr('id');
var input_id = $(this).attr('id');
var prograss_bar = input + '_bar';
var files_div = input + '_file';
$('body').find('.' + prograss_bar).parent('.progress').show();
$('body').find('.' + prograss_bar).addClass('bg-danger wd-5p');
var imgtype = filedata.type;
var reader = new FileReader();
reader.onload = function(ev) {
//$('.front_door_img_file').attr('src',ev.target.result).css('width','150px').css('height','150px');
}
reader.readAsDataURL(this.files[0]);
var postData = new FormData();
postData.append('field_name', input);
postData.append('field_value', this.files[0]);
var url = "{{ route('admin.upload_profile_img') }}";
$.ajax({
headers: {
'X-CSRF-Token': '{{ csrf_token() }}'
},
async: true,
type: "post",
dataType: 'json',
contentType: false,
url: url,
data: postData,
processData: false,
success: function(data) {
if (data.success == 'done') {
$('body').find('.' + files_div).attr('src', data.doc_url);
$('body').find('.' + prograss_bar).removeClass('bg-danger');
$('body').find('.' + prograss_bar).addClass('bg-success');
var $el = $('#' + input_id);
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();
}
},
error: function(data, errorThrown) {
alert('request failed :' + errorThrown);
},
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
var pers = parseInt(percentComplete * 100);
var bar_per = 5;
if (pers > 5) {
bar_per = (pers / 5) * 5;
}
var class_p = 'width: ' + bar_per + '%';
$('body').find('.' + prograss_bar).attr('style',
class_p);
}
}, false);
xhr.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
}
}, false);
return xhr;
}
});
});
$('.show_image_popup').click(function() {
var img_url = $(this).attr('img_url');
swal({
title: '<i>HTML</i> <u>example</u>',
icon: 'info',
content: 'You can use <b>bold text</b>, ' +
'<a href="//github.com">links</a> ' +
'and other HTML tags',
})
});
$("#pop").on("click", function() {
$('#imagepreview').attr('src', $('.user_profile_img_file').attr(
'src')); // here asign the image to the modal when the user click the enlarge link
$('#imagemodal').modal(
'show'); // imagemodal is the id attribute assigned to the bootstrap modal, then i use the show function
});
});
function show_image_popup(img_url) {
}
</script>
<script>
$(document).ready(function() {
$('#first_name').on('blur', function() {
var fname = $(this).val();
var lname = $('#last_name').val();
$('#name').val(fname + ' ' + lname);
});
$('#last_name').on('blur', function() {
var lname = $(this).val();
var fname = $('#first_name').val();
$('#name').val(fname + ' ' + lname);
});
$('#org_name').on('blur', function() {
var org_name = $(this).val();
var slug = org_name.replace(/\s+/g, '-');
$('#slug').val(slug.toLowerCase());
});
});
</script>
@endsection