@extends('layouts.main-layout')

@section('head-end')

<link rel="stylesheet" href="{{ mix('css/final/reseller-page.css') }}?u={{ env('APP_ASSET_TIMESTAMP') }}">

@endsection

@section('content')
<section class="section" id="section-1">
    <div class="container-fluid h-100" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/home/resell.jpg)">
        <div class="container h-100">
            <div class="d-flex justify-content-center align-items-center h-100">
                <h1 class="mb-0 text-white">
                    <b>
                        Reseller Platform
                    </b>
                </h1>
            </div>
        </div>
    </div>
</section>
<section class="section" id="section-2">
    <div class="container h-100">
        <div class="d-flex justify-content-center align-items-center h-100">
            <div class="row">
                <div class="col-lg-6 order-lg-1 order-2">
                    <h2 class="mt-lg-0 mt-3">
                        <b>
                            Our Offering
                        </b>
                    </h2>
                    <div class="mt-4">
                        <p>
                            Add your domain to the best portfolio of .io, .ac, .sh, and .tm domains in the world.
                        </p>
                        <p>
                            Our site receives over 500 unique visitors a day, with sales and auctions every week. Choose whether you want to advertise your domains with buy-now pricing and/or run a fully automated auction.
                        </p>
                        <p>
                            We offer three innovative solutions to help you maximize your return when selling your domain.
                        </p>
                        <div class="btn-divido-div">
                            <div class="btn btn-divido">
                                <a href="{{route('resellerPlatform')}}">
                                    Add your Domains here
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 second-col order-lg-2 order-1">
                    <img src="/images/home/resell-1.jpg" alt="About Divido" class="section-2-img">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section" id="section-3">
    <div class="container-fluid">
        <div class="container h-100">
            <div class="d-flex justify-content-center align-items-center">
                <div class="row w-100 gy-3">
                    @foreach($allPayments as $payments)
                    <div class="col-lg-4 col-12">
                        <div class="card plan-card">
                            <div class="card-body">
                                @foreach($payments as $ep)
                                <h5 class="">
                                    <b>
                                        {{ $ep->title }}
                                    </b>
                                </h5>
                                <ul style="list-style: none;" class="ps-0 mt-1">
                                    @isset($ep->percentage)
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> We handle everything
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> Automated Auction Service
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> {{ $ep->percentage }}% Commission
                                    </li>
                                    @else
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> Buy Now Pricing
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> Not Exclusive
                                    </li>
                                    <li>
                                        <i class="fa-solid fa-circle-check text-success"></i> No Percentage
                                    </li>
                                    @endisset
                                    @isset($ep->price)
                                        <i class="fa-solid fa-circle-check text-success"></i> {{ $ep->price }} USD / {{ $ep->period }}
                                    @else
                                        <i class="fa-solid fa-circle-check text-success"></i> No Flat Fee
                                    @endisset
                                </ul>
                                <button class="btn btn-divido w-100">
                                    <a href="{{route('resellerPlatform')}}">
                                        Sign Up
                                    </a>
                                </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section" id="section-4">
    <div class="container h-100">
        <div class="d-flex flex-column h-100">
            <h3 class="text-dark">
                <b>
                    White Label
                </b>
            </h3>
            <p class="mt-4 mb-0">
                Want to use our proven automated auction and sales platform, for your own business. Please contact us to find out more. 
            </p>
            <button class="btn btn-divido mt-3">
                <a href="{{route('contact')}}">
                    Get in Touch
                </a>
            </button>
        </div>
    </div>
</section>
@endsection