@extends('layouts.app')

@section('title', __('maintenance::lang.add') . ' — ' . __('maintenance::lang.rebuilds'))

@section('content')
@include('maintenance::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1>@lang('maintenance::lang.add') — @lang('maintenance::lang.rebuilds')</h1>
        <a href="{{ action([\Modules\Maintenance\Http\Controllers\RebuildController::class, 'index']) }}" class="btn btn-default">@lang('maintenance::lang.back')</a>
    </div>
    <div class="mt-card">
        <div class="mt-card-body">
            {!! Form::open(['url' => action([\Modules\Maintenance\Http\Controllers\RebuildController::class, 'store']), 'method' => 'post', 'id' => 'mm_rebuild_form']) !!}
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('scope_type', __('maintenance::lang.scope_type') . ':*') !!}
                        {!! Form::select('scope_type', $scope_types, 'equipment', ['class' => 'form-control', 'id' => 'mm_scope_type', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('project_id', __('maintenance::lang.project') . ':') !!}
                        {!! Form::select('project_id', $projects, null, ['class' => 'form-control select2 mm-project-select', 'placeholder' => __('maintenance::lang.select'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
                <div class="col-md-4 mm-line-wrap">
                    <div class="form-group">
                        {!! Form::label('production_line_id', __('maintenance::lang.production_line') . ':') !!}
                        {!! Form::select('production_line_id', $production_lines, null, ['class' => 'form-control select2', 'placeholder' => __('maintenance::lang.select'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
            </div>

            <div class="row mm-equipment-wrap">
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('equipment_ids', __('maintenance::lang.select_equipment_multiple') . ':*') !!}
                        {!! Form::select('equipment_ids[]', $equipment, null, ['class' => 'form-control select2', 'multiple' => true, 'style' => 'width:100%']) !!}
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('title', __('maintenance::lang.title') . ':*') !!}
                        {!! Form::text('title', null, ['class' => 'form-control', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('supervisor_id', __('maintenance::lang.supervisor') . ':') !!}
                        {!! Form::select('supervisor_id', $users, null, ['class' => 'form-control select2', 'placeholder' => __('maintenance::lang.select'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('status', __('maintenance::lang.initial_status') . ':') !!}
                        {!! Form::select('status', ['draft' => __('maintenance::lang.status_draft'), 'assessment' => __('maintenance::lang.rebuild_start_now')], 'draft', ['class' => 'form-control']) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('planned_start_date', __('maintenance::lang.planned_start') . ':') !!}
                        {!! Form::text('planned_start_date', null, ['class' => 'form-control mm-datepicker']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('planned_end_date', __('maintenance::lang.planned_end') . ':') !!}
                        {!! Form::text('planned_end_date', null, ['class' => 'form-control mm-datepicker']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('estimated_cost', __('maintenance::lang.estimated_cost') . ':') !!}
                        {!! Form::number('estimated_cost', null, ['class' => 'form-control', 'min' => '0']) !!}
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('reason', __('maintenance::lang.rebuild_reason') . ':') !!}
                {!! Form::textarea('reason', null, ['class' => 'form-control', 'rows' => 2]) !!}
            </div>
            <div class="form-group">
                {!! Form::label('description', __('maintenance::lang.description') . ':') !!}
                {!! Form::textarea('description', null, ['class' => 'form-control', 'rows' => 2]) !!}
            </div>
            <div class="checkbox">
                <label>{!! Form::checkbox('shutdown_required', 1, true) !!} @lang('maintenance::lang.shutdown_required')</label>
            </div>
            <div class="checkbox">
                <label>{!! Form::checkbox('commissioning_required', 1, true) !!} @lang('maintenance::lang.commissioning_required')</label>
            </div>
            <button type="submit" class="btn btn-primary">@lang('maintenance::lang.save')</button>
            {!! Form::close() !!}
        </div>
    </div>
</section>
@endsection

@section('javascript')
<script>
$(function(){
    $('.select2').select2();
    if (typeof MmDate !== 'undefined') MmDate.initDatepicker('.mm-datepicker');

    function toggleScope() {
        var scope = $('#mm_scope_type').val();
        if (scope === 'production_line') {
            $('.mm-equipment-wrap').hide();
            $('select[name="production_line_id"]').prop('required', true);
            $('select[name="equipment_ids[]"]').prop('required', false);
        } else {
            $('.mm-equipment-wrap').show();
            $('select[name="production_line_id"]').prop('required', false);
            $('select[name="equipment_ids[]"]').prop('required', true);
        }
    }
    $('#mm_scope_type').on('change', toggleScope);
    toggleScope();
});
</script>
@endsection