Viewing file: 2f472b9eb7c1b41c7bd5415d1d5dcff3.php (12.74 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
<div> <section class="py-16 dark:bg-gray-800"> <div class="container"> <div class="w-full flex flex-col lg:flex-row bg-white dark:bg-gray-900 shadow-md border border-gray-50 dark:border-gray-600 rounded-lg"> <div class="contact-info flex-grow p-12 max-w-[400px]"> <h2 class="heading-05 dark:text-white mb-8"><?php echo e(__('contact_info')); ?></h2> <ul> <li class="flex gap-3 items-center mb-5 text-gray-700 dark:text-gray-300"> <i class="fa fa-phone text-primary-500"></i> <span><?php echo e($cms->contact_number); ?></span> </li> <li class="flex gap-3 items-center mb-5 text-gray-700 dark:text-gray-300"> <i class="fa fa-envelope text-primary-500"></i> <span><?php echo e($cms->contact_email); ?></span> </li> <li class="flex gap-3 items-center mb-5 text-gray-700 dark:text-gray-300"> <i class="fa fa-map text-primary-500"></i> <span><?php echo e($cms->contact_address); ?></span> </li> </ul> </div> <div class="contact-form p-12 flex-grow lg:flex-grow-0 lg:w-2/3 lg:border-l lg:border-t-0 border-t border-gray-50 dark:border-gray-600"> <h2 class="heading-05 dark:text-white mb-8"><?php echo e(__('send_message')); ?></h2> <form wire:submit.prevent="submitContact" method="Post" class="mb-6"> <?php echo csrf_field(); ?> <div class="flex flex-col gap-4"> <div class="grid sm:grid-cols-2 grid-cols-1 gap-5"> <div> <label for="name" class="tc-label dark:text-gray-600"><?php echo e(__('name')); ?></label> <input type="text" name="name" wire:model.defer="name" placeholder="<?php echo e(__('full_name')); ?>" id="name" class="tc-input <?php $__errorArgs = ['name']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <?php echo twMerge('focus:border-red-500 hover:border-red-500 border-red-500'); ?> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?>"> <?php $__errorArgs = ['name']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <p class="text-sm text-red-600 dark:text-red-500"> <?php echo e($message); ?></p> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?> </div> <div> <label for="email" class="tc-label dark:text-gray-600"><?php echo e(__('email')); ?></label> <input type="email" name="email" wire:model.defer="email" placeholder="<?php echo e(__('email_address')); ?>" id="email" class="tc-input <?php $__errorArgs = ['email']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <?php echo twMerge('focus:border-red-500 hover:border-red-500 border-red-500'); ?> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?>"> <?php $__errorArgs = ['email']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <p class="text-sm text-red-600 dark:text-red-500"> <?php echo e($message); ?></p> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?> </div> </div> <div> <label for="subject" class="tc-label dark:text-gray-600"><?php echo e(__('subject')); ?></label> <div class="relative"> <input type="text" name="subject" wire:model.defer="subject" placeholder="<?php echo e(__('subjects')); ?>" class="tc-input <?php $__errorArgs = ['subject']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <?php echo twMerge('focus:border-red-500 hover:border-red-500 border-red-500'); ?> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?>"> <?php $__errorArgs = ['subject']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <p class="text-sm text-red-600 dark:text-red-500"> <?php echo e($message); ?></p> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?> </div> </div> <div> <label for="message" class="tc-label dark:text-gray-600"><?php echo e(__('message')); ?></label> <textarea placeholder="<?php echo e(__('message')); ?>" name="message" wire:model.defer="message" class="tc-input <?php $__errorArgs = ['message']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <?php echo twMerge('focus:border-red-500 hover:border-red-500 border-red-500'); ?> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?>" rows="8"></textarea> <?php $__errorArgs = ['message']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <p class="text-sm text-red-600 dark:text-red-500"> <?php echo e($message); ?></p> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?> </div>
<?php if(config('captcha.active')): ?> <div class="mb-5"> <div id="captcha" wire:ignore></div> <?php $__errorArgs = ['captcha']; $__bag = $errors->getBag($__errorArgs[1] ?? 'default'); if ($__bag->has($__errorArgs[0])) : if (isset($message)) { $__messageOriginal = $message; } $message = $__bag->first($__errorArgs[0]); ?> <p class="text-sm text-red-600 dark:text-red-500"> <?php echo e($message); ?>
</p> <?php unset($message); if (isset($__messageOriginal)) { $message = $__messageOriginal; } endif; unset($__errorArgs, $__bag); ?> </div> <?php endif; ?> </div>
<div> <button wire:loading.attr="disabled" wire:click.prevent="submitContact()" type="button" class="btn-primary py-3 px-5 mt-4"> <span><?php echo e(__('send_message')); ?></span> <span wire:loading wire:target="submitContact"> <span class="spinner-border spinner-border-sm" id="circle-notch"></span> </span> <span wire:loading.remove wire:target="submitContact" class="submit-arrow-icon"> <?php if (isset($component)) { $__componentOriginal2273fd2cff81bab6c852e3c13c778d93 = $component; } ?> <?php if (isset($attributes)) { $__attributesOriginal2273fd2cff81bab6c852e3c13c778d93 = $attributes; } ?> <?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.svg.arrow-long-icon','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?> <?php $component->withName('svg.arrow-long-icon'); ?> <?php if ($component->shouldRender()): ?> <?php $__env->startComponent($component->resolveView(), $component->data()); ?> <?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?> <?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?> <?php endif; ?> <?php $component->withAttributes([]); ?> <?php echo $__env->renderComponent(); ?> <?php endif; ?> <?php if (isset($__attributesOriginal2273fd2cff81bab6c852e3c13c778d93)): ?> <?php $attributes = $__attributesOriginal2273fd2cff81bab6c852e3c13c778d93; ?> <?php unset($__attributesOriginal2273fd2cff81bab6c852e3c13c778d93); ?> <?php endif; ?> <?php if (isset($__componentOriginal2273fd2cff81bab6c852e3c13c778d93)): ?> <?php $component = $__componentOriginal2273fd2cff81bab6c852e3c13c778d93; ?> <?php unset($__componentOriginal2273fd2cff81bab6c852e3c13c778d93); ?> <?php endif; ?> </span> </button> </div> </form> </div>
</div> </div> </section> </div>
<?php $__env->startPush('css'); ?> <style> /* Form submit spinner circle css */ .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em; }
@-webkit-keyframes spinner-border { to { transform: rotate(360deg) } }
@keyframes spinner-border { to { transform: rotate(360deg) } }
/* Form submit spinner circle css */ </style> <?php $__env->stopPush(); ?>
<?php $__env->startPush('js'); ?> <!-- Captcha Script Start --> <?php if(config('captcha.active')): ?> <script src="https://www.google.com/recaptcha/api.js?onload=handle&render=explicit" async defer></script>
<script> var handle = function(e) { widget = grecaptcha.render('captcha', { 'sitekey': '<?php echo e(config('captcha.sitekey')); ?>', 'theme': 'light', // you could switch between dark and light mode. 'callback': verify });
} var verify = function(response) { window.livewire.find('<?php echo e($_instance->id); ?>').set('captcha', response) } </script> <?php endif; ?> <!-- Captcha Script End --> <?php $__env->stopPush(); ?> <?php /**PATH /home/picotech/domains/classify.picotech.app/public_html/resources/views/livewire/contact-component.blade.php ENDPATH**/ ?>
|