@extends('layouts.master')
@section('page_title', $page_title)

@section('content')

    <div class="container">
        {{ Form::page_header($website_request->website_request_name, "hours") }}

        <div class="row">
            <div class="grey-bg curve_container">
                <div class="row">
                    @include('website._website_sidebar', compact('website_request'))
                    <div class="col-md-9 col-xs-9 detail-right-side">
                        <div class="white-bg">
                            <div class="row">{{ Form::label_title($page_title) }}</div>
                            {{ Form::separator_row('grey-divider') }}
                            <div class="row new-feedback-div" id="parent_{{$website_request->website_request}}_feedback_handle_"></div>
                            @foreach($sections as $section)
                                <div class="row">{{ Form::label_styled($section['section_name'], 'section-label section-'.$section['section_pk'].'-label', \App\Helpers\FormComponentHelper::SIZE_LARGE) }}</div>
                                @foreach($feedbacks->filter(function ($item) use ($section) { return $item->parent_pk == $section['section_pk']; }) as $feedback)
                                    @include('website._feedback', ['feedback' => $feedback, 'is_read_only' => $feedback->read_only_review])
                                @endforeach
                                @if(!$loop->last)
                                    <div class="section-{{$section['section_pk']}}-label">
                                        {{ Form::separator_row('grey-divider') }}
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <div class="row bt-button-row text-right">
                            @if($page_title === \App\Models\Website_Request::INTERNAL_PRELAUNCH_PAGE_TITLE &&
                                \App\Providers\AuthServiceProvider::user_has_permission(\App\Providers\AuthServiceProvider::SEE_READY_FOR_CLIENT_REVIEW))
                                {{ Form::button_ex('Ready For Client Review', "ready_for_client_review({$website_request->website_request});", 'ready-for-client-review') }}
                            @endif
                            @if($page_title === \App\Models\Website_Request::CLIENT_PRELAUNCH_PAGE_TITLE &&
                                \App\Providers\AuthServiceProvider::user_has_permission(\App\Providers\AuthServiceProvider::APPROVE_WEBSITE_REQUEST))
                                {{ Form::button_ex('Approve', "approve_website_request({$website_request->website_request});", 'approve-website-request') }}
                            @endif
                            @if($page_title === \App\Models\Website_Request::PROTOTYPE_FEEDBACK_PAGE_TITLE &&
                                \App\Providers\AuthServiceProvider::user_has_permission(\App\Providers\AuthServiceProvider::COMPLETE_PROTOTYPE))
                                {{ Form::button_ex('Complete', "complete_prototype({$website_request->website_request});", 'complete-prototype') }}
                            @endif
                            @if (isset($can_add) && $can_add)
                                {{ Form::button_ex("Add Feedback",
                                "window.scrollTo(0, 0); feedback_list_manager.add_one(
                                    '". $website_request->get_create_feedback_url($feedback_stage)."',
                                    feedback_selector.calc_new_handle_id('".$website_request->website_request."') );", 'add_child_btn') }}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    @include('shared_script._website_sidebar_script')
    @include('shared_script._list_manager')

    <script>
        var feedback_list_manager = null;
        var feedback_selector = null;

        $(document).ready(function() {
            feedback_list_manager = new list_manager('feedback', 'Feedback');
            feedback_list_manager.set_do_delete_function('do_delete_feedback');
            feedback_list_manager.set_after_delete_function('after_delete_feedback');
            feedback_selector = new secondary_level_selector('feedback', 'parent');
            feedback_autoheight();
        });

        @if(!\App\Models\Website_Request::is_all_website_request_feedback_confirmed($website_request->website_request))
            $('#ready-for-client-review').hide();
        @endif

        @if(!\App\Models\Website_Request::is_all_client_stage_feedback_complete($website_request->website_request))
            $('#approve-website-request').hide();
        @endif

        @if(!\App\Models\Website_Request::is_all_prototype_feedback_complete($website_request->website_request))
            $('#complete-prototype').hide();
        @endif

        function complete_prototype(website_request)
        {
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@complete_prototype') }}',
                data: {website_request: website_request},
                success: function (result) {
                    $('#website-sidebar-status:first').text('Website Request: Internal Review');
                    $('.website-sidebar-status-label .website-sidebar-content:last').text('Design: Complete');
                    $('#complete-prototype').hide();
                    $('#add_child_btn').hide();
                }
            });
        }

        function ready_for_client_review(website_request)
        {
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@ready_for_client_review') }}',
                data: {website_request: website_request},
                success: function (result) {
                    $('#website-sidebar-status:first').text('Website Request: Client Review');
                    $('#ready-for-client-review').hide();
                    $('#add_child_btn').hide();
                }
            });
        }

        function approve_website_request(website_request)
        {
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@approve_website_request') }}',
                data: {website_request: website_request},
                success: function (result) {
                    $('#website-sidebar-status:first').text('Website Request: Approved');
                    $('#approve-website-request').hide();
                    $('#add_child_btn').hide();
                }
            });
        }

        function after_delete_feedback(result)
        {
            // remove the label if there are no more items in this section
            if (result.data.section != undefined) {
                var numItems = $('.section-'+result.data.section).length;
                if (numItems == 0) {
                    $('.section-'+result.data.section+'-label').remove();
                }
            }
            var website_request = '{{$website_request->website_request}}';
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@is_feedback_complete') }}',
                data: {website_request: website_request},
                success: function (result) {
                    if(result === 'true') {
                        $('#complete-prototype').show();
                    }
                }
            });
        }

    </script>
@endsection

@section('page_style')
    <style>
        .section-label {
            margin-bottom: 15px;
        }
    </style>

@endsection