@extends('layouts.app')
@section('title', __('professionalproject::lang.create_task'))

@section('content')
@include('professionalproject::layouts.nav')
<section class="content-header"><h1>@lang('professionalproject::lang.create_task')</h1></section>
<section class="content pp-modern">
    <div class="pp-hero">
        <h3>@lang('professionalproject::lang.create_task')</h3>
        <p>ثبت وظیفه جدید با وابستگی‌ها، اولویت و تخصیص حرفه‌ای اعضای تیم.</p>
    </div>
    {!! Form::open(['url' => action([\Modules\ProfessionalProject\Http\Controllers\TaskController::class, 'store']), 'method' => 'post']) !!}
    <div class="box box-solid">
        <div class="box-body">
            <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        {!! Form::label('title', __('messages.name') . ':*') !!}
                        {!! Form::text('title', null, ['class' => 'form-control', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('project_id', __('professionalproject::lang.projects') . ':*') !!}
                        {!! Form::select('project_id', $projects, $project_id, ['class' => 'form-control select2 pp_project_select', 'required']) !!}
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('description', __('lang_v1.description') . ':') !!}
                {!! Form::textarea('description', null, ['class' => 'form-control', 'rows' => 3]) !!}
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('status_id', __('sale.status') . ':') !!}
                        {!! Form::select('status_id', $statuses, null, ['class' => 'form-control select2']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('priority', __('sale.priority') . ':') !!}
                        {!! Form::select('priority', $priorities, 'normal', ['class' => 'form-control select2']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('milestone_id', __('professionalproject::lang.milestone') . ':') !!}
                        {!! Form::select('milestone_id', $milestones, null, ['class' => 'form-control select2', 'placeholder' => __('messages.please_select')]) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('duration', __('professionalproject::lang.duration_days') . ':') !!}
                        {!! Form::number('duration', 1, ['class' => 'form-control', 'min' => 1]) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('start_date', __('business.start_date') . ':') !!}
                        {!! Form::text('start_date', null, ['class' => 'form-control datepicker', 'readonly']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('due_date', __('professionalproject::lang.end_date') . ':') !!}
                        {!! Form::text('due_date', null, ['class' => 'form-control datepicker', 'readonly']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('user_id', __('professionalproject::lang.assigned_to') . ':') !!}
                        {!! Form::select('user_id[]', $users, null, ['class' => 'form-control select2', 'multiple']) !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="box-footer">
            <button type="submit" class="btn btn-primary">@lang('messages.save')</button>
            <a href="{{ action([\Modules\ProfessionalProject\Http\Controllers\TaskController::class, 'index']) }}" class="btn btn-default">@lang('messages.cancel')</a>
        </div>
    </div>
    {!! Form::close() !!}
</section>
@endsection

@section('css')
@include('professionalproject::layouts.professional_style')
@endsection

@section('javascript')
@include('professionalproject::partials.shamsi_datepicker')
<script>
$(document).ready(function() {
    $('.pp_project_select').change(function() {
        var pid = $(this).val();
        if (pid) {
            $.get('{{ url("professional-project/tasks/milestones") }}/' + pid, function(data) {
                var $ms = $('select[name="milestone_id"]');
                $ms.empty().append('<option value="">@lang("messages.please_select")</option>');
                $.each(data, function(id, title) { $ms.append('<option value="'+id+'">'+title+'</option>'); });
            });
        }
    });
});
</script>
@endsection