<?php /* Template Name: career */ ?>

<?php get_header();?>



    <section class="mainsingle">
        <div class="container">

           
            <div class="row">
                            <?php if(have_posts()) :  while(have_posts()) : the_post(); ?>
                <div class="col-lg-6   wow fadeInUp">
                    <div class="singcont">
                        <?php the_content(); ?>
                    </div>
                </div>
            <?php endwhile;  else :  endif;   ?>
                    <?php if (has_post_thumbnail()) { ?>
                <div class="col-lg-6   wow fadeInUp">
                    <div class="singimg">
                        <?php
                        $thumbnail_id = get_post_thumbnail_id();
                        $title = get_the_title($thumbnail_id);
                        $alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true) ?: $title ;
                        ?>
                        <img src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>"
                             class="img-fluid"
                             alt="<?php echo esc_attr($alt); ?>"
                             title="<?php echo esc_attr($title); ?>" />
                    </div>
                </div>
            <?php } ?>

                <div class="col-lg-12 wow fadeInUp" data-wow-delay= '.2s'>
                    <?php
                    if ('ar' === $GLOBALS['q_config']['language']):
                        echo do_shortcode('[contact-form-7 id="e4480ca" title="التوظيف"]');
                    else:
                        echo do_shortcode(' [contact-form-7 id="1764bb5" title="career"]');
                    endif;
                    ?>
                </div>
            </div>
        </div>
    </section>


<script>
    jQuery(document).ready(function($) {
    // 1. إضافة لودر وعنصر عرض الاسم بجانب الكلاس المطلوب
    $('.oninpfilemain').after('<div id="file-upload-status" style="display:inline-block; margin-left:10px; vertical-align: middle;">' +
        '<span id="file-loader" style="display:none;"><i class="fa fa-spinner fa-spin"></i>  loading  ...</span>' +
        '<span id="file-name-display" style="font-weight:bold; color:#003B4D;"></span>' +
    '</div>');

    // 2. تتبع اختيار الملف
    $('input[name="Resume_CV"]').on('change', function(e) {
        var fileName = e.target.files[0] ? e.target.files[0].name : '';
        var loader = $('#file-loader');
        var nameDisplay = $('#file-name-display');

        if (fileName) {
            // إظهار اللودر وإخفاء الاسم القديم
            nameDisplay.text('').hide();
            loader.show();

            // محاكاة لعملية الرفع (يمكنك إزالتها إذا كان الرفع فعلياً يتم عبر Ajax)
            setTimeout(function() {
                loader.hide(); // إخفاء اللودر
                nameDisplay.text(  fileName).fadeIn(); // إظهار الاسم
            }, 1000); // مدة اللودر ثانية واحدة
        } else {
            loader.hide();
            nameDisplay.hide();
        }
    });
});

</script>
<?php get_footer();?>