@extends('layouts.app')

@section('content')
    <!-- Start Page Header Wrapper -->
    <div class="page-header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="page-header-content">
                        <h2>Chicken Incentives</h2>
                        <nav class="page-breadcrumb">
                            <ul class="d-flex justify-content-center">
                                <li>
                                    <a href="{{url('/')}}">Home</a>
                                </li>

                                <li>
                                    <a href="{{route('chicken-change')}}" class="active">Chicken Incentives</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Header Wrapper -->

    <!--== Start About Page Wrapper ==-->
    <div id="about-page-wrapper" class="pt-90 pt-md-60 pt-sm-50 pb-50 pb-md-20 pb-sm-10">
        <div class="about-content-wrap mb-84 mb-md-54 mb-sm-46">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 mb-sm-28 mb-md-24">
                        <div class="about-thumbnail">
                            <img src="{{asset('images/1.png')}}" alt="About Thumbnail"/>
                        </div>
                    </div>

                    <div class="col-lg-6 ml-auto my-auto">
                        <div class="about-content">
                            <h2>Basic Plan</h2>
                            <p>Buy chicken up to 10kg every month, consistently for three months</p>

                            <ul class="about-icon-list mt-36">
                                <li>
                                    <img src="assets/img/icons/about/about-icon2.png" alt="About Icon"/> <span>Reward</span>
                                </li>

                                <li>
                                    <span>Extra package worth 2kg</span>
                                </li>
                            </ul>

                            <form action="{{route('chickenchange.store')}}" method="POST">
                                @csrf
                                <label>
                                    <input type="hidden" name="plan" value="{{$plans[\App\Entities\Chickenchange\Chickenchange::basicPlan]}}">
                                </label>
                                <button type="{{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::basicPlan] ? 'button' : 'submit'}}" class="btn btn-black mt-5">
                                    {{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::basicPlan] ? 'Subscribed' : 'Subscribe'}} to Basic Plan
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="about-content-wrap mb-84 mb-md-54 mb-sm-46">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 ml-auto my-auto">
                        <div class="about-content">
                            <h2>Advanced Plan</h2>
                            <p>Buy chicken from 15kg to 25kg every month, consistently for three month
                            </p>

                            <ul class="about-icon-list mt-36">
                                <li>
                                    <img src="assets/img/icons/about/about-icon2.png" alt="About Icon"/> <span>Reward</span>
                                </li>
                                <li>
                                    <span>Free delivery + power oil + packet of seasoning cube</span>
                                </li>
                            </ul>

                            <form action="{{route('chickenchange.store')}}" method="POST">
                                @csrf
                                <label>
                                    <input type="hidden" name="plan" value="{{$plans[\App\Entities\Chickenchange\Chickenchange::silverPlan]}}">
                                </label>
                                <button type="{{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::silverPlan] ? 'button' : 'submit'}}" class="btn btn-black mt-5">
                                    {{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::silverPlan] ? 'Subscribed' : 'Subscribe'}} to Silver Plan
                                </button>
                            </form>
                        </div>
                    </div>

                    <div class="col-lg-5 mb-sm-28 mb-md-24">
                        <div class="about-thumbnail">
                            <img src="{{asset('images/2.png')}}" alt="About Thumbnail"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="about-content-wrap mb-84 mb-md-54 mb-sm-46">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 mb-sm-28 mb-md-24">
                        <div class="about-thumbnail">
                            <img src="{{asset('images/3.png')}}" alt="About Thumbnail"/>

                        </div>
                    </div>

                    <div class="col-lg-6 ml-auto my-auto">
                        <div class="about-content">
                            <h2>Premium Plan</h2>
                            <p>Buy chicken from 26kg to 50kg every month, consistently for three month
                            </p>

                            <ul class="about-icon-list mt-36">
                                <li>
                                    <img src="assets/img/icons/about/about-icon2.png" alt="About Icon"/> <span>Reward</span>
                                </li>
                                <li>
                                    <span>Free delivery + power oil + packet of seasoning cube + spices</span>
                                </li>
                            </ul>

                            <form action="{{route('chickenchange.store')}}" method="POST">
                                @csrf
                                <label>
                                    <input type="hidden" name="plan" value="{{$plans[\App\Entities\Chickenchange\Chickenchange::ogaPlan]}}">
                                </label>
                                <button type="{{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::ogaPlan] ? 'button' : 'submit'}}" class="btn btn-black mt-5">
                                    {{auth()->check() && auth()->user()->isSubscribedToChickenChange() && auth()->user()->chickenchange->plan === $plans[\App\Entities\Chickenchange\Chickenchange::ogaPlan] ? 'Subscribed' : 'Subscribe'}} to Oga Plan
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--== End About Page Wrapper ==-->


    @include('includes.productfooter')

@endsection