<div class="form-message form-success">
    <div class="form-message__icon">
        <img src="/files/icons/green-accept_icon.png" alt="">
    </div>
    <div class="form-message__inner">
        <div class="form-message__title">
            <?php echo app('translator')->get('messages.Your request was successfully sent'); ?>!
        </div>
        <div class="form-message__text">
            <?php echo app('translator')->get('messages.Thank you for your interest for Quadcode.<br>Our team will contact you shortly'); ?>
        </div>
        <div class="form-message__actions">
            <a href="<?php echo e(route('home')); ?>" class="custom-button js-close-modal"><?php echo app('translator')->get('messages.OK'); ?></a>
        </div>
    </div>
</div>


<div class="form-message form-error">
    <div class="form-message__icon">
        <img src="/files/icons/red-cross_icon.png" alt="">
    </div>
    <div class="form-message__inner">
        <div class="form-message__title">
            <?php echo app('translator')->get('messages.Oops...<br>Something went wrong'); ?>
        </div>
        <div class="form-message__actions">
            <a href="<?php echo e(route('contact', [app()->getLocale()])); ?>"
            class="custom-button js-close-modal"><?php echo app('translator')->get('messages.Try again'); ?></a>
        </div>
    </div>
</div>


<form action="<?php echo e(route('contact.store')); ?>" method="post" class="form js-form-validate">
    <?php echo csrf_field(); ?>
    <div class="form__title"><?php echo app('translator')->get('messages.Enhance your business with industry proven software'); ?></div>

    <div class="custom-input is-required" data-input="first_name">
        <label for="first_name" class="form-label"><?php echo app('translator')->get('messages.First name'); ?></label>
        <input type="text" name="first_name" id="first_name" placeholder="<?php echo app('translator')->get('messages.First name'); ?>"
                value="<?php echo e(old('first_name')); ?>">
        <div class="form-error">
            <div class="form-error__inner"><?php $__errorArgs = ['first_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>
    <div class="custom-input is-required" data-input="last_name">
        <label for="last_name" class="form-label"><?php echo app('translator')->get('messages.Last name'); ?></label>
        <input type="text" name="last_name" id="last_name" placeholder="<?php echo app('translator')->get('messages.Last name'); ?>"
                value="<?php echo e(old('last_name')); ?>">
        <div class="form-error">
            <div class="form-error__inner"><?php $__errorArgs = ['last_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>
    <div class="custom-input custom-phone is-required" data-input="phone">
        <label for="phone" class="form-label"><?php echo app('translator')->get('messages.Phone'); ?></label>
        <input type="text" name="phone" id="phone" placeholder="<?php echo app('translator')->get('messages.Phone'); ?>" value="<?php echo e(old('phone')); ?>">
        <div class="form-error">
            <div class="form-error__inner"><?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>
    <div class="custom-input is-required" data-input="email">
        <label for="email" class="form-label"><?php echo app('translator')->get('messages.Email'); ?></label>
        <input type="email" name="email" id="email" placeholder="name@email.com" value="<?php echo e(old('email')); ?>">
        <div class="form-error">
            <div class="form-error__inner"><?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 e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>

    <div class="custom-textarea">
        <label for="message" class="form-label"><?php echo app('translator')->get('messages.Message'); ?></label>
        <textarea name="message" id="message"><?php echo e(old('message')); ?></textarea>
        <div class="form-error">
            <div class="form-error__inner"><?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 e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>

    <div class="custom-checkbox">
        <input id="sign" type="checkbox" name="terms_agree">
        <label for="sign" class="custom-checkbox__label-box"></label>
        <label for="sign" class="custom-checkbox__label">
            <span><?php echo app('translator')->get('messages.I read and agree with'); ?> <a href="<?php echo e(route('page.show', [app()->getLocale(), 'terms-and-conditions'])); ?>" class="link text-underline"><?php echo app('translator')->get('messages.terms and conditions#paternal'); ?></a> <?php echo app('translator')->get('messages.and'); ?> <a href="<?php echo e(route('page.show', [app()->getLocale(), 'privacy-policy'])); ?>" class="link text-underline"><?php echo app('translator')->get('messages.privacy policy#paternal'); ?></a> <?php echo app('translator')->get('messages.of this website'); ?></span>
        </label>
        <div class="form-error">
            <div class="form-error__inner"><?php $__errorArgs = ['terms_agree'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
        </div>
    </div>

    <input class="custom-button is-full-width js-submit" type="submit" name="submit" value="<?php echo app('translator')->get('messages.Make a request'); ?>">
</form>

<script>
    $(function () {
        function showError(name, error) {
            var $input = $("[name="+ name + "]");
            $input.addClass('is-invalid');
            var $group = $input.closest('.custom-input, .custom-textarea, .custom-checkbox');
            $group.addClass('has-error');
            $group.find('.form-error__inner').text(error);
            $group.find('.form-error').show();
        }

        var $form = $('.js-form-validate');

        $form.show();
        $('.form-message').hide();

        $form.on('submit', function (event) {
            event.preventDefault();
            var $self = $(this);

            $.ajax({
                url: '<?php echo e(route("contact.store")); ?>',
                method: "POST",
                data: $self.serialize(),
                dataType: "json",
                beforeSend: function () {
                    $self.find('.js-submit').attr('disabled', 'disabled');
                },
                success: function (data) {
                    $self.find('.js-submit').attr('disabled', false);
                    if (data.success) {
                        $form.hide();
                        $('.form-success').show();
                    } else {
                        $form.hide();
                        $('.form-error').show();
                    }
                },
                error: function (res) {
                    $self.find('.js-submit').attr('disabled', false);
                    if (res.status === 422) {
                        var data = res.responseJSON.errors;

                        for (let i in data) {
                            showError(i, data[i][0]);
                        }
                    } else {
                        $form.hide();
                        $('.form-error').show();
                    }
                }
            });

        });
    });
</script>
<?php /**PATH /var/www/quadcode-site/resources/views/site/partials/contact_form.blade.php ENDPATH**/ ?>