@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('/layout')}}" 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>
                        </h3>
                    </div>
                    <div class="big-img-block">
                        <span class="edit-content-serial">{{!is_null($item->projectsPackage) ? $item->projectsPackage->serial : ''}}</span>
                        <a href="{{url('/'.(isset($item) ? $item->file  : ''))}}"
                           data-fancybox="project-schema-{{$item->id}}"
                           data-caption="{{$item->projectsPackage->serial or ''}}">
                            <img src="{{url('/'.(isset($item) ? $item->file  : ''))}}"
                                 alt="">
                        </a>
                    </div>
                </div>

                @include('timeline', [
                    'initComments'=>[
                        'user' => $item->userDraft,
                        'comments' => $item->commentSectionProjectInit,
                        'available_status' => in_array('draft', $packageStatusesPermanames)
                    ],
                    'designComments'=>[
                        'user' => $item->userDesign,
                        'comments' => $item->commentSectionProjectDesign,
                        'available_status' => in_array('design', $packageStatusesPermanames)
                    ],
                    'layoutComments'=>[
                        'user' => $item->userLayout,
                        'comments' => $item->commentSectionProjectLayout,
                        'available_status' => in_array('layout', $packageStatusesPermanames)
                    ]
                ])

                @if($item->projectStatus->started == 1)
                    @if($item->getEditableLayoutAttribute() && isset($item['project_id']))
                        <div id="comment-section-container" class="col-lg-12">
                            <input type="hidden" name="comment-store-url" value="/layout/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->getEditableLayoutAttribute())
                        <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('/layout/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