@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="">
                        <h4>Material : edit</h4>
                        <p class="f-m-light mt-1">Page for edit Master Material</p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form action="{{ route('material.update', $material) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-label required" for="code">Code</label>
                            <input id="code" type="text" name="code"
                                class="form-control @error('code') is-invalid @enderror" value="{{ $material->code }}">
                            @error('code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="name">Name</label>
                            <input id="name" type="text" name="name"
                                class="form-control @error('name') is-invalid @enderror" value="{{ $material->name }}">
                            @error('name')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="desc">Description</label>
                            <input id="desc" type="text" name="desc"
                                class="form-control @error('desc') is-invalid @enderror" value="{{ $material->desc }}">
                            @error('desc')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label" for="type">Type</label>
                            <input id="type" type="text" name="type"
                                class="form-control @error('type') is-invalid @enderror" value="{{ $material->type }}">
                            @error('type')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label required" for="safety_stock">Safety Stock</label>
                            <input id="safety_stock" type="number" name="safety_stock"
                                class="form-control @error('safety_stock') is-invalid @enderror"
                                value="{{ $material->safety_stock }}">
                            @error('safety_stock')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label required" for="lot_size">Lot Size</label>
                            <input id="lot_size" type="number" name="lot_size"
                                class="form-control @error('lot_size') is-invalid @enderror"
                                value="{{ $material->lot_size }}">
                            @error('lot_size')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label required" for="lead_time">Lead Time (in day(s))</label>
                            <input id="lead_time" type="text" name="lead_time"
                                class="form-control @error('lead_time') is-invalid @enderror"
                                value="{{ $material->lead_time }}">
                            @error('lead_time')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label required" for="uom_code">UoM Code</label>
                            <select id="uom_code" name="uom_code"
                                class="form-control @error('uom_code') is-invalid @enderror">
                                <option value="">-- Select --</option>
                                @foreach ($uoms as $uom)
                                    <option value="{{ $uom->code }}" @if ($material->uom_code === $uom->code) selected @endif>
                                        {{ $uom->code }}</option>
                                @endforeach
                            </select>
                            @error('uom_code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label required" for="material_type_code">Material Type Code</label>
                            <select id="material_type_code" name="material_type_code"
                                class="form-control @error('material_type_code') is-invalid @enderror">
                                <option value="">-- Select --</option>
                                @foreach ($materialTypes as $materialType)
                                    <option value="{{ $materialType->code }}"
                                        @if ($material->material_type_code === $materialType->code) selected @endif>
                                        {{ $materialType->code }}
                                    </option>
                                @endforeach
                            </select>
                            @error('material_type_code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label" for="color_code">Color Code</label>
                            <select id="color_code" name="color_code"
                                class="form-control @error('color_code') is-invalid @enderror">
                                <option value="">-- Select --</option>
                                @foreach ($colors as $color)
                                    <option value="{{ $color->code }}" @if ($material->color_code === $color->code) selected @endif>
                                        {{ $color->code }}
                                    </option>
                                @endforeach
                            </select>
                            @error('color_code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label" for="location_code">Location Code</label>
                            <select id="location_code" name="location_code"
                                class="form-control @error('location_code') is-invalid @enderror">
                                <option value="">-- Select --</option>
                                @foreach ($locations as $location)
                                    <option value="{{ $location->code }}"
                                        @if ($material->location_code === $location->code) selected @endif>{{ $location->code }}</option>
                                @endforeach
                            </select>
                            @error('location_code')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <h5 class="mb-2 mt-4">Measurement</h5>
                        <div class="d-flex justify-content-start align-items-center gap-3">
                            <input type="number" class="form-control" name="length" placeholder="Panjang"
                                value="{{ $material->length }}">
                            <p class="mb-0">x</p>
                            <input type="number" class="form-control" name="width" placeholder="Lebar"
                                value="{{ $material->width }}">
                            <p class="mb-0">x</p>
                            <input type="number" class="form-control" name="height" placeholder="Tinggi"
                                value="{{ $material->height }}">
                        </div>
                    </div>
                    <div class="d-flex justify-content-between mt-3">
                        <div class="">
                            <a href="{{ route('material.index') }}">
                                <button class="btn btn-secondary" type="button">
                                    Back
                                </button>
                            </a>
                        </div>
                        <div class="">
                            <button class="btn btn-primary" type="submit">
                                Edit
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection