@extends('layouts.'.env('THEME'))



@section('moreStyle')

<style>

</style>

@endsection

@section('content')

<div class="container" id="main-container">

    <div class="row mt-3 mb-3">
        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
        <div class="col-lg-8 col-md-8 col-sm-10 col-12 pb-2">
            <div class="btn-group w-100 d-none d-md-inline-flex">
                <x-btn_state_link
                    name="package"
                    href="/champion_dashboard/package"
                    active="{{ ($active_page == 'package' ? true : false) }}"/>
                @if(!empty($user->lead->commit_state))
                <x-btn_state_link
                    name="appointment"
                    href="/champion_dashboard/survey"
                    active="{{ ($active_page == 'survey' ? true : false) }}"/>
                @endif
                @if($user->lead->billingAvailable())
                <x-btn_state_link
                    name="billing{!! ($user->lead->billingTodoCount() ? '|1' : '') !!}"
                    href="/champion_dashboard/billing"
                    active="{{ ($active_page == 'billing' ? true : false) }}"/>
                @endif
                @if($user->lead->isVoucher())
                <x-btn_state_link
                    name="voucher{!! ($user->lead->voucher_consent ? '' : '|1') !!}"
                    href="/champion_dashboard/voucher"
                    active="{{ ($active_page == 'voucher' ? true : false) }}"/>
                @endif
                <x-btn_state_link
                    name="profile"
                    href="/champion_dashboard/profile"
                    active="{{ ($active_page == 'profile' ? true : false) }}"/>
                @if(empty($user->lead->getArea()))

                @elseif($user->lead->isVoucher()
                    || $user->lead->getArea()->area_targets->count() > 0)
                <x-btn_state_link
                    name="area stats{!! ($user->lead->viewed_area ? '' : '|1') !!}"
                    href="/champion_dashboard/area"
                    active="{{ ($active_page == 'area' ? true : false) }}"/>
                @endif
                <x-btn_state_link
                    name="referrals{!! ($user->lead->viewed_referrals ? '' : '|1') !!}"
                    href="/champion_dashboard/referrals"
                    active="{{ str_contains($active_page, 'referrals') }}"/>
            </div>
            <div class="w-100 d-inline-block d-md-none" style="text-align: center;">
                <x-btn_mob_state_link
                    name="package"
                    href="/champion_dashboard/package"
                    active="{{ ($active_page == 'package' ? true : false) }}"/>
                @if(!empty($user->lead->commit_state))
                <x-btn_state_link
                    name="appointment"
                    href="/champion_dashboard/survey"
                    active="{{ ($active_page == 'survey' ? true : false) }}"/>
                @endif
                @if($user->lead->billingAvailable())
                <x-btn_mob_state_link
                    name="billing{!! ($user->lead->billingTodoCount() ? '|1' : '') !!}"
                    href="/champion_dashboard/billing"
                    active="{{ ($active_page == 'billing' ? true : false) }}"/>
                @endif
                @if($user->lead->isVoucher())
                <x-btn_mob_state_link
                    name="voucher{!! ($user->lead->voucher_consent ? '' : '|1') !!}"
                    href="/champion_dashboard/voucher"
                    active="{{ ($active_page == 'voucher' ? true : false) }}"/>
                @endif
                <x-btn_mob_state_link
                    name="profile"
                    href="/champion_dashboard/profile"
                    active="{{ ($active_page == 'profile' ? true : false) }}"/>
                @if(empty($user->lead->getArea()))

                @elseif($user->lead->isVoucher()
                    || $user->lead->getArea()->area_targets->count() > 0)
                <x-btn_mob_state_link
                    name="area stats{!! ($user->lead->viewed_area ? '' : '|1') !!}"
                    href="/champion_dashboard/area"
                    active="{{ ($active_page == 'area' ? true : false) }}"/>
                @endif
                <x-btn_mob_state_link
                    name="referrals{!! ($user->lead->viewed_referrals ? '' : '|1') !!}"
                    href="/champion_dashboard/referrals"
                    active="{{ str_contains($active_page, 'referrals') }}"/>

            </div>
        </div>

        <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
    </div>

    @if(!empty($override_page))
        @include('champion.'.$override_page)
        @if($active_page == 'package')
        @if(!empty($lead->currentSubscription()))
                <x-subscription :sub="$lead->currentSubscription()" payable="0" />
            @elseif(!empty($lead->getPreSubscription()))
                <x-subscription :sub="$lead->getPreSubscription()" payable="0" />
            @endif
        @elseif($active_page == 'billing')
            @if($lead->user->default_password)

            <div class="row p-2 see-more">
                <div class="col-12">
                    <h5>Change password</h5>
                </div>
            </div>

            <div class="col-12">
            {!! Form::open(
                ['route' => ['lead.password_update', $user->id],
                'id' => 'password_form'
                ]) !!}
                @method('POST')
                {!! Form::hidden('page', $active_page) !!}
               <div class="row my-3">
                    <div class="col-sm-6 col-12">
                        <label>New password</label>
                        <input type="password" class="form-control"
                            name="password" max="120" placeholder="New password"
                            required>
                        <div class="w-100 py-2 d-sm-none"></div>
                    </div>
                    <div class="col-sm-6 col-12">
                        <label>Confirm password</label>
                        <input type="password" class="form-control"
                            name="vpassword" max="120" placeholder="Confirm password"
                            required>
                    </div>
                </div>

                <div class="row my-3">
                    <div class="col-12 text-right">
                        <button class="ml-3 btn btn-primary" type="submit">
                            Update password
                        </button>
                    </div>
                </div>

                {!! Form::close() !!}
            </div>


            @endif
        @endif
    @else
        @if($active_page == 'survey')
<div class="row mt-3 mb-3">
    <div class="col-lg-2 col-md-2 col-sm-1 col-0"></div>
    <div class="col-lg-8 col-md-8 col-sm-10 col-12 pb-2">
            @include('champion.survey.survey')
    </div>
</div>
        @else
            @if(!empty($include_page_override))
                @include('champion.'.$include_page_override)
            @else
                @include('champion.'.$active_page)
            @endif
        @endif
    @endif


</div>

<div class="container-fluid light-bg mt-5 pt-5 pb-5" style="overflow: hidden;">
    <x-section_heading
        title="Contact us"
        subtitle="Need help? Have an idea you would like to share with us? Please feel free to send us a message."
        rowclass="mb-3"/>
    <div class="row">
        <div class="col-12 text-center">
            <a href="/contact" class="btn btn-primary">
                Open contact form
            </a>
        </div>
    </div>


</div>
@endsection