@extends('layouts.frontlayout')
@section('content')

<section class="submit_listing_section top-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12 mx-auto">
                <div class="submit_listing_area">
                    <div class="header_area">
                        <h1>Submit Your Listing</h1>
                        <p>Please fill in the fields below to post your classified ad.
                        </p>
                        <div class="header_image1">
                            <img src="{{ url('frontend/images/vector1.png') }}" alt="..." />
                        </div>
                    </div>
                    <form action="{{ route('placeAdd.plans', ['id' => General::encrypt($row->id)]) }}" method="post" class="plan_details">
                        {{ csrf_field() }}
                        <div class="form_step5">
                            <div class="box_area">
                                <div class="top_bar">
                                    <div class="line_bar">
                                        <div class="bar_inn" style="width:100%;"></div>
                                        <div class="bar_wrap">
                                            <div class="bar_circle circle_1"></div>
                                            <div class="bar_circle circle_2"></div>
                                            <div class="bar_circle circle_3"></div>
                                            <div class="bar_circle circle_4"></div>
                                            <div class="bar_circle circle_5"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="top_bar_name">
                                    <div class="bar_circle circle_1">Details</div>
                                    <div class="bar_circle circle_2">Photos</div>
                                    <div class="bar_circle circle_3">Health Tests</div>
                                    <div class="bar_circle circle_4">Pedigree</div>
                                    <div class="bar_circle circle_5">Plans</div>
                                    
                                </div>
                                <div class="row">
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 planSection">
                                        @if($perDayPlan && $perDayPlan->toArray() && (!$user->membership_id || strtotime($user->membership_expire) < strtotime(date('Y-m-d')) ))
                                        <div class="subscribe_plan mb-2 per_day_plans">
                                            <div class="head_plan">
                                                <h1>Pay Per Ad Plan</h1>
                                            </div>
                                            <div class="inner_detail">
                                                <div class="plan_detail two">
                                                    @foreach($perDayPlan as $p => $day)
                                                    <div class="subs_type">
                                                        <div class="left_area">
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input per_day_plan {{ $p == 0 ? 'readonlyChecbox' : "" }}" id="{{ $day->slug }}" name="plan_features[]" value="{{ $day->slug }}" required {{ $p == 0 ? 'checked' : "" }}>
                                                                <label class="custom-control-label" for="{{ $day->slug }}">{{ $day->title }} <span>{{ $day->description }}</span></label>
                                                            </div>
                                                        </div>
                                                        <div class="right_area">
                                                            <p>
                                                                {{ $day->currency.' '.$day->price }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>                                               
                                            </div>
                                        </div>
                                        @endif
                                        @if($memberships && $memberships->toArray())
                                        <div class="subscribe_plan membership_plans">
                                            @if($user->membership_id && strtotime($user->membership_expire) >= strtotime(date('Y-m-d')))
                                            <div class="head_plan">
                                                <h1>Select Plan</h1>
                                            </div>
                                            @else
                                            <div class="head_plan">
                                                <h1>Subscription Plan</h1>
                                            </div> 
                                            @endif                                          
                                            <div class="inner_detail">
                                                @if(!$user->membership_id || strtotime($user->membership_expire) < strtotime(date('Y-m-d')) )
                                                <div class="plan_detail">
                                                    @foreach($memberships as $key => $m)
                                                    <div class="subs_type">
                                                        <div class="left_area">
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="radio" class="custom-control-input membership-{{$m->id}}" id="{{ $m->slug }}" name="membership" value="{{ $m->slug }}" data-action="{{ route('placeAdd.changePlan', ['id' => General::encrypt($row->id)]) }}" data-ad-type="{{ $row->ad_type }}" data-update-type="">
                                                                <label class="custom-control-label" for="{{ $m->slug }}">{{ $m->title }}</label>
                                                            </div>
                                                        </div>
                                                        <div class="right_area">
                                                            <p>
                                                                {{ $m->currency.' '.$m->price }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                                @endif
                                                @if($user->membership_id && strtotime($user->membership_expire) >= strtotime(date('Y-m-d')))
                                                <div class="plan_detail two">
                                                    @foreach($memberships[0]->features as $k => $feature)
                                                    <div class="subs_type">
                                                        <div class="left_area">
                                                            <div class="custom-control custom-checkbox" data-id="membership-{{$feature->membership_id}}">
                                                                <input type="checkbox" class="custom-control-input membership_plan_features {{ $k == 0 ? 'readonlyChecbox' : "" }}" id="{{ $feature->slug }}" name="plan_features[]" value="{{ $feature->slug }}" {{ $k == 0 ? 'checked' : "" }} required>
                                                                <label class="custom-control-label" for="{{ $feature->slug }}">{{ $feature->title }} <span> {{ $feature->description }}</span></label>
                                                            </div>
                                                        </div>
                                                        <div class="right_area">
                                                            <p>
                                                                {{ $feature->currency.' '.$feature->price }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    <div class="seprater"></div>
                                                </div>
                                                <div class="ucl_section">
                                                    <ul>
                                                        <li>
                                                            UCL durations will be subject to different conditions
                                                        </li>
                                                        <li>
                                                            UCL ad must be within 6 months of due date
                                                        </li>
                                                        <li>
                                                            UCL ad will automaticaly expire on due date
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="seprater"></div>
                                                @else
                                                <div class="plan_detail two"></div>
                                                @endif
                                                
                                                @if(!$user->membership_id || strtotime($user->membership_expire) < strtotime(date('Y-m-d')))
                                                <div class="subscription_benefits">
                                                    <h5>
                                                        Subscription Benefits
                                                    </h5>
                                                    <div class="benfits_list">
                                                        <ul>
                                                            <li>
                                                                <div class="left">
                                                                    <i class="fas fa-check-circle"></i>
                                                                </div>
                                                                <div class="right">
                                                                    <p>
                                                                        Pedigree & health test info stored
                                                                    </p>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="left">
                                                                    <i class="fas fa-check-circle"></i>
                                                                </div>
                                                                <div class="right">
                                                                    <p>Pre advertise upcoming litters</p>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="left">
                                                                    <i class="fas fa-check-circle"></i>
                                                                </div>
                                                                <div class="right">
                                                                    <p>Access to extended breeder details</p>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="button_area plans">
                                            <div class="left">
                                                <a href="{{ route('placeAdd.pedigree', [
                                                    'id' => General::encrypt($row->id),
                                                    'unique_id' => isset($_GET['unique_id']) && $_GET['unique_id'] ? $_GET['unique_id'] : '',
                                                    'dog_name' => isset($_GET['dog_name']) && $_GET['dog_name'] ? $_GET['dog_name'] : ''
                                                    ]) }}" class="btn btn-primary back back_steps_4"><i class="fal fa-long-arrow-left pe-2"></i> Back</a>
                                            </div>
                                            <div class="right">
                                                <button type="submit" class="btn btn-primary next_steps_5">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="image_2 d-lg-block d-none">
        <img src="{{ url('frontend/images/vector2.png') }}" alt="..." />
    </div>
    <div class="image_3 d-lg-block d-none">
        <img src="{{ url('frontend/images/vector3.png') }}" alt="..." />
    </div>
</section>

@endsection