@extends('layouts.app')

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

@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.part_replacements')</h1>
        <a href="{{ action([\Modules\Maintenance\Http\Controllers\PartReplacementController::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\PartReplacementController::class, 'store']), 'method' => 'post']) !!}
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('equipment_id', __('maintenance::lang.equipment') . ':*') !!}
                        {!! Form::select('equipment_id', $equipment, null, ['class' => 'form-control select2', 'id' => 'mm_pr_equipment_id', 'required', 'style' => 'width:100%']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('equipment_part_id', __('maintenance::lang.equipment_part') . ':') !!}
                        {!! Form::select('equipment_part_id', [], null, ['class' => 'form-control select2', 'id' => 'mm_pr_equipment_part_id', 'placeholder' => __('maintenance::lang.select'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('spare_part_id', __('maintenance::lang.spare_part') . ':') !!}
                        {!! Form::select('spare_part_id', $spare_parts, null, ['class' => 'form-control select2', 'placeholder' => __('maintenance::lang.select'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('replaced_at', __('maintenance::lang.replaced_at') . ':*') !!}
                        {!! Form::text('replaced_at', null, ['class' => 'form-control mm-datepicker', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('quantity', __('maintenance::lang.quantity') . ':') !!}
                        {!! Form::number('quantity', 1, ['class' => 'form-control', 'min' => '0', 'step' => '0.001']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('health_before', __('maintenance::lang.health_before') . ':') !!}
                        {!! Form::number('health_before', null, ['class' => 'form-control', 'min' => '0', 'max' => '100']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('health_after', __('maintenance::lang.health_after') . ':') !!}
                        {!! Form::number('health_after', null, ['class' => 'form-control', 'min' => '0', 'max' => '100']) !!}
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('notes', __('maintenance::lang.notes') . ':') !!}
                {!! Form::textarea('notes', null, ['class' => 'form-control', 'rows' => 2]) !!}
            </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 loadEquipmentParts(equipmentId) {
        var $part = $('#mm_pr_equipment_part_id');
        $part.empty().append('<option value="">@lang('maintenance::lang.select')</option>');
        if (!equipmentId) return;
        $.get('{{ url('maintenance/part-replacements/equipment') }}/' + equipmentId + '/parts', function(res) {
            $.each(res.parts || {}, function(id, name) {
                $part.append($('<option>', { value: id, text: name }));
            });
        });
    }

    $('#mm_pr_equipment_id').on('change', function() { loadEquipmentParts($(this).val()); });
});
</script>
@endsection