<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php $__env->startSection('title', $page . ' | ' . get_setting('site_name')); ?>
  <div class="mt-4 grid grid-cols-12 gap-4 sm:mt-5 sm:gap-5 lg:mt-6 lg:gap-6">
    <div class="col-span-12 lg:col-span-8">
      <div x-data="{activeTab:'PTC'}" class="tabs flex flex-col">
        <div
          class="is-scrollbar-hidden overflow-x-auto rounded-lg bg-slate-200 text-slate-600 dark:bg-navy-800 dark:text-navy-200"
        >
          <div class="tabs-list flex px-1.5 py-1">
            <button
              @click="activeTab = 'PTC'"
              :class="activeTab === 'PTC' ? 'bg-white shadow dark:bg-navy-500 dark:text-navy-100' : 'hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
              class="btn shrink-0 space-x-2 px-3 py-1.5 font-medium"
              id="loadPtcAds"
            >
            <i class="fas fa-window-maximize"></i>
              <span>PTC</span>
            </button>
            <button
              @click="activeTab = 'Shortlink'"
              :class="activeTab === 'Shortlink' ? 'bg-white shadow dark:bg-navy-500 dark:text-navy-100' : 'hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
              class="btn shrink-0 space-x-2 px-3 py-1.5 font-medium"
              id="loadShortlinks"
            >
            <i class="fas fa-link"></i>
              <span>Shortlink</span>
            </button>
            <button
              onclick="window.open('https://bitcotasks.com/offerwall/<?php echo e(get_setting('bitcotasks_api')); ?>/<?php echo e(Auth::user()->id); ?>')"
              class="btn shrink-0 space-x-2 px-3 py-1.5 font-medium"
            >
            <i class="fas fa-external-link"></i>
              <span>more offers</span>
            </button>
          </div>
        </div>
        <?php if(!empty(get_setting('offer_top_ad'))): ?>
          <div align="center" class="py-3">
              <?php echo get_setting('offer_top_ad'); ?>

          </div>
        <?php endif; ?>
        <div class="tab-content pt-4">
          <div
            x-show="activeTab === 'PTC'"
            x-transition:enter="transition-all duration-500 easy-in-out"
            x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
            x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]"
          >
            <div id="ptc-result">
                <div class="w-full px-6 py-4"><div class="skeleton animate-wave h-3 w-full rounded bg-slate-150 dark:bg-navy-500"></div><div class="skeleton animate-wave mt-4 h-3 w-8/12 rounded bg-slate-150 dark:bg-navy-500"></div></div>
            </div>
          </div>
          <div
            x-show="activeTab === 'Shortlink'"
            x-transition:enter="transition-all duration-500 easy-in-out"
            x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
            x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]"
          >
            <div id="shortlink-result">
                <div class="w-full px-6 py-4"><div class="skeleton animate-wave h-3 w-full rounded bg-slate-150 dark:bg-navy-500"></div><div class="skeleton animate-wave mt-4 h-3 w-8/12 rounded bg-slate-150 dark:bg-navy-500"></div></div>
            </div>
          </div>
        </div>
        <?php if(!empty(get_setting('offer_bottom_ad'))): ?>
          <div align="center" class="py-3">
              <?php echo get_setting('offer_bottom_ad'); ?>

          </div>
        <?php endif; ?>
      </div>
    </div>
    <div class="col-span-12 gap-4 sm:gap-5 lg:col-span-4 lg:gap-6">
        <!-- Offerwall History Table -->
        <div class="overflow-x-auto">
          <table class="is-hoverable w-full text-left">
            <thead>
              <tr>
                <th class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> Status </th>
                <th class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> Transaction </th>
                <th class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> Balance </th>
                <th class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">Date</th>
              </tr>
            </thead>
            <tbody id="offerwall-history">
              <tr>
                <td colspan="5" class="text-center py-4"><div class="w-full px-6 py-4"><div class="skeleton animate-wave h-3 w-full rounded bg-slate-150 dark:bg-navy-500"></div><div class="skeleton animate-wave mt-4 h-3 w-8/12 rounded bg-slate-150 dark:bg-navy-500"></div></div></td>
              </tr>
            </tbody>
          </table>
        </div>
        
        <!-- Pagination -->
        <div id="pagination" class="mt-4 flex justify-center"></div>

    </div>
  </div>
<?php $__env->startPush('scripts'); ?>
<script>
var offerwall = 'bitcotasks';
</script>
<script src="/dist/js/offers.js?v=<?php echo e(config('app.version')); ?>"></script>
<?php $__env->stopPush(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php /**PATH /home/bitcoscript/public_html/resources/views/offerwalls/bitcotasks.blade.php ENDPATH**/ ?>