@section('css')
    <link href="{{ url('css/step_wizard.css') }}" rel="stylesheet">
@endsection

<section class="signup-step-container">
    <div class="wizard">
        <div class="wizard-inner">
            <div class="connecting-line"></div>
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="@if(!$request['step'] || $request['step'] == '1') active @endif">
                    @php
                        $href = route('webstore_flashsale_add');
                        $is_btn_active = '';
                    @endphp
                    <a href="{{ $href }}?campaignId={{ @$fs_campaign->id }}&step=1"><span class="round-tab {{ $is_btn_active }}">1 </span> <i></i></a>
                </li>

                <li role="presentation" class="@if($request['step'] == '2') active @endif">
                    @php
                        $is_btn_active = 'round-inactive';
                        if($request['step'] == '2' || (int)$request['step'] > 2) {
                            $href = route('webstore_flashsale_add');
                            $is_btn_active = '';
                        }
                        else $href = "#";
                    @endphp
                    <a href="{{ $href }}?campaignId={{ @$fs_campaign->id }}&step=2"><span class="round-tab {{ $is_btn_active }}">2</span> <i></i></a>
                </li>

                <li role="presentation" class="@if($request['step'] == '3') active @endif">
                    @php
                        $is_btn_active = 'round-inactive';
                        if($request['step'] == '3') {
                            $href = route('webstore_flashsale_add');
                            $is_btn_active = '';
                        }
                        else $href = "#";
                    @endphp
                    <a href="{{ $href }}?campaignId={{ @$fs_campaign->id }}&step=3"><span class="round-tab {{ $is_btn_active }}">3</span> <i></i></a>
                </li>
            </ul>
        </div>
    </div>
</section>