@extends('admin.layouts.main')

@section('title')
Project - Information
@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.project.index',['panel' => session('panel')])}}">{{ @trans('project::project.projects') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        @if(Session::has('editFromUrl'))
                        {{ @trans('project::project.edit_project') }}
                        @else
                        {{ @trans('project::project.create_project') }}
                        @endif
                    </li>
                </ol>
            </nav>

            <div class="form-sec">

                @include('project::modules.store.common.form-step')

                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form method="post" action="{{ route('admin.project.store_info', ['panel' => session('panel')]) }}" id="frmInfo" autocomplete="off">
                                    @csrf

                                    @if($id)
                                    <input type="hidden" name="id" value="{{ $id }}" />
                                    @endif

                                    <div class="tab">
                                        <h2 class="form-sec-title">{{ @trans('project::project.project_info') }}</h2>
                                        <div class="row">
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.project_name') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_name') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" id="project_name" name="project_name" class="form-control" placeholder="{{ @trans('project::project.project_name') }}" value="@if($edit){{ $project->name ?? '' }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.code') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_code') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" id="code" name="code" class="form-control" placeholder="{{ @trans('project::project.code') }}" value="@if($edit){{ $project->project_code ?? '' }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.description') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_description') }}" tabindex="0">
                                                    </label>
                                                    <textarea name="description" id="description" class="form-control editor" placeholder="{{ @trans('project::project.description') }}">@if($edit){{$project->description}}@endif</textarea>
                                                    <span></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="control-label">{{ @trans('project::project.deadline') }}
                                                    <span class="required">*</span>
                                                    <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_deadline') }}" tabindex="0">
                                                </label>
                                                <div class="form-group date">
                                                    <input type="text" class="form-control bg-white datepicker" placeholder="{{ @trans('project::project.deadline') }}" name="deadline" id="deadline" readonly value="@if($edit && $project->completion_date){{ date('d/m/Y', strtotime($project->completion_date)) ?? '' }}@endif">
                                                    <div class="input-group-addon">
                                                        <span class="material-icons">date_range</span>
                                                    </div>
                                                </div>
                                            </div>
                                            @if(Auth::user()->user_type == 'mfr_admin') <!-- show job card connection only to mfr admin panel -->
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label" for="jobs">{{ @trans('project::project.connect_the_job_card') }}</label>
                                                    <select class="form-control" id="jobs" multiple="multiple" name="jobs[]" data-placeholder="Select">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @if($edit)
                                                        @foreach($project->jobs as $job)
                                                        <option value="{{ $job->id }}" selected>{{ $job->title . ' - ' . $job->company->name }}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <ul class="list-unstyled jobs-list-unstyled d-flex flex-wrap mt-2 mb-0" style="display: none !important;"></ul>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.expected_budget') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_expected_budget') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" id="expected_budget" name="expected_budget" class="form-control numeric-val" placeholder="{{ @trans('project::project.expected_budget') }}" value="@if($edit){{ $project->expected_budget ?? '' }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.expected_revenue') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_expected_revenue') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" id="expected_revenue" name="expected_revenue" class="form-control numeric-val" placeholder="{{ @trans('project::project.expected_revenue') }}" value="@if($edit){{ $project->expected_revenue ?? '' }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.actualization') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_actualization') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" id="actualization" name="actualization" class="form-control actualization-numeric-val" placeholder="{{ @trans('project::project.actualization') }}" value="@if($edit){{ $project->project_actualization ?? '' }}@endif">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.project_importance') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_importance') }}" tabindex="0">
                                                    </label>
                                                    <input type="text" name="project_importance" id="project_importance" class="form-control" value="@if($edit){{ $project->project_importance ?? '' }}@endif" placeholder="{{ @trans('project::project.project_importance') }}">
                                                </div>
                                            </div>
                                            @if(!$edit)
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.project_status') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_status') }}" tabindex="0">
                                                    </label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="project_status_pipeline" name="project_status" value="pipeline" @if($edit && $project->status == 'pipeline')checked @endif
                                                        @if(request()->input('status') == 'pipeline') checked @endif>
                                                        <label class="custom-control-label" for="project_status_pipeline">{{ @trans('project::project.pipeline') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="project_status_confirmed" name="project_status" value="confirmed" @if($edit && $project->status == 'confirmed')checked @endif
                                                        @if(request()->input('status') == 'confirmed') checked @endif>
                                                        <label class="custom-control-label" for="project_status_confirmed">{{ @trans('project::project.confirmed') }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.project_type') }}
                                                        <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_type') }}" tabindex="0">
                                                    </label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="project_type_internal" name="project_type" value="internal" @if($edit && $project->type == 'internal')checked @endif>
                                                        <label class="custom-control-label" for="project_type_internal">{{ @trans('project::project.internal') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="project_type_external" name="project_type" value="external" @if($edit && $project->type == 'external')checked @endif>
                                                        <label class="custom-control-label" for="project_type_external">{{ @trans('project::project.external') }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12 @if($edit && $project->type == 'internal') @else hidden @endif internal_project_div">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('project::project.project_classification') }} <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_classification') }}" tabindex="0">
                                                    </label>
                                                    <select class="form-control select-two" id="project_classifications" name="project_classifications[]" multiple="multiple" data-placeholder="Select Classification">
                                                        @foreach($classifications as $classification)
                                                        <option value="{{ $classification->id }}" @if($edit && in_array($classification->id, $project->classifications->pluck('id')->toArray()))selected
                                                            @endif>{{ $classification->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <ul class="list-unstyled d-flex flex-wrap mt-2 mb-0" style="display:none !important;"></ul>
                                                </div>
                                            </div>
                                            <div class="col-md-12 @if($edit && $project->type == 'external') @else hidden @endif external_project_div">
                                                <label class="control-label">Company & Contact Person</label>
                                                <div class="external_company_div">
                                                    @if($edit && count($project->contacts) > 0)
                                                    @foreach($project->contacts->groupBy('company_id') as $key => $companyContacts)
                                                    <div class="card card-body compny-person-info position-relative @if($loop->index != 0)mt-3 @endif external_company_section_{{ $loop->iteration }}" data-id="{{ $loop->iteration }}">
                                                        <div>
                                                            @if($loop->index != 0)
                                                            <a href="javascript:void(0)" class="btn remove-row" title="Remove Row" data-id="{{ $loop->iteration }}">
                                                                <i class="material-icons">close</i>
                                                            </a>
                                                            @endif
                                                            <div class="form-group btm-arrow select">
                                                                <label class="control-label">Company <span class="required">*</span>
                                                                    @if($loop->iteration == 1)
                                                                    <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_company') }}" tabindex="0">
                                                                    @endif
                                                                </label>
                                                                <select class="form-control company-select companies" id="company_id_1" name="company_contacts[{{ $loop->iteration }}][company]" data-id="1">
                                                                    <option value="" hidden="">Select</option>
                                                                    @foreach($companiesList as $company)
                                                                    <option value="{{ $company['id'] }}" @if($company['id']==$key)selected @endif>{{ $company['name'] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group mb-0">
                                                                <label class="control-label">Contact Person </label>
                                                                @php $contactIds = $companyContacts->pluck('contact_id')->toArray(); @endphp
                                                                <select class="form-control select-two contacts" id="contact_persons_id_{{ $loop->iteration }}" name="company_contacts[{{ $loop->iteration }}][contacts][]" data-placeholder="Select" multiple="multiple">
                                                                    @foreach($contacts[$key] as $contact)
                                                                    <option value="{{ $contact['id'] }}" @if(in_array($contact['id'], $contactIds))selected @endif>{{ $contact['first_name'] . ' ' . $contact['last_name'] }}</option>
                                                                    @endforeach
                                                                </select>
                                                                <ul class="list-unstyled d-flex flex-wrap mt-2 mb-0" style="display: none !important;"></ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @else
                                                    <div class="card card-body compny-person-info position-relative external_company_section_1" data-id="1">
                                                        <div>
                                                            <div class="form-group btm-arrow select">
                                                                <label class="control-label">Company <span class="required">*</span>
                                                                    <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_company') }}" tabindex="0">
                                                                </label>
                                                                <select class="form-control company-select companies" id="company_id_1" name="company_contacts[1][company]" data-id="1">
                                                                    <option value="" hidden="">Select</option>
                                                                    @foreach($companiesList as $company)
                                                                    <option value="{{ $company['id'] }}">{{ $company['name'] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group mb-0">
                                                                <label class="control-label">Contact Person </label>
                                                                <select class="form-control select-two contacts" id="contact_persons_id_1" name="company_contacts[1][contacts][]" data-placeholder="Select" multiple="multiple">
                                                                </select>
                                                                <ul class="list-unstyled d-flex flex-wrap mt-2 mb-0" style="display: none !important;"></ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endif
                                                </div>
                                                <a href="javascript:void(0)" class="btn btn-bordered-primary btn-sm mt-3 add_new_company_section">
                                                    <i class="material-icons cursor-pointer">add</i> Add New Company
                                                </a>
                                                <div class="form-group mt-3">
                                                    <label class="control-label">{{ @trans('project::project.business_services') }} <span class="required">*</span>
                                                        <img src="{{asset('img/admin/ic_info_pm_tooltip.svg')}}" class="tooltip-popover project-tooltip-popover cursor-pointer" data-content="{{ @trans('project::project_tooltip.project_business_services') }}" tabindex="0">
                                                    </label>
                                                    <select class="form-control select-two" id="business_services" name="business_services[]" multiple="multiple" data-placeholder="Select Business Service">
                                                        @foreach($businessServices as $business_service)
                                                        <option value="{{ $business_service->id }}" @if($edit && in_array($business_service->id, $project->services->pluck('id')->toArray()))selected
                                                            @endif>{{ $business_service->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    <ul class="list-unstyled d-flex flex-wrap mt-2 mb-0" style="display:none !important;"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            @if(Session::has('editFromUrl') && (Session::get('editFromUrl') == 'details' || Session::get('editFromUrl') == 'detailsSingleStep'))
                                            <a class="btn btn-cncl" href="{{ route('admin.project.tabs',['panel' => session('panel'), 'id' => $project->id]) }}">{{ @trans('project::project.cancel') }}</a>
                                            @elseif ((Session::has('editFromUrl') && Session::get('editFromUrl') == 'kanbanView') || Session::get('addFromUrl') == 'kanbanView')
                                            <a class="btn btn-cncl" href="{{ route('admin.project.kanban_index',['panel' => session('panel')]) }}">{{ @trans('project::project.cancel') }}</a>
                                            @else
                                            <a class="btn btn-cncl" href="{{ route('admin.project.index',['panel' => session('panel')]) }}">{{ @trans('project::project.cancel') }}</a>
                                            @endif
                                        </div>
                                        <div style="float:right;">
                                            @if(Session::has('editFromUrl') && Session::get('editFromUrl') == 'detailsSingleStep')
                                            <button type="submit" id="nextBtn" class="btn step-btn submitInfoBtn">{{ @trans('project::project.save') }}</button>
                                            @else
                                            <button type="submit" id="nextBtn" class="btn step-btn submitInfoBtn">{{ @trans('project::project.save_next') }}</button>
                                            @endif
                                        </div>
                                    </div>
                                </form>

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

    </div>
</main>
@endsection

@push('pageJs')
<script>
    var dateJsFormat = "{{ config('custom.formats.date_js') }}";
    var companiesList = @json($companiesList);
    var getContactsByCompanyId = "{{ route('common.select2OptionsById', ['panel' => Session::get('panel'), 'id' => null]) }}";
    var getJobsList = "{{ route('common.get_search_json') }}";
</script>
<script src="{{ asset('js/vendor/select2.customSelectionAdapter.js') }}"></script>
<script src="{{ asset('js/vendor/jquery.alphanum.min.js')}}"></script>
<script src="{{ asset('js/admin/project/store.js') }}"></script>
{!! JsValidator::formRequest('Modules\Project\Http\Requests\Add\StoreInfoRequest', '#frmInfo') !!}
<script>
    $(document).ready(function() {
        $(".numeric-val").numeric({
            allowMinus: false,
            allowDecSep: true,
            maxDecimalPlaces: 2,
            allowThouSep: false
        });
        $('#project_importance').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 10
        });
        $('#actualization').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 100
        });
        var myForm = $('#frmInfo');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        tinymce.init({
            selector: 'textarea.editor',
            height: 200,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists paste autolink'
            ],
            paste_auto_cleanup_on_paste: true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });

    });
    $(document).on('click', '.submitInfoBtn', function() {
        $('.companies').each(function() {
            $(this).rules("add", {
                required: function(element) {
                    return $('#project_type_external').is(':checked');
                },
                messages: {
                    required: "Company is required."
                }
            });
        });


        setTimeout(function() {
            $('.companies').valid()
            $('.contacts').valid()
        }, 100);

        if ($('#frmInfo').valid()) {
            $('.submitInfoBtn').text('Please wait...');
            $('.submitInfoBtn').attr('disabled', 'disabled');
            $('#frmInfo').submit();
        }
    });
</script>
@endpush

@push('pageCss')
<link rel="stylesheet" href="{{ asset('css/vendor/select2.customSelectionAdapter.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/project/store.css') }}">
@endpush