@extends('layouts.auth')

@section('title')
    Store Setup
@endsection

@section('content')

<div class="my-auto" style="margin-top: 100px !important;">

    <div>
        <div class="mx-auto mt-5 mb-3 text-center rounded-full">
        <a href="{{ url('/') }}"><img src="{{ asset('images/logo-dark.png') }}" style="height: 40px;" alt="" class="mx-auto mb-6"></a>
        </div>
    </div>

    <div class="text-center">
        <h5 class="text-lg font-bold text-gray-600 dark:text-gray-100 montserrat mb-4"><span class="text-orange-500">C2C </Colg>Store Name</span> Setup Fee</h5>
    </div>
    
    

    <!-- card body -->
    <div class="p-3 text-gray-600 dark:text-gray-100 max-w-[400px] mx-auto text-sm">
        <x-alert/>
        <b class="m-3">Welcome to Your C2C Store!</b><br>
        <!-- content goes here -->
        We're thrilled to have you join our growing community of sellers. To kickstart your journey and provide you with a seamless C2C selling experience, we require a one-time store setup fee of <b>$20</b>.
    </div>


    <div class="p-3 text-gray-600 dark:text-gray-100 max-w-[400px] mx-auto text-sm">
        <b class="m-3">Why a Setup Fee?</b><br>
        <!-- content goes here -->
        This nominal fee helps cover the costs associated with onboarding, maintaining your store, and providing top-notch support to ensure your success on our platform.
    </div>

    <form class="d-inline max-w-[400px] p-6 mx-auto" method="POST" action="{{ route('setup-payment') }}">
        @csrf

        <input type="hidden" name="type" value="setup"/>
        <input type="hidden" name="amount" value="20"/>
        <div class=""><b>Select Any Available Payment Method:</b></div>
        
        <select class="w-full p-6 text-md rounded-lg border focus:outline-none dark:bg-darkblack-600 focus:ring-0 dark:border-darkblack-400 text-bgray-900 dark:text-white required" name="currency">
            <option value="usdttrc20">
                USDTTRC20 - TRX Network (Available)
            </option>
            <option value="usdtsol">
                USDTSOL - SOL Network (Unavailable)
            </option>
        </select>
        <!-- card footer -->
        <div class="p-6 text-center border-gray-200">
            <!-- button link -->
            <button class="w-full px-3 py-3 mb-2 font-semibold text-white bg-orange-500 rounded-md" 
            type="submit">Proceed to pay $20 USDT</button>
        </div>
    </form>

</div>


@endsection
