@extends($layout)

@section('content')

<div class="pageheader">

    <div class="pageicon"><span class="fa fa-suitcase"></span></div>
    <div class="pagetitle">
        <h5>{!! __('label.administration') !!}</h5>
        <h1>{!! __('headline.new_project') !!}</h1>
    </div>

</div><!--pageheader-->

<div class="maincontent">
    <div class="maincontentinner">

        {!! $tpl->displayNotification() !!}

        <div class="tabbedwidget tab-primary projectTabs">

            <ul>
                <li><a href="#projectdetails">{!! __('tabs.projectdetails') !!}</a></li>
            </ul>

            <div id="projectdetails">
                <form action="" method="post" class="">

                    <div class="row">

                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="form-group">
                                        <input type="text" name="name" id="name" class="main-title-input" style="width:99%"  value="{{ $project['name'] }}" placeholder="{{ __('input.placeholders.enter_title_of_project') }}"/>
                                    </div>
                                    <input type="hidden" name="projectState"  id="projectState" value="0" />

                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <br />
                                    <p>
                                        {!! __('label.accomplish') !!}
                                        {!! __('label.describe_outcome') !!}
                                        <br /><br />
                                    </p>
                                    <textarea name="details" id="details" class="tiptapComplex" rows="5" cols="50">{{ htmlentities($project['details']) }}</textarea>

                                </div>
                            </div>
                            <div class="padding-top">
                                @if (isset($project['id']) && $project['id'] != '')
                                    <div class="pull-right padding-top">
                                        <a href="{{ BASE_URL }}/projects/delProject/{{ $project['id'] }}" class="delete"><i class="fa fa-trash"></i> {!! __('buttons.delete') !!}</a>
                                    </div>
                                @endif
                                <input type="submit" name="save" id="save" class="button" value="{{ __('buttons.save') }}" class="button" />

                            </div>
                        </div>

                        <div class="col-md-4">

                            @if ($projectTypes && count($projectTypes) > 1)
                                <h4 class="widgettitle title-light"><i class="fa-regular fa-rectangle-list"></i> Project Type</h4>
                                <p>The type of the project. This will determine which features are available.</p>
                                <select name="type">
                                    @foreach ($projectTypes as $key => $type)
                                        <option value="{{ $key }}"
                                            @if ($project['type'] == $key) selected='selected' @endif
                                        >{!! __($key) !!}</option>
                                    @endforeach
                                </select>
                                <br /><br />
                            @endif

                            @dispatchEvent('beforeClientPicker', $project)

                            <div style="margin-bottom: 30px;">
                                <h4 class="widgettitle title-light tw-block"><span
                                        class="fa fa-calendar"></span>{!! __('label.project_dates') !!}</h4>
                                <div>
                                    <label>{!! __('label.project_start') !!}</label>
                                    <div class="">
                                        <input type="text" class="dates dateFrom" style="width:100px;" name="start" autocomplete="off"
                                               value="{{ $project['start'] }}" placeholder="{{ __('language.dateformat') }}"/>

                                    </div>
                                    <label>{!! __('label.project_end') !!}</label>
                                    <div class="">
                                        <input type="text" class="dates dateTo" style="width:100px;" name="end" autocomplete="off"
                                               value="{{ $project['end'] }}" placeholder="{{ __('language.dateformat') }}"/>

                                    </div>
                                </div>

                            </div>

                            <div style="margin-bottom: 30px;">

                                <div class="">
                                    <h4 class="widgettitle title-light"><span
                                            class="fa fa-building"></span>{!! __('label.client_product') !!}</h4>
                                    <select name="clientId" id="clientId">

                                        @foreach ($clients as $row)
                                            <option value="{{ $row['id'] }}"
                                                @if ($project['clientId'] == $row['id']) selected=selected @endif
                                            >{{ $row['name'] }}</option>
                                        @endforeach

                                    </select>
                                    @if ($login::userIsAtLeast('manager'))
                                        <br /><a href="{{ BASE_URL }}/clients/newClient" target="_blank">{!! __('label.client_not_listed') !!}</a>
                                    @endif


                                </div>
                            </div>

                            <div style="margin-bottom: 30px;">
                                <div class="">
                                    <h4 class="widgettitle title-light"><span
                                            class="fa fa-lock-open"></span>{!! __('labels.defaultaccess') !!}</h4>
                                    {!! __('text.who_can_access') !!}
                                    <br /><br />

                                    <select name="globalProjectUserAccess" style="max-width:300px;">
                                        <option value="restricted" {{ $project['psettings'] == 'restricted' ? "selected='selected'" : '' }}>{!! __('labels.only_chose') !!}</option>
                                        <option value="clients" {{ $project['psettings'] == 'clients' ? "selected='selected'" : '' }}>{!! __('labels.everyone_in_client') !!}</option>
                                        <option value="all" {{ $project['psettings'] == 'all' ? "selected='selected'" : '' }}>{!! __('labels.everyone_in_org') !!}</option>
                                    </select>

                                </div>
                            </div>

                        </div>

                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

@once @push('scripts')
<script type="text/javascript">
    jQuery(document).ready(function() {

        jQuery("#projectdetails select").chosen();
        leantime.dateController.initDateRangePicker(".dateFrom", ".dateTo", 2);

        leantime.projectsController.initProjectTabs();
        if (window.leantime && window.leantime.tiptapController) {
            leantime.tiptapController.initComplexEditor();
        }

        }
    );

</script>
@endpush @endonce

@endsection