@extends('layouts.app' , ['header' => true])

{{-- @section('back_button')
    <a href="{{ route('welcome') }}" class="back-btn-back">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection --}}

@section('content')
    <section class="main-sec member-sec">
        <div class="container">
            <div class="member-wrapper">
                <div class="sec-heading">
                    <h2>Become a HOST</h2>
                    <p>Host your own private group challenge with all the same functionality provided within the
                        Ready-Aim-Fire Leaderboard platform. </p>
                </div>
                <div class="memeber-benifit-box mb-3">
                    <h3 class="text-center">Hosting Benefits</h3>
                    <ul class="memeber-benifit-list">
                        <li> You create the event the rules, choose the target, and determine either to keep the event
                            private or have it promoted on the RAF platform</li>
                        <li>You determine the event fee and keep 100% of the event fee proceeds (minus a 3% payment processing fee)*</li>
                        <li>You will receive 20% of any NEW RAF member subscription revenue that your event brings to the
                            platform for as long as they remain an active member
                        </li>
                    </ul>
                </div>

                <div class="continue-to-experience">
                    <div class="memeber-price-box">
                        <label for="memeber-price-card" class="mb-0">
                            <div class="memeber-price-details-outer becomehost-div">
                                <div class="memeber-benifit-box mb-3 text-center">
                                    <h3>Continue to experience</h3>
                                </div>
                                <div class="continue-to-experience-details">
                                    <ol>
                                        <li>Setting up an event overview</li>
                                        <li>Creating your own unique pistol or rifle divisions</li>
                                        <li>Creating the round rules</li>
                                        <li>Creating and uploading the event rules</li>
                                        <li>Uploading your target and promotional video </li>
                                    </ol>
                                </div>
                            </div>
                        </label>
                    </div>
                </div>
                <a href="{{ route('host.event.form.show') }}" class="button primary-btn full-btn show-anchor-disable"> Continue
                    <div class="spinner-border d-none" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </a>
            </div>
        </div>
    </section>
@endsection