@extends('layouts.app')
@section('content')
    <div class="container">
        <div>
            *Choose a "Services" option to view the editing, writing, and rewriting applications. If you already have a provider account with us then please apply through "My Services" in your console.
            <div class="d-flex align-items-start">
                <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <span style="text-align: center; color: var(--navy_blue); border-bottom: 1px solid lightgray; margin-bottom: 4px; margin-top: 16px; font-weight: bold;">
                        Services
                    </span>
                    @foreach ($provider_svcs as $key => $svc)
                        <button class="nav-link @if ($key === 0) active @endif"
                            id="v-pills-{{ $svc->id }}-tab" data-bs-toggle="pill"
                            data-bs-target="#v-pills-{{ $svc->id }}" type="button" role="tab"
                            aria-controls="v-pills-{{ $svc->id }}" aria-selected="true">{{ $svc->service }}</button>
                    @endforeach
                </div>

                <div class="tab-content" id="v-pills-tabContent" style="width: 100%;">
                    @foreach ($provider_svcs as $key => $svc)
                        <div class="tab-pane fade @if ($key === 0) show active @endif "
                            id="v-pills-{{ $svc->id }}" role="tabpanel"
                            aria-labelledby="v-pills-{{ $svc->id }}-tab">

                            <h2>{{ $svc->service }} Application </h2>
                            <hr>

                            <h3>Directions</h3>
                            <div>
                                {!! $svc->application_directions !!}
                            </div>
                            <div style="text-align: center; padding: 24px">
                                <a href="{{ route('public.providerRegistration', ['provider_svc_id' => $svc->id]) }}"
                                    type="submit" class="btn apply-btn knowmad_btn_blue knowmad_btn">
                                    @if ($svc->id == 1)
                                    Apply as an Editor
                                    @elseif ($svc->id == 2)
                                    Apply as a Writer
                                    @elseif ($svc->id == 3)
                                    Apply as a Rewriter
                                    @endif
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- <div class="col-md-12">
                <h1>Provider Application Directions</h1>
                <div>
                    <div class="featured-box featured-box-secundary text-left default info-content no-margin-top">
                        <div class="box-content">
                            {!! $pageContent->page_content_description !!}
                        </div>
                    </div>
                    <div class="center">
                        <a href="{{ route('public.providerApplication') }}"
                            class="btn knowmad_btn_blue knowmad_btn btn-lg mb-2">Apply</a>
                    </div>
                </div>
            </div> --}}
        </div>
    </div>
@endsection

@push('footer_js')
@endpush