/home2/mshostin/carnival.ms-hostingladz.com/resources/views/auth/register.blade.php
@extends('auth.layouts.app')
@section('content')
{{-- <form method="POST" action="{{ route('register') }}" class="col-lg-6 col-md-8 col-10 mx-auto">
@csrf
<div class="mx-auto text-center my-4">
<a class="navbar-brand mx-auto mt-2 flex-fill text-center" href="./index.html">
<svg version="1.1" id="logo" class="navbar-brand-img brand-md" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve">
<g>
<polygon class="st0" points="78,105 15,105 24,87 87,87 " />
<polygon class="st0" points="96,69 33,69 42,51 105,51 " />
<polygon class="st0" points="78,33 15,33 24,15 87,15 " />
</g>
</svg>
</a>
<h2 class="my-3">Register</h2>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="firstname">Firstname</label>
<input id="firstname" type="text" class="form-control @error('first_name') is-invalid @enderror"
name="first_name" value="{{ old('first_name') }}" required autocomplete="first_name" autofocus>
@error('first_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="lastname">Lastname</label>
<input id="lastname" type="text" class="form-control @error('last_name') is-invalid @enderror"
name="last_name" value="{{ old('last_name') }}" required autocomplete="last_name">
@error('last_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ old('email') }}" required autocomplete="email">
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="password">Password</label>
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
name="password" required autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="password-confirm">Confirm Password</label>
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required
autocomplete="new-password">
</div>
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone"
value="{{ old('phone') }}" required autocomplete="phone">
@error('phone')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group">
<label for="address">Address</label>
<input id="address" type="text" class="form-control @error('address') is-invalid @enderror" name="address"
value="{{ old('address') }}" autocomplete="address">
@error('address')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="city">City</label>
<input id="city" type="text" class="form-control @error('city') is-invalid @enderror" name="city"
value="{{ old('city') }}" autocomplete="city">
@error('city')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-4">
<label for="state">State</label>
<input id="state" type="text" class="form-control @error('state') is-invalid @enderror"
name="state" value="{{ old('state') }}" autocomplete="state">
@error('state')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-4">
<label for="country">Country</label>
<input id="country" type="text" class="form-control @error('country') is-invalid @enderror"
name="country" value="{{ old('country') }}" autocomplete="country">
@error('country')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group">
<label for="zipcode">Zipcode</label>
<input id="zipcode" type="text" class="form-control @error('zipcode') is-invalid @enderror"
name="zipcode" value="{{ old('zipcode') }}" autocomplete="zipcode">
@error('zipcode')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
@php
$roles = \App\Models\Role::where('status', 1)->get();
$packages = \App\Models\Package::where('status', 1)->get();
$vendors = \App\Models\Vendor::with('user')->where('status', 1)->get();
@endphp
<input type="hidden" name="role_id" value="11" />
<div class="form-group" id="package_input" style="display: none;">
<label for="package">Package</label>
<select id="package" class="form-control @error('package_id') is-invalid @enderror" name="package_id">
<option value="">Select Package</option>
@foreach ($packages as $package)
<option value="{{ $package->id }}">{{ $package->title }}</option>
@endforeach
</select>
@error('package_id')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group" id="vendors_input" style="display: none;">
<label for="vendor">Vendors</label>
<select id="vendor" class="form-control @error('vendor_id') is-invalid @enderror" name="vendor_id">
<option value="">Select vendor</option>
@foreach ($vendors as $vendor)
<option value="{{ $vendor->id }}">{{ $vendor->user->first_name . ' ' . $vendor->user->last_name }}
</option>
@endforeach
</select>
@error('vendor_id')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">{{ __('Register') }}</button>
<p class="mt-5 mb-3 text-muted text-center">© 2020</p>
</form> --}}
@php
$roles = App\Models\Role::where('status', 1)->get();
$packages = App\Models\Package::where('status', 1)->get();
$vendors = App\Models\Vendor::with('user')->where('status', 1)->get();
$carnivals = App\Models\Carnival::all();
@endphp
<form method="POST" action="{{ route('register') }}" class="col-lg-8 col-md-10 col-12 mx-auto"
enctype="multipart/form-data">
@csrf
<div class="mx-auto text-center my-4 card-header">
<h2 class="my-3">Register New User</h2>
</div>
<div class="card-body">
<h2 class="mb-3">User Details</h2>
<div class="form-row">
<div class="form-group col-md-6">
<label for="firstname">Firstname <span class="text-danger">*</span></label>
<input id="firstname" type="text" class="form-control @error('first_name') is-invalid @enderror"
name="first_name" value="{{ old('first_name') }}" required autocomplete="first_name" autofocus>
@error('first_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="lastname">Lastname <span class="text-danger">*</span></label>
<input id="lastname" type="text" class="form-control @error('last_name') is-invalid @enderror"
name="last_name" value="{{ old('last_name') }}" required autocomplete="last_name">
@error('last_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group">
<label for="email">Email Address <span class="text-danger">*</span></label>
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror"
name="email" value="{{ old('email') }}" required autocomplete="email">
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="password">Password <span class="text-danger">*</span></label>
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
name="password" required autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="password-confirm">Confirm Password <span class="text-danger">*</span></label>
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required
autocomplete="new-password">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="image">Image <span class="text-danger">*</span></label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="image" name="image" required>
<label class="custom-file-label" for="image" id="image_label">Choose file</label>
</div>
</div>
<div class="form-group col-md-6">
<label for="phone">Phone <span class="text-danger">*</span></label>
<input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror"
name="phone" value="{{ old('phone') }}" required autocomplete="phone">
@error('phone')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group">
<label for="address">Address <span class="text-danger">*</span></label>
<input id="address" type="text" class="form-control @error('address') is-invalid @enderror"
name="address" value="{{ old('address') }}" autocomplete="address">
@error('address')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="city">City <span class="text-danger">*</span></label>
<input id="city" type="text" class="form-control @error('city') is-invalid @enderror"
name="city" value="{{ old('city') }}" autocomplete="city">
@error('city')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-4">
<label for="state">State <span class="text-danger">*</span></label>
<input id="state" type="text" class="form-control @error('state') is-invalid @enderror"
name="state" value="{{ old('state') }}" autocomplete="state">
@error('state')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-4">
<label for="country">Country <span class="text-danger">*</span></label>
<input id="country" type="text" class="form-control @error('country') is-invalid @enderror"
name="country" value="{{ old('country') }}" autocomplete="country">
@error('country')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="zipcode">Zipcode <span class="text-danger">*</span></label>
<input id="zipcode" type="text" class="form-control @error('zipcode') is-invalid @enderror"
name="zipcode" value="{{ old('zipcode') }}" autocomplete="zipcode">
@error('zipcode')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="package">Package <span class="text-danger">*</span></label>
<select id="package" class="form-control @error('package_id') is-invalid @enderror"
name="package_id" required>
<option value="">Select Package</option>
@foreach ($packages as $package)
@if ($package->title != 'Carnival Committees')
<option value="{{ $package->id }}">{{ $package->title }}</option>
@endif
@endforeach
<option value="section_leader">Section Leader</option>
</select>
@error('package_id')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group" id="vendors_input" style="display: none;">
<label for="vendor">Vendors</label>
<select id="vendor" class="form-control @error('vendor_id') is-invalid @enderror" name="vendor_id">
<option value="">Select vendor</option>
@foreach ($vendors as $vendor)
<option value="{{ $vendor->id }}">
{{ $vendor->user->first_name . ' ' . $vendor->user->last_name }}
</option>
@endforeach
</select>
@error('vendor_id')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group" id="carnival_id">
<label for="carnival_id">Carnival <span class="text-danger">*</span></label>
<select id="carnival_id" class="form-control @error('carnival_id') is-invalid @enderror"
name="carnival_id" required>
<option value="">Select carnival</option>
@foreach ($carnivals as $carnival)
<option value="{{ $carnival->id }}">
{{ $carnival->name }}
</option>
@endforeach
</select>
@error('carnival_id')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-row">
<div class="col-md-6 packages-div">
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="ecommerce-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">E-Commerce</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="e_com" name="ecommerce">
<label class="custom-control-label" for="e_com"></label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="music-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">Music Upload</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="music" name="music">
<label class="custom-control-label" for="music"></label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="appointment-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">Appointments</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="appointments" name="appointment">
<label class="custom-control-label" for="appointments"></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 packages-div">
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="events-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">Events</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="events" name="events">
<label class="custom-control-label" for="events"></label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="ad_space-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">Ads</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="ads" name="ad_space">
<label class="custom-control-label" for="ads"></label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group list-group mb-3 mt-3 shadow" style="display: none;" id="blogging-box">
<div class="list-group-item">
<div class="row align-items-center">
<div class="col">
<strong class="mb-2">Blogs</strong>
</div>
<div class="col-auto">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" value="1"
id="blogs" name="blogging">
<label class="custom-control-label" for="blogs"></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h2 class="mt-5 mb-3">Shop Details</h2>
<div class="form-row">
<div class="form-group col-md-6">
<label for="shop_name">Name <span class="text-danger">*</span></label>
<input id="shop_name" type="text" class="form-control @error('shop_name') is-invalid @enderror"
name="shop_name" value="{{ old('shop_name') }}" required autocomplete="shop_name">
@error('shop_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="shop_email">Email <span class="text-danger">*</span></label>
<input id="shop_email" type="shop_email"
class="form-control @error('shop_email') is-invalid @enderror" name="shop_email"
value="{{ old('shop_email') }}" required autocomplete="shop_email">
@error('shop_email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="shop_address">Address <span class="text-danger">*</span></label>
<input id="shop_address" type="text"
class="form-control @error('shop_address') is-invalid @enderror" name="shop_address"
value="{{ old('shop_address') }}" required autocomplete="shop_address">
@error('shop_address')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="shop_phone">Phone <span class="text-danger">*</span></label>
<input id="shop_phone" type="text" class="form-control @error('shop_phone') is-invalid @enderror"
name="shop_phone" value="{{ old('shop_phone') }}" required autocomplete="shop_phone">
@error('shop_phone')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="logo">Logo</label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="logo" name="logo">
<label class="custom-file-label" for="logo" id="logo_label">Choose file</label>
</div>
</div>
<div class="form-group col-md-6">
<label for="shop_insta">Instagram</label>
<input id="shop_insta" type="text" class="form-control @error('shop_insta') is-invalid @enderror"
name="shop_insta" value="{{ old('shop_insta') }}" autocomplete="shop_insta">
@error('shop_insta')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="shop_facebook">Facebook</label>
<input id="shop_facebook" type="text"
class="form-control @error('shop_facebook') is-invalid @enderror" name="shop_facebook"
value="{{ old('shop_facebook') }}" autocomplete="shop_facebook">
@error('shop_facebook')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="shop_youtube">Youtube</label>
<input id="shop_youtube" type="text"
class="form-control @error('shop_youtube') is-invalid @enderror" name="shop_youtube"
value="{{ old('shop_youtube') }}" autocomplete="shop_youtube">
@error('shop_youtube')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="shop_twitter">Twitter</label>
<input id="shop_twitter" type="text"
class="form-control @error('shop_twitter') is-invalid @enderror" name="shop_twitter"
value="{{ old('shop_twitter') }}" autocomplete="shop_twitter">
@error('shop_twitter')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="shop_tiktok">Tiktok</label>
<input id="shop_tiktok" type="text"
class="form-control @error('shop_tiktok') is-invalid @enderror" name="shop_tiktok"
value="{{ old('shop_tiktok') }}" autocomplete="shop_tiktok">
@error('shop_tiktok')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="shop_wa_business_page">WS Business Page</label>
<input id="shop_wa_business_page" type="text"
class="form-control @error('shop_wa_business_page') is-invalid @enderror"
name="shop_wa_business_page" value="{{ old('shop_wa_business_page') }}"
autocomplete="shop_wa_business_page">
@error('shop_wa_business_page')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="shop_linkedin">LinkedIn</label>
<input id="shop_linkedin" type="text"
class="form-control @error('shop_linkedin') is-invalid @enderror" name="shop_linkedin"
value="{{ old('shop_linkedin') }}" autocomplete="shop_linkedin">
@error('shop_linkedin')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group col-md-6">
<label for="continent">Continent <span class="text-danger">*</span></label>
<select id="continent" class="form-control @error('continent') is-invalid @enderror"
name="continent" required>
<option value="" disabled selected>Select Continent</option>
<option value="Caribbean">Caribbean</option>
<option value="North America">North America</option>
<option value="South America">South America</option>
<option value="Europe">Europe</option>
<option value="Africa">Africa</option>
<option value="Asia">Asia</option>
<option value="Australia">Australia</option>
</select>
@error('continent')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">{{ __('Register') }}</button>
</div>
</form>
@endsection
@section('bottom_script')
<script>
$(document).ready(function() {
$('#package').on('change', function() {
var packageId = $(this).val();
if (packageId == 'section_leader') {
$('#vendors_input').show();
$('#ecommerce-box').hide();
$('#music-box').hide();
$('#appointment-box').hide();
$('#events-box').hide();
$('#ad_space-box').hide();
$('#blogging-box').hide();
} else {
$('#vendors_input').hide();
$('#ecommerce-box').hide();
$('#music-box').hide();
$('#appointment-box').hide();
$('#events-box').hide();
$('#ad_space-box').hide();
$('#blogging-box').hide();
}
});
$('#vendor').on('change', function() {
var vendor = $(this).val();
$('#ecommerce-box').hide();
$('#music-box').hide();
$('#appointment-box').hide();
$('#events-box').hide();
$('#ad_space-box').hide();
$('#blogging-box').hide();
$.ajax({
type: 'GET',
url: '{{ route('get.single.user', ':id') }}'.replace(':id', vendor),
data: {
vendor: vendor,
},
success: function(response) {
console.log('response-response', response);
$.each(response['vendor']['package'], function(feature, value) {
var checkbox = $('#' + feature +
'-box input[type="checkbox"]');
var listGroup = $('#' + feature + '-box');
checkbox.prop('checked', value === 'true');
listGroup.toggle(value === 'true');
});
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
});
// Update label text when files are selected for additional images
$('#image').on('change', function() {
var files = $(this)[0].files;
var fileNames = '';
for (var i = 0; i < files.length; i++) {
fileNames += files[i].name;
if (i < files.length - 1) {
fileNames += ', ';
}
}
$('#image_label').text(fileNames);
});
// function populateCategories(categories) {
// var categoryDropdown = $('#category_id');
// categories.forEach(function(category) {
// categoryDropdown.append($('<option>', {
// value: category.id,
// text: category.title
// }));
// });
// $('#category_input').show();
// }
});
</script>
@endsection