@extends('layouts.master')
@section('page_title', $website_request->website_request_name)

@section('content')

    {{ Form::open(['url' => action('ProductionChecklistController@update_status', compact('website_request', 'qa_checklist_section'))]) }}
    <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 prod-check-row">
                                {{ Form::label_ex('Production Checklist', \App\Helpers\FormComponentHelper::SIZE_EXLARGE, null, 6) }}
                                @include('website._production_checklist_form_filter')
                            </div>
                            <div class="row">
                                {{ Form::label_ex($qa_checklist_section->section_name, \App\Helpers\FormComponentHelper::SIZE_LARGE, null, 10) }}
                                {{ Form::label_ex('STATUS', \App\Helpers\FormComponentHelper::SIZE_SMALL, null, 2) }}
                            </div>
                            {{ Form::separator_row('grey-divider grid-header-divider') }}
                            @foreach($website_request->_qa_checklist_question()->where('qa_checklist_question.qa_checklist_section', '=', $qa_checklist_section->qa_checklist_section)->get() as $question)
                                <div class="{{ $question->confirmed ? 'confirmed' : '' }}">
                                    <div class="row">
                                        {{ Form::label_styled($question->question,
                                            'label-grey label-question'.((isset($allow_complete) && $question->confirmed) ? ' strike-through' : ''),
                                            \App\Helpers\FormComponentHelper::SIZE_SMALL, 10) }}
                                        {{ Form::label_styled(\App\Models\QA_Checklist::$question_status_map[$question->question_status],
                                            (isset($allow_complete) && $question->confirmed) ? '' : \App\Models\QA_Checklist::get_status_class($question->question_status, $question->confirmed),
                                            \App\Helpers\FormComponentHelper::SIZE_SMALL, 2) }}
                                    </div>
                                    @foreach($feedbacks->filter(function ($item) use($question) { return $item->qa_checklist == $question->qa_checklist; }) as $feedback)
                                        @include('website._feedback', ['feedback' => $feedback])
                                    @endforeach
                                    {{ Form::separator_row('grey-divider grid-divider') }}
                                </div>
                            @endforeach
                        </div>
                        @if ($can_edit || $show_qa_review)
                            <div class="row bt-button-row text-right">
                                @if ($show_qa_review)
                                    {{ Form::button_save(\App\Http\Controllers\ProductionChecklistController::STATUS_QA_REVIEW_LABEL, 'action') }}
                                @endif
                                @if ($show_revise)
                                    {{ Form::button_save(\App\Http\Controllers\ProductionChecklistController::STATUS_REVISE_LABEL, 'action') }}
                                @endif
                                @if ($show_internal_review)
                                    {{ Form::button_save(\App\Http\Controllers\ProductionChecklistController::STATUS_INTERNAL_REVIEW_LABEL, 'action') }}
                                @endif
                                @if ($can_edit)
                                    {{ Form::button_link('Edit', action('ProductionChecklistController@edit', compact('website_request', 'qa_checklist_section'))) }}
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}
@endsection

@section('page_script')
    @include('shared_script._website_sidebar_script')
    @include('shared_script._form_filter_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_edit_function('do_after_load');
            feedback_list_manager.set_after_create_function('do_after_load');
            feedback_selector = new secondary_level_selector('feedback', 'parent');
            feedback_autoheight();

        });

        function do_after_load()
        {
            feedback_autoheight();
        }

        function show_all()
        {
            $('.confirmed').show();
        }

        function show_active()
        {
            $('.confirmed').hide();
        }
    </script>
@endsection

@section('page_style')
    <style>
        .prod-check-row {
            margin-bottom: 30px;
        }
        .grid-header-divider,
        .grid-divider {
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .white-bg .separator-row {
            height: auto;
        }
        .label-question {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .child-div {
            margin-bottom: 20px;
        }

        .feedback-btns input {
            height: 31px;
            padding-top: 12px !important;
        }
        .button-row {
            margin-bottom: 10px;
        }
    </style>
@endsection