@extends('layouts.app')
@section('content')
    <div class="container">
        <div>

            <div id="services_page">

                <div class="row" style="width: 100%;">
                    @foreach ($page_contents as $page_content)
                        
                        @if ($page_content->location_id == 12 ||
                            $page_content->location_id == 13 ||
                            $page_content->location_id == 14 ||
                            $page_content->location_id == 15 ||
                            $page_content->location_id == 16 ||
                            $page_content->location_id == 17 ||
                            $page_content->location_id == 18 ||
                            $page_content->location_id == 22 ||
                            $page_content->location_id == 60)
                            @if ($page_content->location_id == 60)
                                <div class="col-md-12">
                                @else
                                    <div class="col-sm-12 col-md-6">
                            @endif
                            <div class="feature-box-services m-4" data-id="location_id_{{ $page_content->location_id }}">
                                <div class="feature-box-info">
                                    <a style="text-decoration: none;"
                                        @if ($page_content->location_id == 12) href="same-day-editing"
                                    @elseif ($page_content->location_id == 13)
                                            href="academic-editing"
                                        @elseif ($page_content->location_id == 14)
                                                href="book-editing-services"
                                            @elseif ($page_content->location_id == 15)
                                                    href="ESL-editing"
                                                @elseif ($page_content->location_id == 16)
                                                        href="business-document-editing"
                                                    @elseif ($page_content->location_id == 17)
                                                            href="personal-document-editing" @endif>
                                        <h4 class="shorter">
                                            <span class="feature-box-icon">
                                                @if ($page_content->location_id == 12)
                                                    <img src="../img/homePage/time_icon.png">
                                                @elseif ($page_content->location_id == 13)
                                                    <img src="../img/homePage/academicHat_icon.png">
                                                @elseif ($page_content->location_id == 14)
                                                    <img src="../img/homePage/book_icon.png">
                                                @elseif ($page_content->location_id == 15)
                                                    <img src="../img/homePage/comm_icon.png">
                                                @elseif ($page_content->location_id == 16)
                                                    <img src="../img/homePage/briefcase_icon.png">
                                                @elseif ($page_content->location_id == 17)
                                                    <img src="../img/homePage/person_icon.png">
                                                @else
                                                    <i class="icon {{ $page_content->icon }}"></i>
                                                @endif
                                            </span>

                                            {{ $page_content->page_content_name }}
                                        </h4>
                                    </a>
                                    <p class="tall">
                                        {{ strip_tags($page_content->abstract) }} </p>
                                </div>
                                <div class="feature-box-services-btn">
                                    @if ($page_content->location_id == 12)
                                        <a href="/editors?specialty=available,13,14,15" 
                                        @elseif ($page_content->location_id == 13) <a href="/editors?specialty=available,2"
                                         @elseif ($page_content->location_id == 14) <a href="/editors?specialty=available,3,16,17"
                                        @elseif ($page_content->location_id == 15) <a href="/editors?specialty=available,4"
                                        @elseif ($page_content->location_id == 16) <a href="/editors?specialty=available,5"
                                        @elseif ($page_content->location_id == 17) <a href="/editors?specialty=available,6"
                                        @elseif ($page_content->location_id == 18) <a href="/editors?specialty=available,7"
                                        @elseif ($page_content->location_id == 22) <a href="/editors?specialty=available,11"
                                        @elseif ($page_content->location_id == 60) <a href="/editors?specialty=available,18"
                                            @endif
                                            class="btn knowmad_btn_yellow_border knowmad_btn">Find Editors</a>
                                </div>

                            </div>

                </div>
                @if ($page_content->location_id == 13 || $page_content->location_id == 15 || $page_content->location_id == 17)
                    {{--  closing row tag  --}}
            </div>
            {{-- opening new row tag for every other service so that we keep 2 on a row --}}
            <div class="row" style="width: 100%;">
            @elseif ($page_content->location_id == 60)
                {{-- close row tag on last service --}}
            </div>
            {{-- close if statement for rows --}}
            @endif

            {{-- closing if statement for specified services --}}
            @endif

            {{-- closing for each on service --}}
            @endforeach

            {{-- closing <div id="services_page" --}}
        </div>

    </div>
    <div class="row sidebar" style="width: 100%;margin-top:20px;">
        <div class="col-md-12 container">
            <div class="row">
                @if (isset($featured_editor))
                    <div class="col-md-7" style="">
                        {{-- @include('partials.featured_editor', [
                            'editor' => $featured_editor,
                            'editor_specialties' => editors()->getSpecialties($featured_editor->editor->id),
                        ]) --}}
                    </div>
                @endif

                <div class="col-md-5" style="">
                    @include('partials.pricingcalculator')
                </div>
            </div>
        </div>

    </div>
@endsection