Viewing file:  step3.blade.php (14.57 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('frontend.postad.index')
@section('title', __('step3'))
@section('post-ad-content')
<div x-data="{ whatsapp: false }">
<form action="{{ route('frontend.payper.ads.post.step3.store') }}" method="POST">
@csrf
<div class="sm:p-8 p-4 flex flex-col gap-8">
<div class="flex flex-col gap-4">
<div>
<div class="w-full flex flex-wrap gap-4 justify-between items-center mb-1.5">
<div>
<label for="phone" class="tc-label mb-0">
{{ __('phone_number') }}
<span class="text-red-600">*</span>
</label>
</div>
<div>
<div class="tc-checkbox">
<input @change="whatsapp = !whatsapp" type="checkbox" name="" id="whatsapp">
<label for="whatsapp">
{{ __('i_have_different_phone_number_for_whatsapp') }}
</label>
</div>
</div>
</div>
<div>
<input required type="text" placeholder="{{ __('phone') }}"
class="tc-input @error('phone') @twMerge('focus:border-red-500 hover:border-red-500 border-red-500') @enderror"
name="phone" value="{{ old('phone', $ad?->phone) }}" id="phone">
@error('phone')
<p class="text-sm text-red-600 dark:text-red-500">{{ $message }}</p>
@enderror
</div>
</div>
<div x-show="whatsapp" x-cloak>
<x-forms.flabel name="whatsapp_number" for="whatsapp_number" />
<input type="text" placeholder="{{ __('whatsapp_number') }}" class="tc-input"
:name="whatsapp ? 'whatsapp' : ''" value="{{ old('whatsapp', $ad?->whatsapp) }}">
</div>
<div>
<label for="email" class="tc-label">{{ __('email_address') }}</label>
<input type="email" name="email" id="email" class="tc-input"
value="{{ old('email', $ad?->email ?? auth()->user()->email) }}"
placeholder="{{ __('email_address') }}">
</div>
</div>
<!--Promotions Selecting Option -->
<div class="promotions-wrapper">
<div class="flex items-center mb-2">
<h6 class="heading-06">{{ __('promote_listing') }}</h6>
<p class="text-sm">
(<a href="{{ route('frontend.promotions') }}" class="pl-1 underline text-blue-500"
target="_blank">{{ __('know_more_about_promotion') }}</a>):
</p>
</div>
<!-- Promotion Item Start -->
<div class="promotion-item mt-3 mb-3">
<input name="featured" type="hidden" value="0">
<label for="featured"
class="cursor-pointer flex promote-ad border-2 border-transparent px-4 py-3 rounded-md bg-gray-50 w-full">
<input @checked(old('featured', $ad?->featured ?? '') == 1) type="checkbox" class="hidden"
name="featured" id="featured" value="1">
<div class="flex align-center">
<img class="h-14" src="{{ asset('frontend/images/promotions-img/featured-promote.svg') }}"
alt="">
@php
$plan = loadSetting()::query()->select('id', 'per_ads_active', 'per_ads_price',
'highlight_ads_price', 'highlight_ads_duration', 'featured_ads_price',
'featured_ads_duration', 'top_ads_price', 'top_ads_duration', 'bump_ads_price',
'bump_ads_duration', 'urgent_ads_price', 'urgent_ads_duration')->first();
@endphp
<div class="text-left grow ml-3">
<h3 class="heading-07">{{ __('featured_listing') }} <b>
( {{ __('price') }}
{{ currentCurrencySymbol() }} {{ currencyDollarExchange($plan->featured_ads_price)
}} )
</b></h3>
<p class="leading-6">
{{ __('select_this_promotion_to_make_listing_featured') }}
{{ __('for') }}
{{ $plan->featured_duration < 1 ? __('lifetime') : $plan->featured_duration }}
@if ($plan->featured_duration == 1)
{{ __('day') }}.
@else
{{ __('days') }}.
@endif
</p>
<p class="leading-6">{{ $user_plan_data->featured_limit }} {{ __('featured_listing') }}
{{ __('remaining') }}.</p>
</div>
</div>
</label>
</div>
<!-- Promotion Item End -->
<!-- Promotion Item Start -->
<div class="promotion-item mt-3 mb-3">
<input name="urgent" type="hidden" value="0">
<label for="urgent"
class="cursor-pointer flex promote-ad border-2 border-transparent px-4 py-3 rounded-md bg-gray-50 w-full">
<input @checked(old('urgent', $ad?->urgent ?? '') == 1) type="checkbox" class="hidden"
name="urgent" id="urgent" value="1">
<div class="flex align-center">
<img class="h-14" src="{{ asset('frontend/images/promotions-img/urgent-promote.svg') }}"
alt="">
<div class="text-left grow ml-3">
<h3 class="heading-07">{{ __('urgent_listing') }} <b>
( {{ __('price') }}
{{ currentCurrencySymbol() }} {{ currencyDollarExchange($plan->urgent_ads_price)
}} )
</b></h3>
<p class="leading-6">{{ __('select_this_promotion_to_make_listing_urgent') }}
{{ __('for') }}
{{ $plan->urgent_ads_duration < 1 ? __('lifetime') : $plan->urgent_ads_duration }}
@if ($plan->urgent_durgent_ads_durationuration == 1)
{{ __('day') }}.
@else
{{ __('days') }}.
@endif
</p>
<p class="leading-6">{{ $user_plan_data->urgent_ads_duration }} {{ __('urgent_listing')
}} {{ __('remaining') }}.</p>
</div>
</div>
</label>
</div>
<!-- Promotion Item End -->
<!-- Promotion Item Start -->
<div class="promotion-item mt-3 mb-3">
<input name="highlight" type="hidden" value="0">
<label for="highlight"
class="cursor-pointer flex promote-ad border-2 border-transparent px-4 py-3 rounded-md bg-gray-50 w-full">
<input @checked(old('highlight', $ad?->highlight ?? '') == 1) type="checkbox" class="hidden"
name="highlight" id="highlight" value="1">
<div class="flex align-center">
<img class="h-14" src="{{ asset('frontend/images/promotions-img/highlight-promote.svg') }}"
alt="">
<div class="text-left grow ml-3">
<h3 class="heading-07">{{ __('highlight_listing') }} <b>
( {{ __('price') }}
{{ currentCurrencySymbol() }} {{ currencyDollarExchange($plan->highlight_ads_price)
}} )
</b></h3>
<p class="leading-6">
{{ __('select_this_promotion_to_make_listing_highlight') }}
{{ __('for') }}
{{ $plan->highlight_duration < 1 ? __('lifetime') : $plan->highlight_duration }}
@if ($plan->highlight_duration == 1)
{{ __('day') }}.
@else
{{ __('days') }}.
@endif
</p>
<p class="leading-6">{{ $user_plan_data->highlight_limit }} {{ __('highlight_listing')
}} {{ __('remaining') }}.</p>
</div>
</div>
</label>
</div>
<!-- Promotion Item End -->
<!-- Promotion Item Start -->
<div class="promotion-item mt-3 mb-3">
<input name="top" type="hidden" value="0">
<label for="top"
class="cursor-pointer flex promote-ad border-2 border-transparent px-4 py-3 rounded-md bg-gray-50 w-full">
<input @checked(old('top', $ad?->top ?? '') == 1) type="checkbox" class="hidden" name="top"
id="top" value="1">
<div class="flex align-center">
<img class="h-14" src="{{ asset('frontend/images/promotions-img/top-promote.svg') }}"
alt="">
<div class="text-left grow ml-3">
<h3 class="heading-07">{{ __('top_listing') }} <b>
( {{ __('price') }}
{{ currentCurrencySymbol() }} {{ currencyDollarExchange($plan->top_ads_price)
}} )
</b></h3>
<p class="leading-6">{{ __('select_this_promotion_to_make_listing_top') }}
{{ __('for') }}
{{ $plan->top_duration < 1 ? __('lifetime') : $plan->top_duration }}
@if ($plan->top_duration == 1)
{{ __('day') }}.
@else
{{ __('days') }}.
@endif
</p>
<p class="leading-6">{{ $user_plan_data->top_limit }} {{ __('top_listing') }} {{
__('remaining') }}.</p>
</div>
</div>
</label>
</div>
<!-- Promotion Item End -->
<!-- Promotion Item Start -->
<div class="promotion-item mt-3 mb-3">
<input name="bump_up" type="hidden" value="0">
<label for="bump_up"
class="cursor-pointer flex promote-ad border-2 border-transparent px-4 py-3 rounded-md bg-gray-50 w-full">
<input @checked(old('bump_up', $ad?->bump_up ?? '') == 1) type="checkbox" class="hidden"
name="bump_up" id="bump_up" value="1">
<div class="flex align-center">
<img class="h-14" src="{{ asset('frontend/images/promotions-img/bumpup-promote.svg') }}"
alt="">
<div class="text-left grow ml-3">
<h3 class="heading-07">{{ __('bump_up_listing') }} <b>
( {{ __('price') }}
{{ currentCurrencySymbol() }} {{ currencyDollarExchange($plan->bump_ads_price)
}} )
</b></h3>
<p class="leading-6">
{{ __('select_this_promotion_to_make_listing_bump_up') }}
{{ __('for') }}
{{ $plan->bump_up_duration < 1 ? __('lifetime') : $plan->bump_up_duration }}
@if ($plan->bump_up_duration == 1)
{{ __('day') }}.
@else
{{ __('days') }}.
@endif
</p>
<p class="leading-6">{{ $user_plan_data->bump_up_limit }} {{ __('bump_up_listing') }} {{
__('remaining') }}.</p>
</div>
</div>
</label>
</div>
<!-- Promotion Item End -->
</div>
<!--Promotions Selecting Option -->
</div>
<div class="post-footer">
<input type="submit" name="draft" class="btn-secondary cursor-pointer py-3 px-5"
value="{{ __('save_on_draft') }}" />
<div>
<a href="{{ route('frontend.post.step2.back') }}"
onclick="return confirm('{{ __('are_you_sure_to_go_back') }}')" class="py-3 px-5">{{ __('back')
}}</a>
<button type="submit" class="btn-primary py-3 px-5">{{ __('post_listing') }}</button>
</div>
</form>
</div>
@endsection
@push('css')
<style>
.promote-ad {
min-width: 150px;
text-align: center;
}
.promote-ad:has(input:checked) {
border-color: var(--primary-500);
background: var(--primary-50);
}
</style>
@endpush
|