@extends('tpl')
@section('body')
    <div class="wrapper-content animated fadeInRight form-horizontal">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins ">
                    <div class="ibox-content">
                        <input type="hidden" name="project_id" value="{{$item['project_id'] or ''}}">
                        <a href="{{url('/delivery')}}" class="btn btn-outline btn-info pull-right">
                            <i class="fa fa-bars"></i>Lista
                        </a>
                        <h3>
                            <span class="edit-content-name">{{$item->name or ''}} / </span><span
                                    class="edit-content-serial">{{$item->serial or ''}}</span>
                        </h3>
                    </div>
                </div>
                @include('timeline', [
                    'initComments'=>[
                        'user' => $item->userDraft,
                        'comments' => $item->commentSectionProjectInit
                    ],
                    'designComments'=>[
                        'user' => $item->userDesign,
                        'comments' => $item->commentSectionProjectDesign
                    ],
                    'layoutComments'=>[
                        'user' => $item->userLayout,
                        'comments' => $item->commentSectionProjectLayout
                    ],
                    'colorComments'=>[
                        'user' => $item->userColor,
                        'comments' => $item->commentSectionProjectColor
                    ],
                    'cropComments'=>[
                        'user' => $item->userCrop,
                        'comments' => $item->commentSectionProjectCrop
                    ],
                    'assemblyComments'=>[
                        'user' => $item->userAssembly,
                        'comments' => $item->commentSectionProjectAssembly
                    ],
                    'deliveryComments'=>[
                        'user' => $item->userDelivery,
                        'comments' => $item->commentSectionProjectDelivery
                    ]
                ])

                @if($item->projectStatus->started == 1)
                    @if($item->getEditableDeliveryAttribute() && isset($item['project_id']))
                        <div id="comment-section-container" class="col-lg-12">
                            <input type="hidden" name="comment-store-url" value="/delivery/storeComment">
                        </div>
                        <div class="personal-btn-controls-with-comment">
                            <button id="add-comment" class="btn btn-info btn-block"
                                    onclick="addCommentToProject()"><i
                                        class="fa fa-plus"></i>
                                Adauga comentariu
                            </button>
                        </div>
                    @endif
                    @if($item->getEditableDeliveryAttribute())
                        <div class="personal-btn-controls-with-comment top-separated">
                            <div class="btn btn-primary btn-block" onclick="performStore('started')">
                                <i class="fa fa-save"></i>
                                {{trans('e.save_and_finish_round')}}
                            </div>
                        </div>
                    @endif
                @else
                    <div class="personal-btn-controls-with-comment top-separated">
                        <div class="btn btn-primary btn-block" onclick="performStore()">
                            <i class="fa fa-hourglass-start"></i>
                            {{trans('e.start_edit')}}
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function performStore(started) {

            started = started === undefined ? '' : started;

            $.post('/delivery/performStore', {
                project_id: $('[name="project_id"]').val(),
                started: started
            })
                .then(function (resp) {
                    if (resp.msg)
                        toastr[resp.msg.type](resp.msg.e)
                    if (resp.status)
                        setTimeout(function () {
                            window.location.reload(true)
                        })
                })
        }
    </script>
@endsection