PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
web
/
onboarding
/
Editing: profile.blade.php
@extends('web.layouts.base') @section('css') <link rel="stylesheet" href="{{asset('dashboard/css/main.min.css')}}" /> <style> .page-footer{ position: sticky; bottom: 0; width: 100%; height: 120px; background: linear-gradient(to top, rgba(250,250,250,1), rgba(250,250,250,0)); } .form-submit { height: 50px; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; font-weight: 600; line-height: 21px; letter-spacing: 0em; color: #fff; background-color: var(--main-color); } .formInput,.maxed{ max-width: 550px; } .maxed{width: 550px} </style> @endsection @section('body') <section class="profile-page profile-con"> <form id="photo-upload-form" class="d-none"> <input type="file" accept="image/png, image/jpeg" name="logo" /> </form> <form action="{{route('dashboard.onboarding.profile')}}" method="POST"> @csrf <div class="container text-center"> <div class="d-flex justify-content-end py-3"> <a href="{{route('dashboard.onboarding')}}?skip=1" class="lang-link p-3"> {{__("Skip")}} <i class="bi bi-chevron-left ms-2"></i> </a> </div> <div class="text-center pt-2 pb-2 plans-top mb-3"> <h1 class="plans-title mb-5 fw-bold"> {{ __('Add profile details') }}</h1> </div> <div class="mb-4"> <p class="fw-bold text-center"> {{__("Add profile image")}} </p> <div class="d-flex justify-content-center align-items-center my-4 profile-img-con"> <div class="mx-auto mx-sm-0 mb-3 me-sm-3 mb-sm-0 text-center logo-container"> {!! auth()->user()->domain->logo !!} </div> <div class="d-flex align-items-center flex-wrap"> <button type="button" id="profile-img-select" class="form-label main-btn mb-0 me-3 px-4"> {{ __('Select an image') }} </button> <button type="button" class="px-4 remove-logo-image d-none"> {{ __('Remove') }} </button> </div> </div> </div> <div class="mb-5 py-4"> <p class="text-center input-label"> {{__("My Business name")}} </p> <div class="d-flex justify-content-center"> <div class="formInput d-flex align-items-center px-3 pe-2 mb-1"> <input value="{{ auth()->user()->domain->site_title }}" class="ps-0 onblur" type="text" name="site_title" placeholder=" {{ __('My Business name') }} "> <div class="open-emoji-con"> <button class="open-emoji" type="button"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4ZM14.8 13.857C14.8933 13.7629 15.0044 13.6882 15.1268 13.6374C15.2492 13.5866 15.3804 13.5606 15.513 13.561C15.6455 13.5614 15.7766 13.5881 15.8987 13.6396C16.0208 13.6911 16.1315 13.7663 16.2243 13.8609C16.317 13.9556 16.3901 14.0677 16.4391 14.1908C16.4882 14.3139 16.5123 14.4455 16.5101 14.578C16.5078 14.7105 16.4792 14.8413 16.426 14.9626C16.3728 15.084 16.2959 15.1936 16.2 15.285C15.0794 16.3858 13.5708 17.0018 12 17C10.4292 17.0018 8.92064 16.3858 7.8 15.285C7.61503 15.0984 7.51093 14.8465 7.5102 14.5838C7.50948 14.321 7.61219 14.0685 7.79613 13.8809C7.98006 13.6933 8.23045 13.5856 8.49316 13.5811C8.75586 13.5767 9.00977 13.6758 9.2 13.857C9.94682 14.5912 10.9527 15.0018 12 15C13.09 15 14.077 14.565 14.8 13.857ZM8.5 8C8.89782 8 9.27936 8.15804 9.56066 8.43934C9.84196 8.72064 10 9.10218 10 9.5C10 9.89782 9.84196 10.2794 9.56066 10.5607C9.27936 10.842 8.89782 11 8.5 11C8.10218 11 7.72064 10.842 7.43934 10.5607C7.15804 10.2794 7 9.89782 7 9.5C7 9.10218 7.15804 8.72064 7.43934 8.43934C7.72064 8.15804 8.10218 8 8.5 8ZM15.5 8C15.8978 8 16.2794 8.15804 16.5607 8.43934C16.842 8.72064 17 9.10218 17 9.5C17 9.89782 16.842 10.2794 16.5607 10.5607C16.2794 10.842 15.8978 11 15.5 11C15.1022 11 14.7206 10.842 14.4393 10.5607C14.158 10.2794 14 9.89782 14 9.5C14 9.10218 14.158 8.72064 14.4393 8.43934C14.7206 8.15804 15.1022 8 15.5 8Z" fill="#414141" /> </svg> </button> <div class="emoji-picker-con"> <emoji-picker></emoji-picker> </div> </div> </div> </div> <div class="my-4 mb-5 pb-5"> <label class="input-label"> {{ __('Intro text') }} </label> <div class="d-flex justify-content-center"> <div class="maxed"> <textarea class="formInput p-3 intro-text onblur w-100" type="text" name="intro_text" placeholder="{{ __('Welcome to my Wex.lnk profile, checkout my links below.') }}">{{ auth()->user()->domain->intro_text }}</textarea> <p class="text-end mb-0"><span id="lettercount">0</span>/140</p> </div> </div> </div> </div> </div> <div class="page-footer d-flex justify-content-center align-items-end pb-3"> <button class="form-submit w-50" id="formSubmit" type="submit"> {{__("Continue")}} </button> </div> </form> </section> @endsection @section('js') @include('dashboard.partials.design-scripts') <script src="{{asset('dashboard/js/index.js')}}"></script> <script src="{{asset('dashboard/js/design-page.js')}}"></script> <script type="module"> import 'https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js' import insertText from 'https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js' $("body").on("emoji-click", "emoji-picker", function(e) { let parent = $(this).closest('.formInput'); let textInput = parent.find('input'); insertText(textInput, e.detail.unicode); }) </script> @endsection
SAVE
CANCEL