@extends('admin::index')

@section('title', 'Page Title')

@section('content')
        <section class="header">
        @include('projects/_breadcrumb_project_detail')
    </section>
    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="nav-item active">
                            <a class="nav-link active"><i class="fa fa-th-large"></i> <label>Detail</label></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('project.backlogs', [$project->id]) }}"><i
                                    class="fa fa-th-list"></i>
                                <span style="font-weight: 500;">Backlogs</span>
                                @if(session()->exists('totalIssueBacklogs'))
                                    <span
                                        class="label-issue label label-md label-danger">{{ session('totalIssueBacklogs') }}</span>
                                @endif
                            </a>
                        </li>
                        @if(session()->exists('milestone_project_'.$project->id))
                            @php
                                $milestone_detail = session('milestone_project_'.$project->id);
                            @endphp

                            @if( $milestone_detail['project_id'] == $project->id)
                                @php
                                    $sprint_current_id = $milestone_detail['id'];
                                    $sprint_current_title =  $milestone_detail['title'];
                                @endphp
                            @else
                                @php
                                    $sprint_current_id = $project->currentMilestoneMappingItem->id;
                                    $sprint_current_title = $project->currentMilestoneMappingItem->title
                                @endphp
                            @endif
                            <li class="nav-item">
                                <a class="nav-link active"
                                   href="{{ route('project.sprintDetail', [$sprint_current_id.'?projectId='.$project->id]) }}">
                                    <i class="fa fa-th-large"></i>
                                    <span style="font-weight: 500;">Sprint Detail</span>
                                    <span
                                        class="label-issue label label-md label-danger">{{ $sprint_current_title }}</span>
                                </a>
                            </li>
                        @endif
                    </ul>

                    <div id="btn-group">
{{--                        <label for="change_view">View group</label>--}}
                        <input type="checkbox" class="form-control la_checkbox" id="change_view" name="change_view"
                               data-on-text="Group"
                               data-off-text="Project"
                               data-size="medium">
                    </div>
                </div>
                <div class="tab-content container-fluid">
                    <div class="content tab-pane active">
                        <div class="row">

                            @include('projects/_view_detail_project')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('projects/_modal_edit');
    @include('/projects/_modal_update_current_sprint')
    <script>
        $(document).ready(function () {
            $('#scrum_point').bootstrapSwitch();
            $("input.form-date").on("change", function () {
                if (this.value) {
                    this.setAttribute(
                        "data-date",
                        moment(this.value, "YYYY-MM-DD")
                            .format(this.getAttribute("data-date-format"))
                    )
                } else {
                    this.setAttribute("data-date", "dd-mm-yyyy")
                }

            }).trigger("change")
        });
        /*================ Begin: Update project ============*/
        $('#update-project-form').submit(function (e) {
            var $form = $(this);
            var formData = new FormData();
            $form.find('input, select').each(function () {
                if ($(this).attr('name') === 'scrum_point') {
                    formData.append($(this).attr('name'), $(this).is(':checked'));
                } else {
                    formData.append($(this).attr('name'), $(this).val());
                }

            });
            e.preventDefault();

            $.ajax({
                type: "post",
                url: "{{ route('project.update') }}",
                data: formData,
                processData: false,
                contentType: false,
                dataType: "json",
                success: function (res) {
                    if (res.status == 'fail') {
                        jQuery('.alert-danger-update').html('');
                        res.message.forEach(function (item) {
                            jQuery('.alert-danger-update').append('<p>' + item + '</p>');
                        });
                        jQuery('.alert-danger-update').show();
                    } else {
                        $.pjax.reload({container: '#pjax-container'});
                    }
                }
            });
        });
        /*================ End: Update project ============*/

    </script>
@endsection