File: /home/posscale/.trash/1resources/views/printer/register.blade.php
<x-main-layout header="Register Printer">
<div class="max-w-7xl mx-auto p-4 ">
@if(session()->has('message'))
<div class="alert alert-success rounded bg-green-800 p-4 text-white mt-2">
{{ session()->get('message') }}
</div>
@endif
@if(session()->has('ct_errors'))
@php
$ct_errors = explode('__', session()->get('ct_errors'));
@endphp
<div class="alert alert-success rounded bg-red-800 p-4 text-white mt-2">
@foreach($ct_errors as $ct_error)
<p>{{$ct_error }}</p>
@endforeach
</div>
@endif
<div class="mt-10 bg-white p-6 rounded-md border">
<form x-data="{
form: $form('post', '{{route('pre-register')}}', {
site_name: '{{old('site_name')??''}}',
sub_domain: '{{old('sub_domain')??''}}',
has_domain: '{{old('has_domain')??''}}',
site_domain: '{{old('site_domain')??''}}',
name:'{{old('name')??''}}',
user_email: '{{old('user_email')??''}}',
password: '',
confirm_password: '',
}).setErrors({{ Js::from($errors->messages()) }}),
hasDomain: {{old('has_domain')?1:0 }},
}" action="{{ route('printer.store')}}" method="POST">
@csrf
<div class="space-y-12">
<div class="border-b border-gray-900/10 pb-12 text-[#28166f]">
<p class="mt-1 text-md mb-6">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<h2 class="text-xl mb-3 font-semibold ">Site Information</h2>
<div class="mt-2 grid grid-cols-2 gap-6 mb-10">
<div class="col-span-2">
<label for="site_name" class="block text-sm font-medium leading-6 ">Site Name</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.site_name" @change="form.validate('site_name')" type="text" name="site_name" id="site_name" class="block flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" >
</div>
<template x-if="form.invalid('site_name')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.site_name"></div>
</template>
</div>
</div>
<div class="">
<label class="flex direction-column items-center gap-2">
<input {{old('has_domain')?'checked':''}} value="1" type="checkbox" @change="hasDomain=!hasDomain" name="has_domain" class="mt-1 px-3 py-2 bg-white border h-5 w-5 shadow-sm border-slate-300 placeholder-slate-400" />
<span class="text-sm font-medium py-3">Has own Domain</span>
</label>
<div class="" :class="{ 'hidden': hasDomain }">
<label for="sub_domain" class="block text-sm font-medium leading-6 ">Create sub domain for me.</label>
<div class="mt-2">
<div class="flex items-center rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 ">
<input x-model="form.sub_domain" @change="form.validate('sub_domain')" type="text" name="sub_domain" id="sub_domain" class="w-2 flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400" value="{{old('sub_domain')}}">
<span class="p-2 px-6 bg-[#28166f] text-white rounded-r">.{{ env('PARENT_DOMAIN')}}</span>
</div>
<template x-if="form.invalid('sub_domain')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.sub_domain"></div>
</template>
</div>
</div>
<div class="" :class="{ 'hidden': ! hasDomain }">
<label for="site_domain" class="block text-sm font-medium leading-6 ">Domain</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.site_domain" @change="form.validate('site_domain')" type="text" name="site_domain" id="site_domain" class="block flex-1 border-0 bg-transparent py-2 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" value="{{old('site_domain')}}">
</div>
<template x-if="form.invalid('site_domain')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.site_domain"></div>
</template>
</div>
</div>
</div>
</div>
<h2 class="text-xl mb-3 font-semibold">User Information</h2>
<div class="mt-2 grid grid-cols-2 gap-6 mb-10">
<div class="">
<label for="name" class="block text-sm font-medium leading-6 ">Your Name</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.name" @change="form.validate('name')" type="text" name="name" id="name" class="block flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" value="{{old('name')}}">
</div>
<template x-if="form.invalid('name')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.name"></div>
</template>
</div>
</div>
<div class="">
<label for="user_email" class="block text-sm font-medium leading-6 ">User Email</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.user_email" @change="form.validate('user_email')" type="email" name="user_email" id="user_email" class="block flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" value="{{old('user_email')}}">
</div>
<template x-if="form.invalid('user_email')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.user_email"></div>
</template>
</div>
</div>
<div class="">
<label for="password" class="block text-sm font-medium leading-6 ">Password</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.password" @change="form.validate('password')" type="password" name="password" id="password" class="block flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" value="{{old('password')}}">
</div>
<template x-if="form.invalid('password')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.password"></div>
</template>
</div>
</div>
<div class="">
<label for="confirm_password" class="block text-sm font-medium leading-6 ">Confirm Password</label>
<div class="mt-2">
<div class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600 ">
<input x-model="form.confirm_password" @change="form.validate('confirm_password')" type="password" name="confirm_password" id="confirm_password" class="block flex-1 border-0 bg-transparent py-1.5 pl-1 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6" value="{{old('confirm_password')}}">
</div>
<template x-if="form.invalid('confirm_password')">
<div class="alert alert-danger mt-3 text-red-900" x-text="form.errors.confirm_password"></div>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="mt-3 flex items-center justify-start gap-x-6">
<button type="submit" class="rounded-md bg-[#28166f] px-10 py-2 text-sm font-medium text-white shadow-sm border-[#28166f] border hover:bg-transparent hover:text-[#28166f] ">Submit For Review</button>
<a href="{{ route('home') }}" class="text-sm font-semibold border p-2 px-6 rounded-md border-[#28166f] hover:bg-[#28166f] hover:text-white">Cancel</a>
</div>
</form>
</div>
</div>
</x-main-layout>