@extends('layouts.main')

@section('content')
 
<a href="{{route('stock.show','edit_stock')}}"   class="btn btn-dark">View Stock</a>
<hr>
@if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
@endif
<form method="POST" action="{{route('stock.update',$read_stock->id)}}">
@csrf
{{method_field("PATCH")}}
<div class="row">
    <div class="col-md-6 col-lg-6 col-sm-12">
    <label>Choose category</label>
    <select name="category_id" id="category_id" class="form-control">
        <option></option>
        @foreach($categories as $category)
            <option value="{{$category->id}}" {{ $read_stock->category_id == $category->id ? 'selected':'' }}>{{$category->name}}</option>
        @endforeach
    </select>

    <div class="row">
        <div class="col-6">
        <label for="car_type">Car type</label>
        <input type="text"   name="car_type" value="{{ $read_stock->car_type }}"  class="form-control">              
        </div>

        <div class="col-6">
        <label>Item name</label>
        <input type="text" name="item_name" value="{{$read_stock->name}}" class="form-control">              
        </div>
    </div>          

    <div class="row">
        <div class="col-6">
        <label for="car_model">Car Model</label>
        <input type="text"  name="car_model" value="{{ $read_stock->car_model }}" class="form-control">
        </div>

        <div class="col-6">
            <label for="year_of_manufucturing">Year</label>
            <input type="text" name="year_of_manufucturing" value="{{ $read_stock->year_of_manufucturing }}" class="form-control">
        </div>
    </div>

    <span id="part_number_section">
        <label for="part_number">Part Number</label>
        <input type="text" name="part_number" value="{{ $read_stock->part_number }}" class="form-control">
    </span>         
</div>

<div class="col-md-6 col-lg-6 col-sm-12">

    <span id="level_section">
        <label for="level">Select Level</label>
        <select  name="level" id="level" class="form-control">
            <option value=""></option>
            <option value="parent"  {{ $read_stock->level == "parent" ? "selected":"" }}>Main Part</option>
            <option value="child" {{ $read_stock->level == "child" ? "selected":"" }}>A piece from a main part</option>
        </select>
    </span>
    
    <span id="parent_section">
        <label for="parent_id">Main parts</label>
        <select  name="parent_id" id="parent_id" class="form-control">
        <option value=""></option>
        @foreach ($main_parts as $main_part)
            <option value="{{ $main_part->id }}" {{ $read_stock->parent_id == $main_part->id ? "selected":"" }}>{{ $main_part->name }}</option>                            
        @endforeach
        </select>
    </span>
    
    <label for="parent_id">Shelf</label>
    <input type="text" name="shelf" class="form-control" value="{{ $read_stock->shelf }}">

    <hr>
    <p id="display" style="color: green;"></p>
    <button class="btn btn-dark" id="saveBtn">Save</button>          
</div>                   
    

@endsection

@push('scripts')
    <script>
        $("#parent_id").chosen({
            width:'100%'
        });
    </script>    
@endpush