@extends('layouts.master')
@section('page_title', 'Check-In')
@section('content')
    <div id="checkin_meeting" class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                {{ Form::page_header("Check-In Meeting: " . $business->company, "checklist", null, $checkin_meeting->date_display) }}
                <div class="success-container">
                    @if(session('failure'))
                        <p class="update-error">{{ session('failure') }}</p>
                    @endif
                </div>
            </div>
        </div>
        <div class="grey-bg curve_container">
            <div class="dashboard-section">
                <div class="row text-center">{{ Form::label_title('Headlines') }}</div>
                <div class="curve_container headline-section" id="headline_section">
                    @foreach($checkin_headlines as $checkin_headline)
                        @include('business.checkin_meeting._checkin_headline')
                    @endforeach
                    @if($can_see_analytics_link)
                        @include('business.checkin_meeting._checkin_headline_analytics')
                    @endif
                    @if($business->_business_setting->data_studio_visible && $business->_business_setting->checkin_data_studio_link)
                        @include('business.checkin_meeting._checkin_data_studio_reports')
                    @endif
                    <div class="add-headline-div"
                         id="parent_{{$checkin_meeting->checkin_meeting}}_headline_handle_">
                        @if($can_edit)
                            {{ Form::button_ex('Add Headline', "headline_list_manager.add_one(
                            '". $checkin_meeting->create_checkin_headline_url ."',
                            headline_selector.calc_new_handle_id('". $checkin_meeting->checkin_meeting ."'));",
                            'add_headline_btn_top', 'checkin-meeting-btn') }}
                        @endif
                    </div>
                </div>
            </div>
            <div class="dashboard-section">
                <div class="row text-center">{{ Form::label_title('Upcoming Key Dates') }}</div>
                <div class="curve_container date-section" id="date_section">
                    @foreach($checkin_dates as $checkin_date)
                        @include('business.checkin_meeting._checkin_date')
                    @endforeach
                    <div class="row add-date-div"
                         id="parent_{{$checkin_meeting->checkin_meeting}}_date_handle_">
                        @if($can_edit)
                            {{ Form::button_ex('Add Key Date', "date_list_manager.add_one(
                            '". $checkin_meeting->create_checkin_date_url ."',
                            date_selector.calc_new_handle_id('". $checkin_meeting->checkin_meeting. "'));",
                             'add_date_btn_top', 'checkin-meeting-btn') }}
                        @endif
                    </div>
                </div>
            </div>
            <div class="dashboard-section">
                <div class="row text-center">{{ Form::label_title('Deliverable Progress') }}</div>
                <div class="curve_container deliverable-section" id="deliverable_section">
                    @foreach($checkin_deliverables as $checkin_deliverable)
                        @if($checkin_deliverable->display_option || $can_edit)
                            @include('business.checkin_meeting._checkin_deliverable')
                        @endif
                    @endforeach
                </div>
            </div>
            <div class="dashboard-section">
                <div class="row text-center">{{ Form::label_title('To-Dos') }}</div>
                <div class="curve_container todo-section" id="todo_section">
                    <div class="row add-todo-div" id="add_todo_section">
                        @foreach($checkin_todos as $checkin_todo)
                            @include('business.checkin_meeting._checkin_todo')
                        @endforeach
                        <div class="row add-todo-div"
                             id="parent_{{$checkin_meeting->checkin_meeting}}_todo_handle_">
                            @if($can_edit)
                                {{ Form::button_ex('Add ToDo', "todo_list_manager.add_one(
                                '". $checkin_meeting->create_checkin_todo_url ."',
                                todo_selector.calc_new_handle_id('". $checkin_meeting->checkin_meeting ."'));",
                                'add_todo_btn_top', 'checkin-meeting-btn') }}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="dashboard-section">
                <div class="row text-center">{{ Form::label_title('Issues') }}</div>
                <div class="curve_container issue-section" id="issue_section">
                    <div class="row add-issue-div" id="add_issue_section">
                        @foreach($checkin_issues as $checkin_issue)
                            @include('business.checkin_meeting._checkin_issue')
                        @endforeach
                        <div class="row add-issue-div"
                             id="parent_{{$checkin_meeting->checkin_meeting}}_issue_handle_">
                            @if($can_edit)
                                {{ Form::button_ex('Add Issue', "issue_list_manager.add_one(
                                '". $checkin_meeting->create_checkin_issue_url ."',
                                issue_selector.calc_new_handle_id('". $checkin_meeting->checkin_meeting ."'));",
                                'add_issue_btn_top', 'checkin-meeting-btn') }}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="dashboard-section">
                <div class="row text-center">
                    <div class="email-success-container"></div>
                </div>
                <div class="row text-center">
                    {{ Form::button_ex('Download/Print', "window.location = '". $checkin_meeting->create_pdf_url ."';",
                      null, 'checkin-meeting-btn') }}
                    {{ Form::button_ex('Email', "open_multi_select_modal('email_summary', 'send_summary_email');", 'checkin_meeting_email', 'checkin-meeting-btn') }}
                    {{ Form::button_ex('View Archive', "window.location = '". $checkin_meeting->meeting_archive_url ."';",
                     null, 'checkin-meeting-btn') }}
                </div>
            </div>
            @if($can_edit)
            <div class="dashboard-section">
                <div class="row text-center">
                    {{ Form::button_ex('Conclude Meeting', "window.location = '". $checkin_meeting->conclude_meeting_url ."';",
                     'checkin_meeting_conclude_btn', 'checkin-meeting-btn') }}
                </div>
            </div>
            @endif
        </div>
    </div>
    @include('shared.modals._multi_select_modal', ['title' => 'Send Email Summary',
    'type' => 'email_summary', 'list' => $checkin_meeting->email_list])
@endsection
@section('page_script')
    @include('shared_script._list_manager')
    @include('business.checkin_meeting._checkin_headline_script')
    @include('business.checkin_meeting._checkin_date_script')
    @include('business.checkin_meeting._checkin_deliverable_script')
    @include('business.checkin_meeting._checkin_todo_script')
    @include('business.checkin_meeting._checkin_issue_script')
    @include('shared_script._multi_select_checkbox_script')
    @include('shared_script.modals._multi_select_modal_script')
    {{ Html::script('/js/moment.min.js') }}
    {{ Html::script('/js/daterangepicker.js') }}
    <script id="scriptId">
        var headline_list_manager = null;
        var date_list_manager = null;
        var deliverable_list_manager = null;
        var todo_list_manager = null;
        var issue_list_manager = null;
        var is_edit = null;

        $(document).ready(function () {
            headline_list_manager = new list_manager('headline', 'Headline');
            headline_list_manager.set_do_delete_function('do_delete_headline');
            headline_list_manager.set_after_delete_function('after_delete_headline');
            headline_list_manager.set_after_edit_function('after_edit_headline');
            headline_list_manager.set_after_load_function('after_load_headline');
            headline_list_manager.set_after_cancel_function('after_cancel_headline');
            headline_list_manager.set_after_insert_error_function('enable_headline_safe_save_button');
            headline_list_manager.set_after_update_error_function('enable_headline_safe_save_button');
            headline_list_manager.set_after_create_function('reload_headline_section');
            headline_selector = new secondary_level_selector('headline', 'parent');

            date_list_manager = new list_manager('date', 'Date');
            date_list_manager.set_do_delete_function('do_delete_date');
            date_list_manager.set_after_delete_function('after_delete_date');
            date_list_manager.set_after_edit_function('after_edit_date');
            date_list_manager.set_after_load_function('after_load_date');
            date_list_manager.set_after_cancel_function('after_cancel_date');
            date_list_manager.set_after_insert_error_function('enable_date_safe_save_button');
            date_list_manager.set_after_update_error_function('enable_date_safe_save_button');
            date_list_manager.set_after_create_function('reload_date_section');
            date_selector = new secondary_level_selector('date', 'parent');

            deliverable_list_manager = new list_manager('deliverable', 'Deliverable');
            deliverable_list_manager.set_do_delete_function('do_delete_deliverable');
            deliverable_list_manager.set_after_delete_function('after_delete_deliverable');
            deliverable_list_manager.set_after_edit_function('after_edit_deliverable');
            deliverable_list_manager.set_after_load_function('after_load_deliverable');
            deliverable_list_manager.set_after_cancel_function('after_cancel_deliverable');
            deliverable_list_manager.set_after_update_error_function('enable_deliverable_safe_save_button');
            deliverable_selector = new secondary_level_selector('deliverable', 'parent');

            todo_list_manager = new list_manager('todo', 'ToDo');
            todo_list_manager.set_do_delete_function('do_delete_todo');
            todo_list_manager.set_after_delete_function('after_delete_todo');
            todo_list_manager.set_after_edit_function('after_edit_todo');
            todo_list_manager.set_after_load_function('after_load_todo');
            todo_list_manager.set_after_cancel_function('after_cancel_todo');
            todo_list_manager.set_after_insert_error_function('enable_todo_safe_save_button');
            todo_list_manager.set_after_update_error_function('enable_todo_safe_save_button');
            todo_list_manager.set_after_create_function('reload_todo_section');
            todo_selector = new secondary_level_selector('todo', 'parent');

            issue_list_manager = new list_manager('issue', 'Issue');
            issue_list_manager.set_do_delete_function('do_delete_issue');
            issue_list_manager.set_after_delete_function('after_delete_issue');
            issue_list_manager.set_after_edit_function('after_edit_issue');
            issue_list_manager.set_after_load_function('after_load_issue');
            issue_list_manager.set_after_cancel_function('after_cancel_issue');
            issue_list_manager.set_after_insert_error_function('enable_issue_safe_save_button');
            issue_list_manager.set_after_update_error_function('enable_issue_safe_save_button');
            issue_list_manager.set_after_create_function('reload_issue_section');
            issue_selector = new secondary_level_selector('issue', 'parent');

            $('#save_multi_select_email_summary').click(function () {
                var select_id = "#multi_select_email_summary_value";
                var value = $(select_id).val();
                if (value == null || value.length === 0) {
                    close_multi_select_modal('email_summary');
                }
            })
        });

        function toggle_is_edit() {
            is_edit = true;
        }

        function send_summary_email(data) {
            let element = $('#multi_select_email_summary_modal_data');
            let post_url = '{!! $checkin_meeting->send_email_url !!}';
            $.ajax({
                url: post_url,
                method: 'POST',
                data: data,
                success: function (response) {
                    close_multi_select_modal('email_summary');
                    show_success_message('email-success-container', [response.message]);
                },
                error: function (result) {
                    let errors = result.responseJSON.errors;
                    element.append('<p class="validation-message">' + errors.email_summary + '</p>');
                }
            })
        }
    </script>
@endsection
@section('page_style')
    @include('shared_style._multi_select_checkbox_style')
    @include('shared_style.modals._multi_select_modal_style')
    {!! HTML::style('/css/daterangepicker.css') !!}
    {!! HTML::style('/css/daterangepicker_custom.css') !!}
    <style>
        .dashboard-section {
            border-bottom: 2px solid #DDDDDD;
            padding-bottom: 30px;
            padding-top: 30px;
        }

        #date_picker_group p.validation-message {
            margin-top: 45px !important;
            position: absolute !important;
            left: 0 !important;
        }

        .add-date-div,
        .add-headline-div,
        .add-todo-div,
        .add-issue-div {
            padding-top: 15px;
        }

        .edit-date {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .change-note, .headline-section .analytics-link {
            font-weight: bold;
        }

        .headline-handle:nth-child(odd),
        .date-section .date-handle:nth-child(odd),
        .deliverable-handle:nth-child(odd),
        .todo-handle:nth-child(odd),
        .issue-handle:nth-child(odd) {
            background-color: #E0E3E5;
        }

        .headline-section .checkin-headline-wrapper,
        .date-section .checkin-date-wrapper,
        .deliverable-section .checkin-deliverable-wrapper,
        .todo-section .checkin-todo-wrapper,
        .issue-section .checkin-issue-wrapper {
            padding: 7px;
        }

        p.validation-message {
            display: table-row;
        }

        .bt-label-exlarge {
            font-size: 23px !important;
        }

        .latest-analytics:hover {
            text-decoration: underline;
			cursor: pointer;
        }

        .checkin-view-btns {
            padding-bottom: 5px;
            padding-right: 5px;
        }

    </style>
@endsection