@extends('layouts.app')

@section('title', 'Manage Items')
@section('breadcrumb', 'Manage Items')
@section('sub-breadcrumb')
    <a href="{{route('stock.data.stock')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Edit
    </a>
@endsection
@section('list-stock-master-data', 'kt-menu__item--active kt-menu__item--here')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
        @include('layouts.notification')
        {{-- begin: hint --}}
        <div class="mb-4">
            <div class="col-md-12">
                <div class="accordion accordion-toggle-arrow" id="accordion-info">
                    <div class="card" style="border-bottom: 1px solid #ebedf2">
                        <div class="card-header" id="headingOne4">
                            <div class="card-title" data-toggle="collapse" data-target="#collapse-info" aria-expanded="true" aria-controls="collapse-info">
                                <i class="flaticon-info"></i> Manage Items
                            </div>
                        </div>
                        <div id="collapse-info" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion-info" style="">
                            <div class="card-body">
                                <p>Halaman ini merupakan halaman edit untuk item yang telah tergenerate dari accurate, yang bisa dilakukan pada halaman ini adalah:</p>
                                <ul>
                                    <li>Anda Dapat mengedit detail dari item yang ada</li>
                                    <li>Untuk item yang disable, harus dilakukan perubahan pada <i><strong>Accurate</strong></i> yang nantinya akan di generate ulang setiap 1 jam</li>
                                    <li>Jika ingin langsung tergenerate, anda dapat melakukannya pada list items, dengan menekan tombol sinkron</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- end: hint --}}

            <div class="container">
            <form id="createMasterStock" action="{{route('stock.data.update')}}" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{$data['result']['id']}}">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Category <span style="color:red">*</span></label>
                            <select class="form-control" name="category" id="category">
                                <option value="">-- Choose Category --</option>
                                @foreach ($dataCategory['result'] as $item)
                                    <option value="{{$item['id']}}" {{($data['result']['id_brand_category'] == $item['id']) ? 'selected' : ''}}>{{$item['category']}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Name <span style="color:red">*</span></label>
                            <div class="text-muted mb-1"><i>Nama item di aplikasi</i></div>
                            <input name="name" id="name" type="text" class="form-control" placeholder="E.g: Biji Kopi . ." value="{{$data['result']['name']}}">
                        </div>
                        <div class="form-group">
                            <label>Accurate Name</label>
                            <div class="text-muted mb-1"><i>Nama item dari Accurate</i></div>
                            <input name="accurate_name" type="text" class="form-control" placeholder="E.g: Biji Kopi . ." value="{{$data['result']['accurate_name']}}" disabled>
                        </div>
                        <div class="form-group">
                            <label>PO Name</label>
                            <div class="text-muted mb-1"><i>Nama item untuk PO</i></div>
                            <input name="po_name" type="text" class="form-control" placeholder="E.g: Biji Kopi . ." value="{{$data['result']['po_name']}}">
                        </div>
                        <div class="form-group">
                            <label>Unit Order <span style="color:red">*</span></label>
                            <select class="form-control" name="unit_order" id="unit_order">
                                <option value="">-- Choose Unit Order --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}" {{($data['result']['id_unit2_order'] == $item['id']) ? 'selected' : ''}}>{{$item['name']}}</option>
                                @endforeach
                            </select>
                            {{-- <input name="unit_order" type="hidden" class="form-control" value="{{$data['result']['id_unit_order']}}"> --}}
                        </div>
                        <div class="form-group">
                            <label>Unit Opname <span style="color:red">*</span></label>
                            <select class="form-control" name="unit_opname" id="unit_opname">
                                <option value="">-- Choose Unit Opname --</option>
                                @foreach ($dataUnit['result'] as $item)
                                    <option value="{{$item['id']}}" {{($data['result']['id_unit2_opname'] == $item['id']) ? 'selected' : ''}}>{{$item['name']}}</option>
                                @endforeach
                            </select>
                            {{-- <input name="unit_opname" type="hidden" class="form-control" value="{{$data['result']['id_unit_order']}}"> --}}
                        </div>
                        <div class="form-group">
                            <label>Price <span style="color:red">*</span> <i class="flaticon-questions-circular-button" data-toggle="kt-tooltip" data-placement="top" data-original-title="Harga akan tergenerate otomatis dari pilihan unit order"></i></label>
                            <input name="price" id="price" type="text" class="form-control" placeholder="E.g: 15000" value="{{$data['result']['price']}}" disabled>
                            <input name="price" type="hidden" class="form-control" value="{{$data['result']['price']}}">
                        </div>
                        <div class="form-group">
                            <label>Max Limit</label>
                            <input name="limit" id="limit" type="text" class="form-control" placeholder="E.g: 1" value="{{$data['result']['limit']}}" style="width:30%">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Low Stock Limit <span style="color:red">*</span></label>
                            <input name="low_stock_limit" id="low_stock_limit" type="text" class="form-control" placeholder="E.g: 2" value="{{$data['result']['low_stock_limit']}}">
                        </div>
                        <div class="form-group">
                            <label>Minimum Order <span style="color:red">*</span></label>
                            <input maxlength="3" name="minimum_order" id="minimum_order" type="text" class="form-control" placeholder="E.g: 1" value="{{$data['result']['minimum_order']}}" >
                        </div>
                        <div class="form-group">
                            <label>Image <span style="color:red">*</span></label><br>
                            @if (isset($data['result']['image']))
                                <img src="{{env('AWS_URL').$data['result']['image']}}" class='img-thumbnail' width='100'><br>
                            @endif
                            <input name="image" id="image" type="file" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="mb-0">Status Order <span style="color:red">*</span></label>
                            <div>
                                <small class="text-muted mb-1"><i>Visibility list item pada menu Order</i></small>
                            </div>
                            <select name="status_order" id="status_order" class="form-control">
                                <option value="0" {{($data['result']['is_inventory'] == 0) ? 'selected' : ''}}>Hidden</option>
                                <option value="1" {{($data['result']['is_inventory'] == 1) ? 'selected' : ''}}>Visible</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="mb-0">Status Opname <span style="color:red">*</span></label>
                            <div>
                                <small class="text-muted mb-1"><i>Visibility list item pada menu Stock</i></small>
                            </div>
                            <select name="status_opname" id="status_opname" class="form-control">
                                <option value="0" {{($data['result']['is_opname'] == 0) ? 'selected' : ''}}>Hidden</option>
                                <option value="1" {{($data['result']['is_opname'] == 1) ? 'selected' : ''}}>Visible</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="mb-0">Backend Show <span style="color:red">*</span></label>
                            <div>
                                <small class="text-muted mb-1"><i>Visibility list item pada pengaturan di Backend</i></small>
                            </div>
                            <select name="backend_show" id="backend_show" class="form-control" required>
                                <option value="1" {{($data['result']['is_show'] == 1) ? 'selected' : ''}}>On</option>
                                <option value="0" {{($data['result']['is_show'] == 0) ? 'selected' : ''}}>Off</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Sort Item</label>
                            <div>
                                <small class="text-muted mb-1"><i>Urutan item yang tampil pada aplikasi, jika kosong akan default urutan terakhir</i></small>
                            </div>
                            <input name="sort" id="sort" type="text" class="form-control" placeholder="E.g: 1" value="{{($data['result']['sort'] == 99999) ? null : $data['result']['sort']}}" style="width:30%">
                        </div>
                        <div class="form-group">
                            <label>Multiple Order</label>
                            <div>
                                <small class="text-muted mb-1"><i>Kelipatan item untuk dipesan</i></small>
                            </div>
                            <input name="multiple_order" id="multiple_order" type="text" class="form-control" placeholder="E.g: 12" value="{{$data['result']['multiple_order']}}" style="width:30%">
                        </div>
                        <div class="form-group">
                            <label>Description</label>
                            <textarea name="description" id="description" class="form-control" cols="20" rows="3" placeholder="E.g: Item ini perbungkus ini 20">{{$data['result']['description']}}</textarea>
                        </div>
                        <div class="form-group pull-right">
                            <br>
                            <button class="btn btn-secondary btn-back" type="button">Back</button>
                            <button type="reset" class="btn btn-warning"><i class="fa fa-undo"></i> Reset</button>
                                </form>
                            <button type="submit" class="btn btn-primary"><i class="fa fa-edit"></i> Update</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-script')
    <script>
        $(document).ready(function(){
            $('#name').keyup(function(){
                $(this).val($(this).val().toUpperCase());
            });
        });

        $(".btn-back").on("click", function(){
            window.history.back();
        });
    </script>
@endsection